src/StartPlatz/Bundle/EventBundle/Resources/views/Default/_registration.batch.winter-2025.html.twig line 1

Open in your IDE?
  1. {% import "@StartPlatzEventBundle/Default/_macros.registration.html.twig" as registration %}
  3. <section id="{% if lang == 'en' or isEnglish %}registration{% else %}anmeldung{% endif %}" class="bg-registration py-5">
  4. <div class="row">
  5.     <div class="col-12">
  7.         {# Batch ist Source of Truth fuer Preis und Steuerverhalten (event.priceInEuroCent ist Legacy). #}
  8.         {% set displayPrice = null %}
  9.         {% set isTaxIncluded = false %}
  10.         {% set isFreeForKiCampus = false %}
  11.         {% set isFreeForCommunity = false %}
  13.         {% if batch and batch.priceInEuroCent %}
  14.             {% set displayPrice = batch.priceInEuroCent %}
  15.             {% set isTaxIncluded = batch.taxBehavior == 'inclusive' %}
  16.             {% set isFreeForKiCampus = batch.isFreeForKiCampus %}
  17.             {% set isFreeForCommunity = batch.isFreeForCommunity %}
  18.         {% elseif event is defined and event and event.priceInEuroCent %}
  19.             {% set displayPrice = event.priceInEuroCent %}
  20.             {% set isTaxIncluded = event.isTaxIncluded %}
  21.             {% set isFreeForKiCampus = event.isFreeForKiCampus %}
  22.             {% set isFreeForCommunity = event.isFreeForCommunity %}
  23.         {% endif %}
  25.         {# Compact Event Details (Horizontal Layout) - Same width as form #}
  26.         <div class="row d-flex justify-content-center">
  27.             <div class="col-md-8">
  28.                 {% if event is defined %}
  29.                     <div class="d-flex justify-content-between mb-4 bg-light p-3" style="border-radius: 8px;">
  30.                         {# When - INLINE like V2 #}
  31.                         <div>
  32.                             <strong>📅 {% if lang == 'DE' %}Wann:{% else %}When:{% 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.                             {% else %}
  36.                                 {{ registration.when(event, lang, phrases) }}
  37.                             {% endif %}
  38.                         </div>
  40.                         {# Where - INLINE like V2 #}
  41.                         <div>
  42.                             <strong>📍 {% if lang == 'DE' %}Wo:{% else %}Where:{% endif %}</strong> {{ registration.where(event, lang, phrases) }}
  43.                         </div>
  45.                         {# Fee - INLINE like V2 #}
  46.                         <div>
  47.                             {% if displayPrice %}
  48.                                 <strong>💰 {% if lang == 'DE' %}GebĂŒhr:{% else %}Fee:{% endif %}</strong> {{ (displayPrice/100)|number_format(2, ',', '.') }} â‚Ź {% if isTaxIncluded %}{% if lang == 'DE' %}inkl. MwSt.{% else %}incl. VAT{% endif %}{% else %}{% if lang == 'DE' %}zzgl. MwSt.{% else %}excl. VAT{% endif %}{% endif %}
  49.                             {% elseif displayPrice is not null and displayPrice == 0 %}
  50.                                 <strong>💰 {% if lang == 'DE' %}GebĂŒhr:{% else %}Fee:{% endif %}</strong> {% if lang == 'DE' %}kostenlos{% else %}free{% endif %}
  51.                             {% endif %}
  52.                         </div>
  53.                     </div>
  55.                     {# KI Campus Free Access Box #}
  56.                     {% if displayPrice and isFreeForKiCampus %}
  57.                         <div class="mb-3 p-3 bg-light border rounded" style="border-radius: 8px;">
  58.                             <span class="text-success">
  59.                                 <i class="fas fa-check-circle"></i>
  60.                                 {% if lang == 'DE' %}
  61.                                     Kostenlos fĂŒr KI Campus Mitglieder
  62.                                 {% else %}
  63.                                     Free for KI Campus members
  64.                                 {% endif %}
  65.                             </span>
  66.                             <p class="mb-1 mt-2 small">
  67.                                 {% if lang == 'DE' %}
  68.                                     Werde Mitglied fĂŒr nur 49€/Monat und erhalte Zugang zu diesem und vielen weiteren kostenlosen KI-Kursen und Events!
  69.                                 {% else %}
  70.                                     Join now for just â‚Ź49/month and get access to this and many other free AI courses and events!
  71.                                 {% endif %}
  72.                             </p>
  73.                             <a target="_blank" href="https://ki-campus.onepage.me/" class="btn btn-sm btn-success mt-2">
  74.                                 {% if lang == 'DE' %}
  75.                                     Jetzt KI Campus Mitglied werden
  76.                                 {% else %}
  77.                                     Become a KI Campus member now
  78.                                 {% endif %}
  79.                             </a>
  80.                         </div>
  81.                     {% endif %}
  83.                     {# Community Free Access Box #}
  84.                     {% if displayPrice and isFreeForCommunity %}
  85.                         <div class="mb-3 p-3 bg-light border rounded" style="border-radius: 8px;">
  86.                             <span class="text-success">
  87.                                 <i class="fas fa-check-circle"></i>
  88.                                 {% if lang == 'DE' %}
  89.                                     Kostenlos fĂŒr Community Mitglieder
  90.                                 {% else %}
  91.                                     Free for Community members
  92.                                 {% endif %}
  93.                             </span>
  94.                             <p class="mb-1 mt-2 small">
  95.                                 {% if lang == 'DE' %}
  96.                                     Als Community Mitglied erhĂ€ltst Du kostenlosen Zugang zu diesem Event!
  97.                                 {% else %}
  98.                                     As a Community member, you get free access to this event!
  99.                                 {% endif %}
  100.                             </p>
  101.                         </div>
  102.                     {% endif %}
  104.                     {# Payment pending: started + paid event â†’ show hint and re-show form below #}
  105.                     {% set isPaidAndStarted = application.applicationStatus is defined and application.applicationStatus == 'started' and batch.priceInEuroCent > 0 %}
  107.                     {# Application Status #}
  108.                     {% if application.applicationStatus is defined and application.applicationStatus is not empty %}
  109.                         {% if isPaidAndStarted %}
  110.                             <div class="alert alert-warning" style="border-radius: 8px;">
  111.                                 <strong>
  112.                                     {% if isEnglish %}Payment pending{% else %}Zahlung ausstehend{% endif %}
  113.                                 </strong>
  114.                                 <div class="mt-1">
  115.                                     {% if isEnglish %}
  116.                                         Your registration has been started. Please complete the payment to confirm your spot.
  117.                                     {% else %}
  118.                                         Deine Anmeldung wurde gestartet. Bitte schliesse die Zahlung ab, um Deinen Platz zu sichern.
  119.                                     {% endif %}
  120.                                 </div>
  121.                             </div>
  122.                         {% else %}
  123.                             <div class="alert alert-info" style="border-radius: 8px;">
  124.                                 <strong>{{ phrases.event_phrase_application_status|default('Anmeldestatus:') }}</strong>
  125.                                 <div class="mt-1">
  126.                                     {% if application.applicationStatus == 'started' %}
  127.                                         {{ phrases.event_phrase_status_started|default('Du bist vorgemerkt. Sobald Du Deine E-Mail Adresse bestĂ€tigt hast, wird die Anmeldung gĂŒltig.') }}
  128.                                     {% elseif application.applicationStatus == 'applied' %}
  129.                                         {% if event is defined and event and event.isFormalLanguage %}
  130.                                             {{ phrases.event_phrase_status_applied_formal|default('Sie sind angemeldet. Wir freuen uns auf Sie!') }}
  131.                                         {% else %}
  132.                                             {{ phrases.event_phrase_status_applied|default('Du bist angemeldet. Wir freuen uns auf Dich!') }}
  133.                                         {% endif %}
  134.                                     {% else %}
  135.                                         {{ phrases.event_phrase_status_other|default('Du bist angemeldet mit dem Status ==') }} {{ application.applicationStatus }}
  136.                                     {% endif %}
  137.                                 </div>
  138.                             </div>
  139.                         {% endif %}
  140.                     {% endif %}
  141.                 {% endif %}
  142.             </div>
  143.         </div>
  145.         {# TICKET AVAILABILITY COUNTER - Configurable via settings #}
  146.         {% if settings.showParticipantCounter|default(false) %}
  147.             {% set maxParticipants = batch.capacity|default(0) %}
  148.             {% set countedStatuses = settings.countStatus|default(['applied', 'approved']) %}
  150.             {# Calculate count based on configured statuses #}
  151.             {% set registered = 0 %}
  152.             {% if 'started' in countedStatuses and batch.startedCount is not null %}
  153.                 {% set registered = registered + batch.startedCount %}
  154.             {% endif %}
  155.             {% if 'applied' in countedStatuses and batch.appliedCount is not null %}
  156.                 {% set registered = registered + batch.appliedCount %}
  157.             {% endif %}
  158.             {% if 'approved' in countedStatuses and batch.approvedCount is not null %}
  159.                 {% set registered = registered + batch.approvedCount %}
  160.             {% endif %}
  161.             {% if 'rejected' in countedStatuses and batch.rejectedCount is not null %}
  162.                 {% set registered = registered + batch.rejectedCount %}
  163.             {% endif %}
  165.             {% set available = maxParticipants - registered %}
  167.             <div class="row d-flex justify-content-center mt-4">
  168.                 <div class="col-md-8">
  169.                     <div class="alert bg-light border mb-3" style="background-color: #f8f9fa !important; padding: 12px 20px; border-radius: 6px;">
  170.                         <div class="text-center" style="font-size: 14px; color: #666;">
  171.                             {% if lang == 'de' %}
  172.                                 <strong>{{ registered }} von {{ maxParticipants }} PlĂ€tzen belegt</strong> |
  173.                                 <strong style="color: #FF6B00;">{{ available }} ĂŒbrig</strong> â€“ sichere dir deinen Platz
  174.                             {% else %}
  175.                                 <strong>{{ registered }} of {{ maxParticipants }} seats taken</strong> |
  176.                                 <strong style="color: #FF6B00;">{{ available }} left</strong> â€“ don't miss your spot
  177.                             {% endif %}
  178.                         </div>
  179.                     </div>
  180.                 </div>
  181.             </div>
  182.         {% endif %}
  183.         {# END TICKET AVAILABILITY COUNTER #}
  185.         {# Registration Form â€” also shown when payment is pending (started + paid) #}
  186.         {% if application.applicationStatus is defined and (application.applicationStatus is empty or isPaidAndStarted) %}
  187.             <div class="row d-flex justify-content-center">
  188.                 <div class="col-md-8">
  189.                     {# Waiting List or Regular Registration #}
  190.                     {% set effectiveCapacity = batch.capacity|default(0) %}
  191.                     {% if effectiveCapacity > 0 and batch.appliedCount >= effectiveCapacity %}
  192.                         {% if settings.hasWaitingList %}
  193.                             <h2 class="text-center mb-4">{{ phrases.event_phrase_all_seats_booked_waiting_list|default('Alle PlĂ€tze sind gebucht - Bitte registriere Dich fĂŒr die Warteliste') }}</h2>
  194.                         {% else %}
  195.                             <h2 class="text-center mb-4">{{ phrases.event_phrase_all_seats_booked_no_registration|default('Alle PlĂ€tze sind gebucht - Eine Anmeldung ist leider nicht möglich') }}</h2>
  196.                         {% endif %}
  197.                     {% endif %}
  199.                     {# Show form if not full OR has waiting list #}
  200.                     {% if (effectiveCapacity == 0 or batch.appliedCount < effectiveCapacity) or (effectiveCapacity > 0 and batch.appliedCount >= effectiveCapacity and settings.hasWaitingList) %}
  202.                         {# Flash Messages #}
  203.                         {% for flashMessage in app.session.flashbag.get('notice') %}
  204.                             <div class="alert {% if 'SUCCESS' in flashMessage %}alert-success{% elseif 'ERROR' in flashMessage  %}alert-danger{% else %}alert-default{% endif %}" role="alert">{{ flashMessage|raw }}</div>
  205.                         {% endfor %}
  207.                         {# Form Container with V2 Styling #}
  208.                         <div class="bg-light p-4 contact-form" style="border-radius: 12px; box-shadow: 0 2px 10px rgba(0,0,0,0.08);">
  210.                             {{ form_start(form) }}
  211.                             {{ form_errors(form) }}
  213.                             {# Name Fields (Side by Side) #}
  214.                             <div class="form-group row">
  215.                                 <div class="col-md-6 mb-3 mb-md-0">
  216.                                     {{ form_widget(form.firstName, {'attr': {'class': 'form-control', size: "32", max_size: "64",placeholder: phrases.phrase_form_firstName_placeholder ~ ' (*)'} } ) }}
  217.                                 </div>
  218.                                 <div class="col-md-6">
  219.                                     {{ form_widget(form.lastName, {'attr': {'class': 'form-control', size: "32", max_size: "64",placeholder: phrases.phrase_form_lastName_placeholder ~  ' (*)'} }  ) }}
  220.                                 </div>
  221.                             </div>
  223.                             {# Startup Name (Optional) #}
  224.                             {% if batch.askForTeam %}
  225.                                 <div class="form-group">
  226.                                     {{ form_widget(form.startupName, {'attr': {'class': 'form-control',placeholder: 'Firma'}, 'required':false } ) }}
  227.                                 </div>
  228.                             {% endif %}
  230.                             {# Email #}
  231.                             <div class="form-group">
  232.                                 {{ form_widget(form.email, {'attr': {'class': 'form-control', size: "32", max_size: "64", placeholder: 'E-mail (*)'  } }  ) }}
  233.                             </div>
  235.                             {# Phone #}
  236.                             {% if batch.hasIncludePhone %}
  237.                                 <div class="form-group">
  238.                                     {{ form_widget(form.phone, {'attr': {'class': 'form-control', size: "32", max_size: "64"}, 'required':false, placeholder: 'Phone Number'  } ) }}
  239.                                     <small class="form-text text-muted">
  240.                                         {{ phrases.request_phone_number_for_updates | default('Bitte gib\' Deine Telefonnummer an, damit wir Dich im Fall von Ă„nderungen erreichen können.') }}
  241.                                     </small>
  242.                                 </div>
  243.                             {% endif %}
  245.                             {# LinkedIn #}
  246.                             {% if batch.hasIncludeLinkedIn %}
  247.                                 <div class="form-group">
  248.                                     {{ form_widget(form.linkedin, {'attr': {'class': 'form-control'}, 'required':false } ) }}
  249.                                 </div>
  250.                             {% endif %}
  252.                             {# Extra Fields (Dynamic) #}
  253.                             {% if attribute(settings, 'extraFields') is defined %}
  254.                                 {% set extraFields = attribute(settings, 'extraFields') %}
  255.                                 {% for extraField in extraFields %}
  256.                                     {% set formField = attribute(form, extraField.field) %}
  257.                                     {% if extraField.type == 'checkbox' %}
  258.                                         <div class="form-group">
  259.                                             <div class="d-flex align-items-start">
  260.                                                 <div class="mr-2">
  261.                                                     {{ form_widget(formField, {'attr': {'class': 'form-check-input'}, 'required':extraField.required } ) }}
  262.                                                 </div>
  263.                                                 <div>
  264.                                                     <strong class="form-text text-muted">
  265.                                                         {{ extraField.label }}
  266.                                                     </strong>
  267.                                                 </div>
  268.                                             </div>
  269.                                         </div>
  270.                                     {% else %}
  271.                                         <div class="form-group">
  272.                                             {{ form_widget(formField, {'attr': {'class': 'form-control'}, 'required':extraField.required } ) }}
  273.                                         </div>
  274.                                     {% endif %}
  275.                                 {% endfor %}
  276.                             {% endif %}
  278.                             {# Applicant Types #}
  279.                             {% if settings.applicantTypes is defined and settings.applicantTypes %}
  280.                                 <div class="form-group">
  281.                                     {{ form_widget(form.applicantType, {'attr': {'class': 'form-control'}, 'required':false } ) }}
  282.                                 </div>
  283.                             {% endif %}
  285.                             {# Newsletter Permission #}
  286.                             {% if batch.hasIncludeNewsletterPermission %}
  287.                                 <div class="form-group">
  288.                                     <div class="d-flex align-items-start">
  289.                                         <div class="mr-2">
  290.                                             {{ form_widget(form.hasNewsletterPermissionGiven, {'attr': {'class': 'form-check-input'}, 'required':false } ) }}
  291.                                         </div>
  292.                                         <div>
  293.                                             <strong class="form-text text-muted">
  294.                                                 {% if application.lang == 'DE' %}
  295.                                                 Ja, ich möchte gerne ĂŒber weitere Veranstaltungen informiert werden.
  296.                                                 {% else %}
  297.                                                 Yes, I would like to be informed about further events.
  298.                                                 {% endif %}
  299.                                             </strong>
  300.                                         </div>
  301.                                     </div>
  302.                                 </div>
  303.                             {% endif %}
  305.                             {# Volunteer Consent #}
  306.                             {% if settings.hasIncludeVolunteerConsent is defined and settings.hasIncludeVolunteerConsent %}
  307.                                 <div class="form-group">
  308.                                     <div class="d-flex align-items-start">
  309.                                         <div class="mr-2">
  310.                                             {{ form_widget(form.hasVolunteerAgreed, {'attr': {'class': 'form-check-input'}, 'required':false } ) }}
  311.                                         </div>
  312.                                         <div>
  313.                                             <strong class="form-text text-muted">
  314.                                                 {% if application.lang == 'DE' %}
  315.                                                 Ja, ich wĂŒrde mich gerne als Volunteer, Mentor oder UnterstĂŒtzer einbringen
  316.                                                 {% else %}
  317.                                                     Yes, I would like to contribute as a volunteer, mentor, or supporter
  318.                                                     {% endif %}
  319.                                             </strong>
  320.                                         </div>
  321.                                     </div>
  322.                                 </div>
  323.                             {% endif %}
  325.                             {# Terms Consent #}
  326.                             {% if batch.hasIncludeTermsConsent %}
  327.                                 <div class="form-group">
  328.                                     <small class="form-text text-muted">
  329.                                         {% if application.lang == 'DE' %}
  330.                                         Bei unseren Veranstaltungen können Aufnahmen fĂŒr Social Media gemacht werden.
  331.                                         <br>Mit Deiner Anmeldung stimmst Du zu, dass Bildaufnahmen fĂŒr Social Media verwendet werden dĂŒrfen.
  332.                                         {% else %}
  333.                                         At our events, recordings for social media can be made.  <br>By registering, you agree that image recordings may be used for social media.
  334.                                         {% endif %}
  335.                                     </small>
  336.                                 </div>
  337.                             {% endif %}
  339.                             {# AI Hub Trial Membership Note #}
  340.                             {% if batch.productId > 322 and batch.productId < 330 %}
  341.                                 <div class="form-group">
  342.                                     <small class="form-text text-muted">
  343.                                         (*) die Probemitgliedschaft im AI Hub verlĂ€ngert sich nicht automatisch und wird 30 Tage nach Ende der ausgewĂ€hlten AI-Summer-School-Ausgabe automatisch und ohne zusĂ€tzliche Kosten gekĂŒndigt.
  344.                                     </small>
  345.                                 </div>
  346.                             {% endif %}
  348.                             {# Price Information #}
  349.                             {% if batch.priceInEuroCent %}
  350.                                 <div class="form-group">
  351.                                     {% if application.lang == 'DE' %}
  352.                                         <strong>Der Standardpreis betrĂ€gt {{ application.priceInEuroCent /100 |number_format(0, ',', '.') }}€</strong> (zzgl. MwSt.)
  353.                                         {% if application.discountPercent %}
  354.                                             <br>
  355.                                             Du erhĂ€lst einen Discount wegen <i>{{ application.discountReason }}</i> in Höhe von {{ application.discountPercent }}%
  356.                                             und daher betrĂ€gt der Preis fĂŒr Dich {{ application.realPriceinEuroCent /100 |number_format(0, ',', '.') }}€ (zzgl. MwSt.)
  357.                                         {% endif %}
  359.                                         <br>
  360.                                         {% if application.realPriceinEuroCent %}
  361.                                             <small class="text-muted">Mit Klick auf "Jetzt anmelden" wirst Du angemeldet und der Zahlungsvorgang wird gestartet</small>
  362.                                         {% endif %}
  363.                                     {% else %}
  364.                                         <strong>The standard price is {{ application.priceInEuroCent /100 |number_format(0, ',', '.') }}€</strong>
  365.                                         {% if application.discountPercent %}
  366.                                             <br>
  367.                                             You will receive a discount due to <i>{{ application.discountReason }}</i> in the amount of {{ application.discountPercent }}%
  368.                                             and therefore the price for you is {{ application.realPriceinEuroCent /100 |number_format(0, ',', '.') }}€
  369.                                         {% endif %}
  371.                                         <br>
  372.                                         {% if application.realPriceinEuroCent %}
  373.                                             <small class="text-muted">By clicking "Register Now" you will be registered and the payment process will be started</small>
  374.                                         {% endif %}
  375.                                     {% endif %}
  376.                                 </div>
  377.                             {% endif %}
  379.                             {# Submit Button - Centered & Large (V2 Style) #}
  380.                             {% set label = phrases.phrase_form_button_call_to_act %}
  381.                             <div class="form-group text-center mt-4">
  382.                                 {{ form_widget(form.finish, {'attr': {'class': 'btn btn-dark btn-lg px-5 py-3', 'style': 'border-radius: 8px;'}, 'label':label }) }}
  383.                             </div>
  385.                             {# CSRF Token #}
  386.                             {% if not embed|default(false) %}
  387.                                 {{ form_row(form._token) }}
  388.                             {% endif %}
  389.                             {# B-128: Meta CAPI dedup event ID #}
  390.                             <input type="hidden" name="_meta_event_id" id="metaEventId" value="">
  391.                             {{ form_end(form, {'render_rest': false}) }}
  393.                             {# Meta Pixel Lead Event - fires on form submit (B-128: with CAPI dedup eventID) #}
  394.                             <script>
  395.                                 (function() {
  396.                                     var form = document.querySelector('form[name="{{ form.vars.name }}"]');
  397.                                     if (!form) return;
  399.                                     var isSubmitting = false;
  401.                                     form.addEventListener('submit', function(e) {
  402.                                         if (isSubmitting) return true;
  404.                                         if (typeof fbq !== 'undefined') {
  405.                                             e.preventDefault();
  406.                                             e.stopPropagation();
  408.                                             var submitted = false;
  410.                                             function submitForm() {
  411.                                                 if (submitted) return;
  412.                                                 submitted = true;
  413.                                                 isSubmitting = true;
  414.                                                 form.submit();
  415.                                             }
  417.                                             var metaEventId = (crypto && crypto.randomUUID) ? crypto.randomUUID() : 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
  418.                                                 var r = Math.random() * 16 | 0; return (c === 'x' ? r : (r & 0x3 | 0x8)).toString(16);
  419.                                             });
  420.                                             var eventIdField = document.getElementById('metaEventId');
  421.                                             if (eventIdField) eventIdField.value = metaEventId;
  423.                                             fbq('track', 'Lead', {
  424.                                                 content_name: '{{ event.title|e('js') }}'
  425.                                             }, { eventID: metaEventId });
  427.                                             setTimeout(function() {
  428.                                                 submitForm();
  429.                                             }, 1000);
  430.                                         }
  431.                                     });
  432.                                 })();
  433.                             </script>
  435.                             {# Reduced Tickets Info #}
  436.                             {% if batch.priceInEuroCent and attribute(phrases,'phrase_reduced_tickets') is defined %}
  437.                                 <div class="form-group">
  438.                                     <p class="text-muted">{{ phrases.phrase_reduced_tickets }}</p>
  439.                                 </div>
  440.                             {% endif %}
  442.                         </div> {# End form container #}
  444.                     {% endif %} {# End form visibility check #}
  446.                 </div>
  447.             </div>
  448.         {% endif %}
  449.     </div>
  450. </div>
  452. {# Multi-Batch: Other Dates Section #}
  453. {% if isMultiBatchEvent and futureBatches|length > 1 %}
  454. <div class="row mt-5" id="{{ isEnglish ? 'OtherDates' : 'WeitereTermine' }}">
  455.     <div class="col-12">
  456.         <h3 class="text-center mb-4">{{ phrases.event_phrase_other_dates|default('Weitere Termine') }}</h3>
  458.         <div class="batch-selector">
  459.             <div class="list-group">
  460.                 {% for futureBatch in futureBatches %}
  461.                     {% if futureBatch.id != batch.id %} {# Don't show the currently selected batch #}
  462.                         <a href="{{ path('event_show_single_by_date', {'slug': event.slug, 'date': futureBatch.startDate|date('Y-m-d')}) }}"
  463.                            class="list-group-item list-group-item-action">
  464.                             <div class="row align-items-center">
  465.                                 <div class="col-md-6">
  466.                                     <h5 class="mb-1">
  467.                                         {% if lang == 'DE' %}
  468.                                             {{ futureBatch.startDate|date('d. F Y', 'Europe/Berlin')|replace({
  469.                                                 'January': 'Januar', 'February': 'Februar', 'March': 'MĂ€rz',
  470.                                                 'April': 'April', 'May': 'Mai', 'June': 'Juni',
  471.                                                 'July': 'Juli', 'August': 'August', 'September': 'September',
  472.                                                 'October': 'Oktober', 'November': 'November', 'December': 'Dezember'
  473.                                             }) }}
  474.                                         {% else %}
  475.                                             {{ futureBatch.startDate|date('F d, Y') }}
  476.                                         {% endif %}
  477.                                     </h5>
  478.                                     <p class="mb-1">
  479.                                         {{ futureBatch.startDate|date('H:i') }} -
  480.                                         {% if futureBatch.endDate %}
  481.                                             {{ futureBatch.endDate|date('H:i') }} Uhr
  482.                                         {% else %}
  483.                                             {{ futureBatch.startDate|date_modify('+2 hours')|date('H:i') }} Uhr
  484.                                         {% endif %}
  485.                                     </p>
  486.                                     {% if futureBatch.name and futureBatch.name != batch.name %}
  487.                                         <small class="text-muted">{{ futureBatch.name }}</small>
  488.                                     {% endif %}
  489.                                 </div>
  490.                                 <div class="col-md-6 text-md-right">
  491.                                     {% set isBatchOpen = futureBatch.start and futureBatch.end and date(futureBatch.start) <= date() and date(futureBatch.end) >= date() %}
  492.                                     {% set futureBatchCapacity = futureBatch.capacity|default(0) %}
  493.                                     {% if futureBatchCapacity > 0 and futureBatch.appliedCount >= futureBatchCapacity %}
  494.                                         <span class="badge badge-danger">Ausgebucht</span>
  495.                                     {% elseif not isBatchOpen %}
  496.                                         <span class="badge badge-secondary">Anmeldung geschlossen</span>
  497.                                     {% else %}
  498.                                         <span class="badge badge-success">
  499.                                             {% if futureBatchCapacity > 0 %}
  500.                                                 {{ futureBatchCapacity - futureBatch.appliedCount }} PlĂ€tze frei
  501.                                             {% else %}
  502.                                                 PlĂ€tze verfĂŒgbar
  503.                                             {% endif %}
  504.                                         </span>
  505.                                         <button class="btn btn-sm btn-outline-primary ml-2">
  506.                                             Zu diesem Termin â†’
  507.                                         </button>
  508.                                     {% endif %}
  509.                                 </div>
  510.                             </div>
  511.                         </a>
  512.                     {% endif %}
  513.                 {% endfor %}
  514.             </div>
  515.         </div>
  517.         {% if selectedDate %}
  518.             <div class="mt-3 text-center">
  519.                 <a href="{{ path('event_show_single', {'slug': event.slug}) }}" class="btn btn-link">
  520.                     â† Alle Termine anzeigen
  521.                 </a>
  522.             </div>
  523.         {% endif %}
  524.     </div>
  525. </div>
  526. {% endif %}
  528. </section>