src/StartPlatz/Bundle/EventBundle/Resources/views/Default/_registration.batch.tailwind.html.twig line 1

Open in your IDE?
  1. {# Registration Section - Tailwind Version #}
  2. {# Defaults definiert in event-single.tailwind.html.twig (styles block) #}
  3. <section id="{% if lang == 'en' or isEnglish %}registration{% else %}anmeldung{% endif %}" class="bg-registration registration-accent py-12">
  4.     <div class="max-w-4xl mx-auto px-4">
  6.         {# Batch ist Source of Truth fuer Preis und Steuerverhalten (event.priceInEuroCent ist Legacy). #}
  7.         {% set displayPrice = null %}
  8.         {% set isTaxIncluded = false %}
  9.         {% set isFreeForKiCampus = false %}
  10.         {% set isFreeForCommunity = false %}
  12.         {% if batch and batch.priceInEuroCent %}
  13.             {% set displayPrice = batch.priceInEuroCent %}
  14.             {% set isTaxIncluded = batch.taxBehavior == 'inclusive' %}
  15.             {% set isFreeForKiCampus = batch.isFreeForKiCampus %}
  16.             {% set isFreeForCommunity = batch.isFreeForCommunity %}
  17.         {% elseif event is defined and event and event.priceInEuroCent %}
  18.             {% set displayPrice = event.priceInEuroCent %}
  19.             {% set isTaxIncluded = event.isTaxIncluded %}
  20.             {% set isFreeForKiCampus = event.isFreeForKiCampus %}
  21.             {% set isFreeForCommunity = event.isFreeForCommunity %}
  22.         {% endif %}
  24.         {# --- Registrierungs-Header --- #}
  25.         {% if event is defined %}
  26.         {% if batch.registrationHeadline %}
  27.             {# Custom Header: ersetzt Standard-Details-Box und Free-Access-Boxen #}
  28.             <div class="text-center mb-8">
  29.                 <h2 class="text-white text-3xl lg:text-4xl font-bold mb-3">{{ batch.registrationHeadline }}</h2>
  30.                 {% if batch.registrationSubtitle %}
  31.                     <p class="text-white/80 text-lg">{{ batch.registrationSubtitle|raw }}</p>
  32.                 {% endif %}
  33.             </div>
  34.         {% else %}
  35.             {# Event Details Box #}
  36.             <div class="bg-white/10 backdrop-blur rounded-xl p-4 mb-6">
  37.                 <div class="flex flex-wrap justify-between gap-4 text-white">
  38.                     {# When #}
  39.                     <div class="flex items-center gap-2">
  40.                         <span class="text-xl">&#128197;</span>
  41.                         <div>
  42.                             <strong>{% if isEnglish %}When:{% else %}Wann:{% endif %}</strong>
  43.                             {% if isMultiBatchEvent and batch and batch.startDate %}
  44.                                 {{ batch.startDate|date('d.m.Y H:i') }}{% if batch.endDate %} - {{ batch.endDate|date('H:i') }} Uhr{% endif %}
  45.                             {% elseif event.startDate %}
  46.                                 {{ event.startDate|date('d.m.Y H:i') }}{% if event.endDate %} - {{ event.endDate|date('H:i') }} Uhr{% endif %}
  47.                             {% endif %}
  48.                         </div>
  49.                     </div>
  51.                     {# Where #}
  52.                     <div class="flex items-center gap-2">
  53.                         <span class="text-xl">&#128205;</span>
  54.                         <div>
  55.                             <strong>{% if isEnglish %}Where:{% else %}Wo:{% endif %}</strong>
  56.                             {% if event.location %}{{ event.location }}{% elseif event.isOnline %}Online{% else %}STARTPLATZ{% endif %}
  57.                         </div>
  58.                     </div>
  60.                     {# Fee #}
  61.                     {% if displayPrice is not null %}
  62.                         <div class="flex items-center gap-2">
  63.                             <span class="text-xl">&#128176;</span>
  64.                             <div>
  65.                                 <strong>{% if isEnglish %}Fee:{% else %}Gebuehr:{% endif %}</strong>
  66.                                 {% if displayPrice == 0 %}
  67.                                     {% if isEnglish %}free{% else %}kostenlos{% endif %}
  68.                                 {% else %}
  69.                                     {{ (displayPrice/100)|number_format(2, ',', '.') }} EUR
  70.                                     {% if isTaxIncluded %}{% if isEnglish %}incl. VAT{% else %}inkl. MwSt.{% endif %}{% else %}{% if isEnglish %}excl. VAT{% else %}zzgl. MwSt.{% endif %}{% endif %}
  71.                                 {% endif %}
  72.                             </div>
  73.                         </div>
  74.                     {% endif %}
  75.                 </div>
  76.             </div>
  78.             {# KI Campus Free Access Box #}
  79.             {% if displayPrice and isFreeForKiCampus %}
  80.                 <div class="bg-green-50 border border-green-200 rounded-xl p-4 mb-4">
  81.                     <div class="flex items-start gap-3">
  82.                         <span class="text-green-500 text-xl">&#10003;</span>
  83.                         <div>
  84.                             <strong class="text-green-700">
  85.                                 {% if isEnglish %}Free for KI Campus members{% else %}Kostenlos fuer KI Campus Mitglieder{% endif %}
  86.                             </strong>
  87.                             <p class="text-sm text-gray-600 mt-1">
  88.                                 {% if isEnglish %}
  89.                                     Join now for just EUR49/month and get access to this and many other free AI courses and events!
  90.                                 {% else %}
  91.                                     Werde Mitglied fuer nur 49EUR/Monat und erhalte Zugang zu diesem und vielen weiteren kostenlosen KI-Kursen und Events!
  92.                                 {% endif %}
  93.                             </p>
  94.                             <a target="_blank" href="https://ki-campus.onepage.me/" class="inline-block mt-2 px-4 py-2 bg-green-500 text-white rounded-lg hover:bg-green-600 transition-colors text-sm font-semibold">
  95.                                 {% if isEnglish %}Become a KI Campus member now{% else %}Jetzt KI Campus Mitglied werden{% endif %}
  96.                             </a>
  97.                         </div>
  98.                     </div>
  99.                 </div>
  100.             {% endif %}
  102.             {# Community Free Access Box #}
  103.             {% if displayPrice and isFreeForCommunity %}
  104.                 <div class="bg-green-50 border border-green-200 rounded-xl p-4 mb-4">
  105.                     <div class="flex items-start gap-3">
  106.                         <span class="text-green-500 text-xl">&#10003;</span>
  107.                         <div>
  108.                             <strong class="text-green-700">
  109.                                 {% if isEnglish %}Free for Community members{% else %}Kostenlos fuer Community Mitglieder{% endif %}
  110.                             </strong>
  111.                             <p class="text-sm text-gray-600 mt-1">
  112.                                 {% if isEnglish %}
  113.                                     As a Community member, you get free access to this event!
  114.                                 {% else %}
  115.                                     Als Community Mitglied erhaeltst Du kostenlosen Zugang zu diesem Event!
  116.                                 {% endif %}
  117.                             </p>
  118.                         </div>
  119.                     </div>
  120.                 </div>
  121.             {% endif %}
  122.         {% endif %}{# end registrationHeadline if/else #}
  124.             {# Payment pending: started + paid event → show hint and re-show form below #}
  125.             {% set isPaidAndStarted = application.applicationStatus is defined and application.applicationStatus == 'started' and batch.priceInEuroCent > 0 %}
  127.             {# Application Status #}
  128.             {% if application.applicationStatus is defined and application.applicationStatus is not empty %}
  129.                 {% if batch.registrationMode == 'lead-capture' and batch.registrationRedirectUrl and application.applicationStatus == 'applied' %}
  130.                     {# Lead-Capture: show redirect link instead of generic status #}
  131.                     <div class="bg-white rounded-2xl p-6 shadow-xl text-center">
  132.                         <p class="text-gray-700 mb-4">
  133.                             {% if isEnglish %}
  134.                                 Thank you for your inquiry! Book your consultation now:
  135.                             {% else %}
  136.                                 Danke fuer Deine Anfrage! Buche jetzt Dein Gespraech:
  137.                             {% endif %}
  138.                         </p>
  139.                         <a href="{{ batch.registrationRedirectUrl }}" target="_blank"
  140.                            class="inline-block px-8 py-4 bg-gray-900 text-white font-bold text-lg rounded-xl hover:bg-gray-800 transition-colors no-underline">
  141.                             {{ batch.registrationButtonText ?? (isEnglish ? 'Book now' : 'Jetzt buchen') }}
  142.                         </a>
  143.                     </div>
  144.                 {% elseif isPaidAndStarted %}
  145.                     <div class="bg-amber-50 border border-amber-200 rounded-xl p-4 mb-4">
  146.                         <strong class="text-amber-700">
  147.                             {% if isEnglish %}Payment pending{% else %}Zahlung ausstehend{% endif %}
  148.                         </strong>
  149.                         <p class="text-amber-600 mt-1">
  150.                             {% if isEnglish %}
  151.                                 Your registration has been started. Please complete the payment to confirm your spot.
  152.                             {% else %}
  153.                                 Deine Anmeldung wurde gestartet. Bitte schliesse die Zahlung ab, um Deinen Platz zu sichern.
  154.                             {% endif %}
  155.                         </p>
  156.                     </div>
  157.                 {% else %}
  158.                     <div class="bg-blue-50 border border-blue-200 rounded-xl p-4 mb-4">
  159.                         <strong class="text-blue-700">{{ phrases.event_phrase_application_status|default('Anmeldestatus:') }}</strong>
  160.                         <p class="text-blue-600 mt-1">
  161.                             {% if application.applicationStatus == 'started' %}
  162.                                 {{ phrases.event_phrase_status_started|default('Du bist vorgemerkt. Sobald Du Deine E-Mail Adresse bestaetigt hast, wird die Anmeldung gueltig.') }}
  163.                             {% elseif application.applicationStatus == 'applied' %}
  164.                                 {% if event is defined and event and event.isFormalLanguage %}
  165.                                     {{ phrases.event_phrase_status_applied_formal|default('Sie sind angemeldet. Wir freuen uns auf Sie!') }}
  166.                                 {% else %}
  167.                                     {{ phrases.event_phrase_status_applied|default('Du bist angemeldet. Wir freuen uns auf Dich!') }}
  168.                                 {% endif %}
  169.                             {% else %}
  170.                                 {{ phrases.event_phrase_status_other|default('Du bist angemeldet mit dem Status ==') }} {{ application.applicationStatus }}
  171.                             {% endif %}
  172.                         </p>
  173.                     </div>
  174.                 {% endif %}
  175.             {% endif %}
  176.         {% endif %}
  178.         {# Ticket Availability Counter #}
  179.         {% if settings.showParticipantCounter|default(false) %}
  180.             {% set maxParticipants = batch.capacity|default(0) %}
  181.             {% set countedStatuses = settings.countStatus|default(['applied', 'approved']) %}
  183.             {% set registered = 0 %}
  184.             {% if 'started' in countedStatuses and batch.startedCount is not null %}
  185.                 {% set registered = registered + batch.startedCount %}
  186.             {% endif %}
  187.             {% if 'applied' in countedStatuses and batch.appliedCount is not null %}
  188.                 {% set registered = registered + batch.appliedCount %}
  189.             {% endif %}
  190.             {% if 'approved' in countedStatuses and batch.approvedCount is not null %}
  191.                 {% set registered = registered + batch.approvedCount %}
  192.             {% endif %}
  193.             {% if 'rejected' in countedStatuses and batch.rejectedCount is not null %}
  194.                 {% set registered = registered + batch.rejectedCount %}
  195.             {% endif %}
  197.             {% set available = maxParticipants - registered %}
  199.             <div class="bg-white/10 backdrop-blur rounded-xl p-3 mb-6 text-center text-white">
  200.                 {% if isEnglish %}
  201.                     <strong>{{ registered }} of {{ maxParticipants }} seats taken</strong> |
  202.                     <strong class="text-yellow-300">{{ available }} left</strong> - don't miss your spot
  203.                 {% else %}
  204.                     <strong>{{ registered }} von {{ maxParticipants }} Plaetzen belegt</strong> |
  205.                     <strong class="text-yellow-300">{{ available }} uebrig</strong> - sichere dir deinen Platz
  206.                 {% endif %}
  207.             </div>
  208.         {% endif %}
  210.         {# Registration Form — also shown when payment is pending (started + paid) #}
  211.         {% if application.applicationStatus is defined and (application.applicationStatus is empty or isPaidAndStarted) %}
  213.             {# Waiting List or Full Notice #}
  214.             {% set effectiveCapacity = batch.capacity|default(0) %}
  215.             {% if effectiveCapacity > 0 and batch.appliedCount >= effectiveCapacity %}
  216.                 {% if settings.hasWaitingList %}
  217.                     <h2 class="text-2xl font-bold text-white text-center mb-6">
  218.                         {{ phrases.event_phrase_all_seats_booked_waiting_list|default('Alle Plaetze sind gebucht - Bitte registriere Dich fuer die Warteliste') }}
  219.                     </h2>
  220.                 {% else %}
  221.                     <h2 class="text-2xl font-bold text-white text-center mb-6">
  222.                         {{ phrases.event_phrase_all_seats_booked_no_registration|default('Alle Plaetze sind gebucht - Eine Anmeldung ist leider nicht moeglich') }}
  223.                     </h2>
  224.                 {% endif %}
  225.             {% endif %}
  227.             {# Show form if not full OR has waiting list #}
  228.             {% if (effectiveCapacity == 0 or batch.appliedCount < effectiveCapacity) or (effectiveCapacity > 0 and batch.appliedCount >= effectiveCapacity and settings.hasWaitingList) %}
  230.                 {# Form Container #}
  231.                 <div class="bg-white rounded-2xl p-6 shadow-xl">
  233.                     {{ form_start(form) }}
  234.                     {{ form_errors(form) }}
  236.                     {# Name Fields (Side by Side) #}
  237.                     <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
  238.                         <div>
  239.                             {{ form_widget(form.firstName, {'attr': {
  240.                                 'class': 'w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[color:var(--registration-accent,#9632FF)] focus:border-transparent outline-none transition-all',
  241.                                 'placeholder': phrases.phrase_form_firstName_placeholder ~ ' (*)'
  242.                             }}) }}
  243.                         </div>
  244.                         <div>
  245.                             {{ form_widget(form.lastName, {'attr': {
  246.                                 'class': 'w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[color:var(--registration-accent,#9632FF)] focus:border-transparent outline-none transition-all',
  247.                                 'placeholder': phrases.phrase_form_lastName_placeholder ~ ' (*)'
  248.                             }}) }}
  249.                         </div>
  250.                     </div>
  252.                     {# Startup Name (Optional) #}
  253.                     {% if batch.askForTeam %}
  254.                         <div class="mb-4">
  255.                             {{ form_widget(form.startupName, {'attr': {
  256.                                 'class': 'w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[color:var(--registration-accent,#9632FF)] focus:border-transparent outline-none transition-all',
  257.                                 'placeholder': 'Firma'
  258.                             }, 'required': false}) }}
  259.                         </div>
  260.                     {% endif %}
  262.                     {# Email #}
  263.                     <div class="mb-4">
  264.                         {{ form_widget(form.email, {'attr': {
  265.                             'class': 'w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[color:var(--registration-accent,#9632FF)] focus:border-transparent outline-none transition-all',
  266.                             'placeholder': 'E-mail (*)'
  267.                         }}) }}
  268.                     </div>
  270.                     {# Phone #}
  271.                     {% if batch.hasIncludePhone %}
  272.                         <div class="mb-4">
  273.                             {{ form_widget(form.phone, {'attr': {
  274.                                 'class': 'w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[color:var(--registration-accent,#9632FF)] focus:border-transparent outline-none transition-all',
  275.                                 'placeholder': 'Phone Number'
  276.                             }, 'required': false}) }}
  277.                             <p class="text-sm text-gray-500 mt-1">
  278.                                 {{ phrases.request_phone_number_for_updates|default('Bitte gib Deine Telefonnummer an, damit wir Dich im Fall von Aenderungen erreichen koennen.') }}
  279.                             </p>
  280.                         </div>
  281.                     {% endif %}
  283.                     {# LinkedIn #}
  284.                     {% if batch.hasIncludeLinkedIn %}
  285.                         <div class="mb-4">
  286.                             {{ form_widget(form.linkedin, {'attr': {
  287.                                 'class': 'w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[color:var(--registration-accent,#9632FF)] focus:border-transparent outline-none transition-all'
  288.                             }, 'required': false}) }}
  289.                         </div>
  290.                     {% endif %}
  292.                     {# Extra Fields (Dynamic) #}
  293.                     {% if attribute(settings, 'extraFields') is defined %}
  294.                         {% set extraFields = attribute(settings, 'extraFields') %}
  295.                         {% for extraField in extraFields %}
  296.                             {% set formField = attribute(form, extraField.field) %}
  297.                             {% if extraField.type == 'checkbox' %}
  298.                                 <div class="mb-4">
  299.                                     <label class="flex items-start gap-3 cursor-pointer">
  300.                                         {{ form_widget(formField, {'attr': {
  301.                                             'class': 'mt-1 w-5 h-5 accent-[color:var(--registration-accent,#9632FF)] border-gray-300 rounded'
  302.                                         }, 'required': extraField.required}) }}
  303.                                         <span class="text-gray-600 text-sm">{{ extraField.label }}</span>
  304.                                     </label>
  305.                                 </div>
  306.                             {% else %}
  307.                                 <div class="mb-4">
  308.                                     {{ form_widget(formField, {'attr': {
  309.                                         'class': 'w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[color:var(--registration-accent,#9632FF)] focus:border-transparent outline-none transition-all'
  310.                                     }, 'required': extraField.required}) }}
  311.                                 </div>
  312.                             {% endif %}
  313.                         {% endfor %}
  314.                     {% endif %}
  316.                     {# Applicant Types #}
  317.                     {% if settings.applicantTypes is defined and settings.applicantTypes %}
  318.                         <div class="mb-4">
  319.                             {{ form_widget(form.applicantType, {'attr': {
  320.                                 'class': 'w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-[color:var(--registration-accent,#9632FF)] focus:border-transparent outline-none transition-all'
  321.                             }, 'required': false}) }}
  322.                         </div>
  323.                     {% endif %}
  325.                     {# Newsletter Permission #}
  326.                     {% if batch.hasIncludeNewsletterPermission %}
  327.                         <div class="mb-4">
  328.                             <label class="flex items-start gap-3 cursor-pointer">
  329.                                 {{ form_widget(form.hasNewsletterPermissionGiven, {'attr': {
  330.                                     'class': 'mt-1 w-5 h-5 accent-[color:var(--registration-accent,#9632FF)] border-gray-300 rounded'
  331.                                 }, 'required': false}) }}
  332.                                 <span class="text-gray-600 text-sm">
  333.                                     {% if application.lang == 'DE' %}
  334.                                         Ja, ich moechte gerne ueber weitere Veranstaltungen informiert werden.
  335.                                     {% else %}
  336.                                         Yes, I would like to be informed about further events.
  337.                                     {% endif %}
  338.                                 </span>
  339.                             </label>
  340.                         </div>
  341.                     {% endif %}
  343.                     {# Volunteer Consent #}
  344.                     {% if settings.hasIncludeVolunteerConsent is defined and settings.hasIncludeVolunteerConsent %}
  345.                         <div class="mb-4">
  346.                             <label class="flex items-start gap-3 cursor-pointer">
  347.                                 {{ form_widget(form.hasVolunteerAgreed, {'attr': {
  348.                                     'class': 'mt-1 w-5 h-5 accent-[color:var(--registration-accent,#9632FF)] border-gray-300 rounded'
  349.                                 }, 'required': false}) }}
  350.                                 <span class="text-gray-600 text-sm">
  351.                                     {% if application.lang == 'DE' %}
  352.                                         Ja, ich wuerde mich gerne als Volunteer, Mentor oder Unterstuetzer einbringen
  353.                                     {% else %}
  354.                                         Yes, I would like to contribute as a volunteer, mentor, or supporter
  355.                                     {% endif %}
  356.                                 </span>
  357.                             </label>
  358.                         </div>
  359.                     {% endif %}
  361.                     {# Terms Consent #}
  362.                     {% if batch.hasIncludeTermsConsent %}
  363.                         <div class="mb-4 p-3 bg-gray-50 rounded-lg">
  364.                             <p class="text-sm text-gray-500">
  365.                                 {% if application.lang == 'DE' %}
  366.                                     Bei unseren Veranstaltungen koennen Aufnahmen fuer Social Media gemacht werden.
  367.                                     <br>Mit Deiner Anmeldung stimmst Du zu, dass Bildaufnahmen fuer Social Media verwendet werden duerfen.
  368.                                 {% else %}
  369.                                     At our events, recordings for social media can be made.
  370.                                     <br>By registering, you agree that image recordings may be used for social media.
  371.                                 {% endif %}
  372.                             </p>
  373.                         </div>
  374.                     {% endif %}
  376.                     {# AI Hub Trial Membership Note #}
  377.                     {% if batch.productId > 322 and batch.productId < 330 %}
  378.                         <div class="mb-4 p-3 bg-gray-50 rounded-lg">
  379.                             <p class="text-sm text-gray-500">
  380.                                 (*) die Probemitgliedschaft im AI Hub verlaengert sich nicht automatisch und wird 30 Tage nach Ende der ausgewaehlten AI-Summer-School-Ausgabe automatisch und ohne zusaetzliche Kosten gekuendigt.
  381.                             </p>
  382.                         </div>
  383.                     {% endif %}
  385.                     {# Price Information #}
  386.                     {% if batch.priceInEuroCent %}
  387.                         <div class="mb-4 p-3 bg-gray-50 rounded-lg">
  388.                             {% if application.lang == 'DE' %}
  389.                                 <strong>Der Standardpreis betraegt {{ application.priceInEuroCent / 100|number_format(0, ',', '.') }}EUR</strong> (zzgl. MwSt.)
  390.                                 {% if application.discountPercent %}
  391.                                     <br>
  392.                                     Du erhaelst einen Discount wegen <i>{{ application.discountReason }}</i> in Hoehe von {{ application.discountPercent }}%
  393.                                     und daher betraegt der Preis fuer Dich {{ application.realPriceinEuroCent / 100|number_format(0, ',', '.') }}EUR (zzgl. MwSt.)
  394.                                 {% endif %}
  395.                                 <br>
  396.                                 {% if application.realPriceinEuroCent %}
  397.                                     <small class="text-gray-500">Mit Klick auf "Jetzt anmelden" wirst Du angemeldet und der Zahlungsvorgang wird gestartet</small>
  398.                                 {% endif %}
  399.                             {% else %}
  400.                                 <strong>The standard price is {{ application.priceInEuroCent / 100|number_format(0, ',', '.') }}EUR</strong>
  401.                                 {% if application.discountPercent %}
  402.                                     <br>
  403.                                     You will receive a discount due to <i>{{ application.discountReason }}</i> in the amount of {{ application.discountPercent }}%
  404.                                     and therefore the price for you is {{ application.realPriceinEuroCent / 100|number_format(0, ',', '.') }}EUR
  405.                                 {% endif %}
  406.                                 <br>
  407.                                 {% if application.realPriceinEuroCent %}
  408.                                     <small class="text-gray-500">By clicking "Register Now" you will be registered and the payment process will be started</small>
  409.                                 {% endif %}
  410.                             {% endif %}
  411.                         </div>
  412.                     {% endif %}
  414.                     {# Submit Button #}
  415.                     {% set label = batch.registrationButtonText ?? phrases.phrase_form_button_call_to_act %}
  416.                     <div class="text-center mt-6">
  417.                         {{ form_widget(form.finish, {'attr': {
  418.                             'class': 'px-8 py-4 bg-gray-900 text-white font-bold text-lg rounded-xl hover:bg-gray-800 transition-colors cursor-pointer'
  419.                         }, 'label': label}) }}
  420.                     </div>
  422.                     {# CSRF Token #}
  423.                     {% if not embed|default(false) %}
  424.                         {{ form_row(form._token) }}
  425.                     {% endif %}
  426.                     {# B-128: Meta CAPI dedup event ID #}
  427.                     <input type="hidden" name="_meta_event_id" id="metaEventId" value="">
  428.                     {{ form_end(form, {'render_rest': false}) }}
  430.                     {# Meta Pixel CompleteRegistration Event - fires on lead-capture form submit (B-128: with CAPI dedup eventID) #}
  431.                     <script>
  432.                         (function() {
  433.                             var form = document.querySelector('form[name="{{ form.vars.name }}"]');
  434.                             if (!form) return;
  436.                             var isSubmitting = false;
  438.                             form.addEventListener('submit', function(e) {
  439.                                 if (isSubmitting) return true;
  441.                                 if (typeof fbq !== 'undefined') {
  442.                                     e.preventDefault();
  443.                                     e.stopPropagation();
  445.                                     var submitted = false;
  447.                                     function submitForm() {
  448.                                         if (submitted) return;
  449.                                         submitted = true;
  450.                                         isSubmitting = true;
  451.                                         form.submit();
  452.                                     }
  454.                                     var metaEventId = (crypto && crypto.randomUUID) ? crypto.randomUUID() : 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
  455.                                         var r = Math.random() * 16 | 0; return (c === 'x' ? r : (r & 0x3 | 0x8)).toString(16);
  456.                                     });
  457.                                     var eventIdField = document.getElementById('metaEventId');
  458.                                     if (eventIdField) eventIdField.value = metaEventId;
  460.                                     fbq('track', 'CompleteRegistration', {
  461.                                         content_name: '{{ event.title|e('js') }}'
  462.                                     }, { eventID: metaEventId });
  464.                                     setTimeout(function() {
  465.                                         submitForm();
  466.                                     }, 1000);
  467.                                 }
  468.                             });
  469.                         })();
  470.                     </script>
  472.                     {# Reduced Tickets Info #}
  473.                     {% if batch.priceInEuroCent and attribute(phrases, 'phrase_reduced_tickets') is defined %}
  474.                         <div class="mt-4">
  475.                             <p class="text-sm text-gray-500">{{ phrases.phrase_reduced_tickets }}</p>
  476.                         </div>
  477.                     {% endif %}
  479.                 </div>
  481.             {% endif %}
  483.         {% endif %}
  485.     </div>
  487.     {# Multi-Batch: Other Dates Section #}
  488.     {% if isMultiBatchEvent and futureBatches|length > 1 %}
  489.         <div class="max-w-4xl mx-auto px-4 mt-12" id="{{ isEnglish ? 'OtherDates' : 'WeitereTermine' }}">
  490.             <h3 class="text-2xl font-bold text-white text-center mb-6">
  491.                 {{ phrases.event_phrase_other_dates|default('Weitere Termine') }}
  492.             </h3>
  494.             <div class="space-y-3">
  495.                 {% for futureBatch in futureBatches %}
  496.                     {% if futureBatch.id != batch.id %}
  497.                         <a href="{{ path('event_show_single_by_date', {'slug': event.slug, 'date': futureBatch.startDate|date('Y-m-d')}) }}"
  498.                            class="block bg-white rounded-xl p-4 hover:shadow-lg transition-shadow">
  499.                             <div class="flex flex-wrap items-center justify-between gap-4">
  500.                                 <div>
  501.                                     <h5 class="text-lg font-semibold text-gray-900">
  502.                                         {% if lang == 'DE' %}
  503.                                             {{ futureBatch.startDate|date('d. F Y', 'Europe/Berlin')|replace({
  504.                                                 'January': 'Januar', 'February': 'Februar', 'March': 'Maerz',
  505.                                                 'April': 'April', 'May': 'Mai', 'June': 'Juni',
  506.                                                 'July': 'Juli', 'August': 'August', 'September': 'September',
  507.                                                 'October': 'Oktober', 'November': 'November', 'December': 'Dezember'
  508.                                             }) }}
  509.                                         {% else %}
  510.                                             {{ futureBatch.startDate|date('F d, Y') }}
  511.                                         {% endif %}
  512.                                     </h5>
  513.                                     <p class="text-gray-600">
  514.                                         {{ futureBatch.startDate|date('H:i') }} -
  515.                                         {% if futureBatch.endDate %}
  516.                                             {{ futureBatch.endDate|date('H:i') }} Uhr
  517.                                         {% else %}
  518.                                             {{ futureBatch.startDate|date_modify('+2 hours')|date('H:i') }} Uhr
  519.                                         {% endif %}
  520.                                     </p>
  521.                                     {% if futureBatch.name and futureBatch.name != batch.name %}
  522.                                         <p class="text-sm text-gray-400">{{ futureBatch.name }}</p>
  523.                                     {% endif %}
  524.                                 </div>
  525.                                 <div class="flex items-center gap-2">
  526.                                     {% set isBatchOpen = futureBatch.start and futureBatch.end and date(futureBatch.start) <= date() and date(futureBatch.end) >= date() %}
  527.                                     {% set futureBatchCapacity = futureBatch.capacity|default(0) %}
  528.                                     {% if futureBatchCapacity > 0 and futureBatch.appliedCount >= futureBatchCapacity %}
  529.                                         <span class="px-3 py-1 bg-red-100 text-red-700 rounded-full text-sm font-medium">Ausgebucht</span>
  530.                                     {% elseif not isBatchOpen %}
  531.                                         <span class="px-3 py-1 bg-gray-100 text-gray-600 rounded-full text-sm font-medium">Anmeldung geschlossen</span>
  532.                                     {% else %}
  533.                                         <span class="px-3 py-1 bg-green-100 text-green-700 rounded-full text-sm font-medium">
  534.                                             {% if futureBatchCapacity > 0 %}
  535.                                                 {{ futureBatchCapacity - futureBatch.appliedCount }} Plaetze frei
  536.                                             {% else %}
  537.                                                 Plaetze verfuegbar
  538.                                             {% endif %}
  539.                                         </span>
  540.                                         <span class="text-[color:var(--registration-accent,#9632FF)] font-medium">Zu diesem Termin &#8594;</span>
  541.                                     {% endif %}
  542.                                 </div>
  543.                             </div>
  544.                         </a>
  545.                     {% endif %}
  546.                 {% endfor %}
  547.             </div>
  549.             {% if selectedDate %}
  550.                 <div class="mt-4 text-center">
  551.                     <a href="{{ path('event_show_single', {'slug': event.slug}) }}" class="text-white hover:text-gray-200 underline">
  552.                         &#8592; Alle Termine anzeigen
  553.                     </a>
  554.                 </div>
  555.             {% endif %}
  556.         </div>
  557.     {% endif %}
  559. </section>