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.         {# Determine price source - batch takes precedence for multi-batch events #}
  7.         {% set displayPrice = null %}
  8.         {% set isTaxIncluded = false %}
  9.         {% set isFreeForKiCampus = false %}
  10.         {% set isFreeForCommunity = false %}
  12.         {% if isMultiBatchEvent and batch and batch.priceInEuroCent %}
  13.             {% set displayPrice = batch.priceInEuroCent %}
  14.             {% set isTaxIncluded = batch.isTaxIncluded %}
  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.         {# Event Details Box #}
  25.         {% if event is defined %}
  26.             <div class="bg-white/10 backdrop-blur rounded-xl p-4 mb-6">
  27.                 <div class="flex flex-wrap justify-between gap-4 text-white">
  28.                     {# When #}
  29.                     <div class="flex items-center gap-2">
  30.                         <span class="text-xl">&#128197;</span>
  31.                         <div>
  32.                             <strong>{% if isEnglish %}When:{% else %}Wann:{% endif %}</strong>
  33.                             {% if isMultiBatchEvent and batch and batch.startDate %}
  34.                                 {{ batch.startDate|date('d.m.Y H:i') }}{% if batch.endDate %} - {{ batch.endDate|date('H:i') }} Uhr{% endif %}
  35.                             {% elseif event.startDate %}
  36.                                 {{ event.startDate|date('d.m.Y H:i') }}{% if event.endDate %} - {{ event.endDate|date('H:i') }} Uhr{% endif %}
  37.                             {% endif %}
  38.                         </div>
  39.                     </div>
  41.                     {# Where #}
  42.                     <div class="flex items-center gap-2">
  43.                         <span class="text-xl">&#128205;</span>
  44.                         <div>
  45.                             <strong>{% if isEnglish %}Where:{% else %}Wo:{% endif %}</strong>
  46.                             {% if event.location %}{{ event.location }}{% elseif event.isOnline %}Online{% else %}STARTPLATZ{% endif %}
  47.                         </div>
  48.                     </div>
  50.                     {# Fee #}
  51.                     {% if displayPrice is not null %}
  52.                         <div class="flex items-center gap-2">
  53.                             <span class="text-xl">&#128176;</span>
  54.                             <div>
  55.                                 <strong>{% if isEnglish %}Fee:{% else %}Gebuehr:{% endif %}</strong>
  56.                                 {% if displayPrice == 0 %}
  57.                                     {% if isEnglish %}free{% else %}kostenlos{% endif %}
  58.                                 {% else %}
  59.                                     {{ (displayPrice/100)|number_format(2, ',', '.') }} EUR
  60.                                     {% if isTaxIncluded %}{% if isEnglish %}incl. VAT{% else %}inkl. MwSt.{% endif %}{% else %}{% if isEnglish %}excl. VAT{% else %}zzgl. MwSt.{% endif %}{% endif %}
  61.                                 {% endif %}
  62.                             </div>
  63.                         </div>
  64.                     {% endif %}
  65.                 </div>
  66.             </div>
  68.             {# KI Campus Free Access Box #}
  69.             {% if displayPrice and isFreeForKiCampus %}
  70.                 <div class="bg-green-50 border border-green-200 rounded-xl p-4 mb-4">
  71.                     <div class="flex items-start gap-3">
  72.                         <span class="text-green-500 text-xl">&#10003;</span>
  73.                         <div>
  74.                             <strong class="text-green-700">
  75.                                 {% if isEnglish %}Free for KI Campus members{% else %}Kostenlos fuer KI Campus Mitglieder{% endif %}
  76.                             </strong>
  77.                             <p class="text-sm text-gray-600 mt-1">
  78.                                 {% if isEnglish %}
  79.                                     Join now for just EUR49/month and get access to this and many other free AI courses and events!
  80.                                 {% else %}
  81.                                     Werde Mitglied fuer nur 49EUR/Monat und erhalte Zugang zu diesem und vielen weiteren kostenlosen KI-Kursen und Events!
  82.                                 {% endif %}
  83.                             </p>
  84.                             <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">
  85.                                 {% if isEnglish %}Become a KI Campus member now{% else %}Jetzt KI Campus Mitglied werden{% endif %}
  86.                             </a>
  87.                         </div>
  88.                     </div>
  89.                 </div>
  90.             {% endif %}
  92.             {# Community Free Access Box #}
  93.             {% if displayPrice and isFreeForCommunity %}
  94.                 <div class="bg-green-50 border border-green-200 rounded-xl p-4 mb-4">
  95.                     <div class="flex items-start gap-3">
  96.                         <span class="text-green-500 text-xl">&#10003;</span>
  97.                         <div>
  98.                             <strong class="text-green-700">
  99.                                 {% if isEnglish %}Free for Community members{% else %}Kostenlos fuer Community Mitglieder{% endif %}
  100.                             </strong>
  101.                             <p class="text-sm text-gray-600 mt-1">
  102.                                 {% if isEnglish %}
  103.                                     As a Community member, you get free access to this event!
  104.                                 {% else %}
  105.                                     Als Community Mitglied erhaeltst Du kostenlosen Zugang zu diesem Event!
  106.                                 {% endif %}
  107.                             </p>
  108.                         </div>
  109.                     </div>
  110.                 </div>
  111.             {% endif %}
  113.             {# Application Status #}
  114.             {% if application.applicationStatus is defined and application.applicationStatus is not empty %}
  115.                 <div class="bg-blue-50 border border-blue-200 rounded-xl p-4 mb-4">
  116.                     <strong class="text-blue-700">{{ phrases.event_phrase_application_status|default('Anmeldestatus:') }}</strong>
  117.                     <p class="text-blue-600 mt-1">
  118.                         {% if application.applicationStatus == 'started' %}
  119.                             {{ phrases.event_phrase_status_started|default('Du bist vorgemerkt. Sobald Du Deine E-Mail Adresse bestaetigt hast, wird die Anmeldung gueltig.') }}
  120.                         {% elseif application.applicationStatus == 'applied' %}
  121.                             {% if event is defined and event and event.isFormalLanguage %}
  122.                                 {{ phrases.event_phrase_status_applied_formal|default('Sie sind angemeldet. Wir freuen uns auf Sie!') }}
  123.                             {% else %}
  124.                                 {{ phrases.event_phrase_status_applied|default('Du bist angemeldet. Wir freuen uns auf Dich!') }}
  125.                             {% endif %}
  126.                         {% else %}
  127.                             {{ phrases.event_phrase_status_other|default('Du bist angemeldet mit dem Status ==') }} {{ application.applicationStatus }}
  128.                         {% endif %}
  129.                     </p>
  130.                 </div>
  131.             {% endif %}
  132.         {% endif %}
  134.         {# Ticket Availability Counter #}
  135.         {% if settings.showParticipantCounter|default(false) %}
  136.             {% set maxParticipants = settings.maxNumber|default(100) %}
  137.             {% set countedStatuses = settings.countStatus|default(['applied', 'approved']) %}
  139.             {% set registered = 0 %}
  140.             {% if 'started' in countedStatuses and batch.startedCount is not null %}
  141.                 {% set registered = registered + batch.startedCount %}
  142.             {% endif %}
  143.             {% if 'applied' in countedStatuses and batch.appliedCount is not null %}
  144.                 {% set registered = registered + batch.appliedCount %}
  145.             {% endif %}
  146.             {% if 'approved' in countedStatuses and batch.approvedCount is not null %}
  147.                 {% set registered = registered + batch.approvedCount %}
  148.             {% endif %}
  149.             {% if 'rejected' in countedStatuses and batch.rejectedCount is not null %}
  150.                 {% set registered = registered + batch.rejectedCount %}
  151.             {% endif %}
  153.             {% set available = maxParticipants - registered %}
  155.             <div class="bg-white/10 backdrop-blur rounded-xl p-3 mb-6 text-center text-white">
  156.                 {% if isEnglish %}
  157.                     <strong>{{ registered }} of {{ maxParticipants }} seats taken</strong> |
  158.                     <strong class="text-yellow-300">{{ available }} left</strong> - don't miss your spot
  159.                 {% else %}
  160.                     <strong>{{ registered }} von {{ maxParticipants }} Plaetzen belegt</strong> |
  161.                     <strong class="text-yellow-300">{{ available }} uebrig</strong> - sichere dir deinen Platz
  162.                 {% endif %}
  163.             </div>
  164.         {% endif %}
  166.         {# Registration Form #}
  167.         {% if application.applicationStatus is defined and application.applicationStatus is empty %}
  169.             {# Waiting List or Full Notice #}
  170.             {% if settings.maxNumber > 0 and batch.applicationsCount >= settings.maxNumber %}
  171.                 {% if settings.hasWaitingList %}
  172.                     <h2 class="text-2xl font-bold text-white text-center mb-6">
  173.                         {{ phrases.event_phrase_all_seats_booked_waiting_list|default('Alle Plaetze sind gebucht - Bitte registriere Dich fuer die Warteliste') }}
  174.                     </h2>
  175.                 {% else %}
  176.                     <h2 class="text-2xl font-bold text-white text-center mb-6">
  177.                         {{ phrases.event_phrase_all_seats_booked_no_registration|default('Alle Plaetze sind gebucht - Eine Anmeldung ist leider nicht moeglich') }}
  178.                     </h2>
  179.                 {% endif %}
  180.             {% endif %}
  182.             {# Show form if not full OR has waiting list #}
  183.             {% if (settings.maxNumber == 0 or batch.applicationsCount < settings.maxNumber) or (settings.maxNumber > 0 and batch.applicationsCount >= settings.maxNumber and settings.hasWaitingList) %}
  185.                 {# Form Container #}
  186.                 <div class="bg-white rounded-2xl p-6 shadow-xl">
  188.                     {{ form_start(form) }}
  189.                     {{ form_errors(form) }}
  191.                     {# Name Fields (Side by Side) #}
  192.                     <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
  193.                         <div>
  194.                             {{ form_widget(form.firstName, {'attr': {
  195.                                 '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',
  196.                                 'placeholder': phrases.phrase_form_firstName_placeholder ~ ' (*)'
  197.                             }}) }}
  198.                         </div>
  199.                         <div>
  200.                             {{ form_widget(form.lastName, {'attr': {
  201.                                 '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',
  202.                                 'placeholder': phrases.phrase_form_lastName_placeholder ~ ' (*)'
  203.                             }}) }}
  204.                         </div>
  205.                     </div>
  207.                     {# Startup Name (Optional) #}
  208.                     {% if batch.askForTeam %}
  209.                         <div class="mb-4">
  210.                             {{ form_widget(form.startupName, {'attr': {
  211.                                 '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',
  212.                                 'placeholder': 'Firma'
  213.                             }, 'required': false}) }}
  214.                         </div>
  215.                     {% endif %}
  217.                     {# Email #}
  218.                     <div class="mb-4">
  219.                         {{ form_widget(form.email, {'attr': {
  220.                             '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',
  221.                             'placeholder': 'E-mail (*)'
  222.                         }}) }}
  223.                     </div>
  225.                     {# Phone #}
  226.                     {% if batch.hasIncludePhone %}
  227.                         <div class="mb-4">
  228.                             {{ form_widget(form.phone, {'attr': {
  229.                                 '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',
  230.                                 'placeholder': 'Phone Number'
  231.                             }, 'required': false}) }}
  232.                             <p class="text-sm text-gray-500 mt-1">
  233.                                 {{ phrases.request_phone_number_for_updates|default('Bitte gib Deine Telefonnummer an, damit wir Dich im Fall von Aenderungen erreichen koennen.') }}
  234.                             </p>
  235.                         </div>
  236.                     {% endif %}
  238.                     {# LinkedIn #}
  239.                     {% if batch.hasIncludeLinkedIn %}
  240.                         <div class="mb-4">
  241.                             {{ form_widget(form.linkedin, {'attr': {
  242.                                 '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'
  243.                             }, 'required': false}) }}
  244.                         </div>
  245.                     {% endif %}
  247.                     {# Extra Fields (Dynamic) #}
  248.                     {% if attribute(settings, 'extraFields') is defined %}
  249.                         {% set extraFields = attribute(settings, 'extraFields') %}
  250.                         {% for extraField in extraFields %}
  251.                             {% set formField = attribute(form, extraField.field) %}
  252.                             {% if extraField.type == 'checkbox' %}
  253.                                 <div class="mb-4">
  254.                                     <label class="flex items-start gap-3 cursor-pointer">
  255.                                         {{ form_widget(formField, {'attr': {
  256.                                             'class': 'mt-1 w-5 h-5 accent-[color:var(--registration-accent,#9632FF)] border-gray-300 rounded'
  257.                                         }, 'required': extraField.required}) }}
  258.                                         <span class="text-gray-600 text-sm">{{ extraField.label }}</span>
  259.                                     </label>
  260.                                 </div>
  261.                             {% else %}
  262.                                 <div class="mb-4">
  263.                                     {{ form_widget(formField, {'attr': {
  264.                                         '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'
  265.                                     }, 'required': extraField.required}) }}
  266.                                 </div>
  267.                             {% endif %}
  268.                         {% endfor %}
  269.                     {% endif %}
  271.                     {# Applicant Types #}
  272.                     {% if settings.applicantTypes is defined and settings.applicantTypes %}
  273.                         <div class="mb-4">
  274.                             {{ form_widget(form.applicantType, {'attr': {
  275.                                 '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'
  276.                             }, 'required': false}) }}
  277.                         </div>
  278.                     {% endif %}
  280.                     {# Newsletter Permission #}
  281.                     {% if batch.hasIncludeNewsletterPermission %}
  282.                         <div class="mb-4">
  283.                             <label class="flex items-start gap-3 cursor-pointer">
  284.                                 {{ form_widget(form.hasNewsletterPermissionGiven, {'attr': {
  285.                                     'class': 'mt-1 w-5 h-5 accent-[color:var(--registration-accent,#9632FF)] border-gray-300 rounded'
  286.                                 }, 'required': false}) }}
  287.                                 <span class="text-gray-600 text-sm">
  288.                                     {% if application.lang == 'DE' %}
  289.                                         Ja, ich moechte gerne ueber weitere Veranstaltungen informiert werden.
  290.                                     {% else %}
  291.                                         Yes, I would like to be informed about further events.
  292.                                     {% endif %}
  293.                                 </span>
  294.                             </label>
  295.                         </div>
  296.                     {% endif %}
  298.                     {# Volunteer Consent #}
  299.                     {% if settings.hasIncludeVolunteerConsent is defined and settings.hasIncludeVolunteerConsent %}
  300.                         <div class="mb-4">
  301.                             <label class="flex items-start gap-3 cursor-pointer">
  302.                                 {{ form_widget(form.hasVolunteerAgreed, {'attr': {
  303.                                     'class': 'mt-1 w-5 h-5 accent-[color:var(--registration-accent,#9632FF)] border-gray-300 rounded'
  304.                                 }, 'required': false}) }}
  305.                                 <span class="text-gray-600 text-sm">
  306.                                     {% if application.lang == 'DE' %}
  307.                                         Ja, ich wuerde mich gerne als Volunteer, Mentor oder Unterstuetzer einbringen
  308.                                     {% else %}
  309.                                         Yes, I would like to contribute as a volunteer, mentor, or supporter
  310.                                     {% endif %}
  311.                                 </span>
  312.                             </label>
  313.                         </div>
  314.                     {% endif %}
  316.                     {# Terms Consent #}
  317.                     {% if batch.hasIncludeTermsConsent %}
  318.                         <div class="mb-4 p-3 bg-gray-50 rounded-lg">
  319.                             <p class="text-sm text-gray-500">
  320.                                 {% if application.lang == 'DE' %}
  321.                                     Bei unseren Veranstaltungen koennen Aufnahmen fuer Social Media gemacht werden.
  322.                                     <br>Mit Deiner Anmeldung stimmst Du zu, dass Bildaufnahmen fuer Social Media verwendet werden duerfen.
  323.                                 {% else %}
  324.                                     At our events, recordings for social media can be made.
  325.                                     <br>By registering, you agree that image recordings may be used for social media.
  326.                                 {% endif %}
  327.                             </p>
  328.                         </div>
  329.                     {% endif %}
  331.                     {# AI Hub Trial Membership Note #}
  332.                     {% if batch.productId > 322 and batch.productId < 330 %}
  333.                         <div class="mb-4 p-3 bg-gray-50 rounded-lg">
  334.                             <p class="text-sm text-gray-500">
  335.                                 (*) 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.
  336.                             </p>
  337.                         </div>
  338.                     {% endif %}
  340.                     {# Price Information #}
  341.                     {% if batch.priceInEuroCent %}
  342.                         <div class="mb-4 p-3 bg-gray-50 rounded-lg">
  343.                             {% if application.lang == 'DE' %}
  344.                                 <strong>Der Standardpreis betraegt {{ application.priceInEuroCent / 100|number_format(0, ',', '.') }}EUR</strong> (zzgl. MwSt.)
  345.                                 {% if application.discountPercent %}
  346.                                     <br>
  347.                                     Du erhaelst einen Discount wegen <i>{{ application.discountReason }}</i> in Hoehe von {{ application.discountPercent }}%
  348.                                     und daher betraegt der Preis fuer Dich {{ application.realPriceinEuroCent / 100|number_format(0, ',', '.') }}EUR (zzgl. MwSt.)
  349.                                 {% endif %}
  350.                                 <br>
  351.                                 {% if application.realPriceinEuroCent %}
  352.                                     <small class="text-gray-500">Mit Klick auf "Jetzt anmelden" wirst Du angemeldet und ein Zahlungsvorgang bei unserem Dienstleister Monsum gestartet</small>
  353.                                 {% endif %}
  354.                             {% else %}
  355.                                 <strong>The standard price is {{ application.priceInEuroCent / 100|number_format(0, ',', '.') }}EUR</strong>
  356.                                 {% if application.discountPercent %}
  357.                                     <br>
  358.                                     You will receive a discount due to <i>{{ application.discountReason }}</i> in the amount of {{ application.discountPercent }}%
  359.                                     and therefore the price for you is {{ application.realPriceinEuroCent / 100|number_format(0, ',', '.') }}EUR
  360.                                 {% endif %}
  361.                                 <br>
  362.                                 {% if application.realPriceinEuroCent %}
  363.                                     <small class="text-gray-500">By clicking "Register Now" you will be registered and a payment process will be started with our service provider Monsum</small>
  364.                                 {% endif %}
  365.                             {% endif %}
  366.                         </div>
  367.                     {% endif %}
  369.                     {# Submit Button #}
  370.                     {% set label = phrases.phrase_form_button_call_to_act %}
  371.                     <div class="text-center mt-6">
  372.                         {{ form_widget(form.finish, {'attr': {
  373.                             'class': 'px-8 py-4 bg-gray-900 text-white font-bold text-lg rounded-xl hover:bg-gray-800 transition-colors cursor-pointer'
  374.                         }, 'label': label}) }}
  375.                     </div>
  377.                     {# CSRF Token #}
  378.                     {% if not embed|default(false) %}
  379.                         {{ form_row(form._token) }}
  380.                     {% endif %}
  381.                     {{ form_end(form, {'render_rest': false}) }}
  383.                     {# Meta Pixel Lead Event - fires on form submit #}
  384.                     {% if event is defined and event.metaPixelId %}
  385.                         <script>
  386.                             (function() {
  387.                                 var form = document.querySelector('form[name="{{ form.vars.name }}"]');
  388.                                 if (!form) return;
  390.                                 var isSubmitting = false;
  392.                                 form.addEventListener('submit', function(e) {
  393.                                     if (isSubmitting) return true;
  395.                                     e.preventDefault();
  396.                                     e.stopPropagation();
  398.                                     if (typeof fbq !== 'undefined') {
  399.                                         var submitted = false;
  401.                                         function submitForm() {
  402.                                             if (submitted) return;
  403.                                             submitted = true;
  404.                                             isSubmitting = true;
  405.                                             form.submit();
  406.                                         }
  408.                                         fbq('track', 'Lead', {}, function() {
  409.                                             console.log('Meta Pixel Lead confirmed');
  410.                                             submitForm();
  411.                                         });
  413.                                         setTimeout(function() {
  414.                                             console.log('Meta Pixel fallback timeout');
  415.                                             submitForm();
  416.                                         }, 1000);
  417.                                     } else {
  418.                                         isSubmitting = true;
  419.                                         form.submit();
  420.                                     }
  422.                                     return false;
  423.                                 });
  424.                             })();
  425.                         </script>
  426.                     {% endif %}
  428.                     {# Reduced Tickets Info #}
  429.                     {% if batch.priceInEuroCent and attribute(phrases, 'phrase_reduced_tickets') is defined %}
  430.                         <div class="mt-4">
  431.                             <p class="text-sm text-gray-500">{{ phrases.phrase_reduced_tickets }}</p>
  432.                         </div>
  433.                     {% endif %}
  435.                 </div>
  437.             {% endif %}
  439.         {% endif %}
  441.     </div>
  443.     {# Multi-Batch: Other Dates Section #}
  444.     {% if isMultiBatchEvent and futureBatches|length > 1 %}
  445.         <div class="max-w-4xl mx-auto px-4 mt-12" id="{{ isEnglish ? 'OtherDates' : 'WeitereTermine' }}">
  446.             <h3 class="text-2xl font-bold text-white text-center mb-6">
  447.                 {{ phrases.event_phrase_other_dates|default('Weitere Termine') }}
  448.             </h3>
  450.             <div class="space-y-3">
  451.                 {% for futureBatch in futureBatches %}
  452.                     {% if futureBatch.id != batch.id %}
  453.                         <a href="{{ path('event_show_single_by_date', {'slug': event.slug, 'date': futureBatch.startDate|date('Y-m-d')}) }}"
  454.                            class="block bg-white rounded-xl p-4 hover:shadow-lg transition-shadow">
  455.                             <div class="flex flex-wrap items-center justify-between gap-4">
  456.                                 <div>
  457.                                     <h5 class="text-lg font-semibold text-gray-900">
  458.                                         {% if lang == 'DE' %}
  459.                                             {{ futureBatch.startDate|date('d. F Y', 'Europe/Berlin')|replace({
  460.                                                 'January': 'Januar', 'February': 'Februar', 'March': 'Maerz',
  461.                                                 'April': 'April', 'May': 'Mai', 'June': 'Juni',
  462.                                                 'July': 'Juli', 'August': 'August', 'September': 'September',
  463.                                                 'October': 'Oktober', 'November': 'November', 'December': 'Dezember'
  464.                                             }) }}
  465.                                         {% else %}
  466.                                             {{ futureBatch.startDate|date('F d, Y') }}
  467.                                         {% endif %}
  468.                                     </h5>
  469.                                     <p class="text-gray-600">
  470.                                         {{ futureBatch.startDate|date('H:i') }} -
  471.                                         {% if futureBatch.endDate %}
  472.                                             {{ futureBatch.endDate|date('H:i') }} Uhr
  473.                                         {% else %}
  474.                                             {{ futureBatch.startDate|date_modify('+2 hours')|date('H:i') }} Uhr
  475.                                         {% endif %}
  476.                                     </p>
  477.                                     {% if futureBatch.name and futureBatch.name != batch.name %}
  478.                                         <p class="text-sm text-gray-400">{{ futureBatch.name }}</p>
  479.                                     {% endif %}
  480.                                 </div>
  481.                                 <div class="flex items-center gap-2">
  482.                                     {% set isBatchOpen = futureBatch.start and futureBatch.end and date(futureBatch.start) <= date() and date(futureBatch.end) >= date() %}
  483.                                     {% if settings.maxNumber > 0 and futureBatch.applicationsCount >= settings.maxNumber %}
  484.                                         <span class="px-3 py-1 bg-red-100 text-red-700 rounded-full text-sm font-medium">Ausgebucht</span>
  485.                                     {% elseif not isBatchOpen %}
  486.                                         <span class="px-3 py-1 bg-gray-100 text-gray-600 rounded-full text-sm font-medium">Anmeldung geschlossen</span>
  487.                                     {% else %}
  488.                                         <span class="px-3 py-1 bg-green-100 text-green-700 rounded-full text-sm font-medium">
  489.                                             {% if settings.maxNumber > 0 %}
  490.                                                 {{ settings.maxNumber - futureBatch.applicationsCount }} Plaetze frei
  491.                                             {% else %}
  492.                                                 Plaetze verfuegbar
  493.                                             {% endif %}
  494.                                         </span>
  495.                                         <span class="text-[color:var(--registration-accent,#9632FF)] font-medium">Zu diesem Termin &#8594;</span>
  496.                                     {% endif %}
  497.                                 </div>
  498.                             </div>
  499.                         </a>
  500.                     {% endif %}
  501.                 {% endfor %}
  502.             </div>
  504.             {% if selectedDate %}
  505.                 <div class="mt-4 text-center">
  506.                     <a href="{{ path('event_show_single', {'slug': event.slug}) }}" class="text-white hover:text-gray-200 underline">
  507.                         &#8592; Alle Termine anzeigen
  508.                     </a>
  509.                 </div>
  510.             {% endif %}
  511.         </div>
  512.     {% endif %}
  514. </section>