src/StartPlatz/Bundle/EventBundle/Resources/views/Default/event-single.tailwind.html.twig line 98

Open in your IDE?
  1. {% extends "@StartPlatzStyleBundle/base.tailwind.public.html.twig" %}
  2. {% set currentPath = app.request.get('_route') %}
  4. {# Language Detection - uses event.lang as default if set #}
  5. {% set lang = app.request.get('lang', event.lang|default('de'))|lower %}
  6. {% set isEnglish = lang == 'en' %}
  8. {# SEO + Social: via EventContentResolver (Batch-Override bei Multi-Batch, sonst Event) #}
  9. {% set seoTitle = resolved.seoTitle %}
  10. {% set seoDescription = resolved.seoDescription %}
  11. {% set seoKeyword = resolved.seoKeyword %}
  12. {% set socialImage = resolved.imagelink %}
  14. {% block metaData %}
  15.     {# Optimize meta description for archived events #}
  16.     {% if event.status == 'archive' %}
  17.         {% set archivePrefix = isEnglish ? 'Past event from ' ~ event.startDate|date('F j, Y') ~ ': ' : 'Vergangene Veranstaltung vom ' ~ event.startDate|date('d.m.Y') ~ ': ' %}
  18.         <meta name="description" content="{{ archivePrefix }}{{ seoDescription|slice(0, 140) }}">
  19.     {% else %}
  20.         <meta name="description" content="{{ seoDescription }}">
  21.     {% endif %}
  22.     <meta name="keywords" content="{{ seoKeyword }}">
  23.     <meta name="author" content="{{ resolved.trainer }}">
  25.     {% if app.environment == 'prod' %}
  26.         <meta name="robots" content="index,follow">
  27.         {% if event.seriesTag is not empty %}
  28.             <link rel="canonical" href="{{ path('event_series', {'seriesTag': event.seriesTag, 'lang': lang}) }}" />
  29.         {% else %}
  30.             <link rel="canonical" href="https://www.startplatz.de/event/{{ event.slug | url_encode }}{% if lang == 'en' %}?lang=en{% endif %}" />
  31.         {% endif %}
  33.         {# hreflang tags for bilingual support #}
  34.         {% if event.hasEnglishVersion %}
  35.             <link rel="alternate" hreflang="de" href="https://www.startplatz.de/event/{{ event.slug | url_encode }}?lang=de" />
  36.             <link rel="alternate" hreflang="en" href="https://www.startplatz.de/event/{{ event.slug | url_encode }}?lang=en" />
  37.             <link rel="alternate" hreflang="x-default" href="https://www.startplatz.de/event/{{ event.slug | url_encode }}" />
  38.         {% endif %}
  39.     {% else %}
  40.         <meta name="robots" content="noindex,nofollow">
  41.     {% endif %}
  43.     {# Open Graph with language support #}
  44.     <meta property="og:title" content="{{ seoTitle }}">
  45.     <meta property="og:description" content="{{ seoDescription }}">
  46.     <meta property="og:image" content="{{ socialImage }}">
  47.     <meta property="og:locale" content="{{ lang == 'en' ? 'en_US' : 'de_DE' }}">
  48.     {% if event.hasEnglishVersion %}
  49.         <meta property="og:locale:alternate" content="{{ lang == 'en' ? 'de_DE' : 'en_US' }}">
  50.     {% endif %}
  52.     {# Twitter Card #}
  53.     <meta name="twitter:card" content="summary">
  54.     <meta name="twitter:title" content="{{ seoTitle }}">
  55.     <meta name="twitter:description" content="{{ seoDescription }}">
  56.     <meta name="twitter:image" content="{{ socialImage }}">
  57. {% endblock %}
  59. {% block title %}{{ seoTitle|default(resolved.title) }}{% endblock %}
  61. {% block styles %}
  62. {#
  63.    ╔═══════════════════════════════════════════════════════════════════════╗
  64.    ║  DEFAULT STYLES - werden durch event.additionalCss überschrieben      ║
  65.    ║                                                                       ║
  66.    ║  Anpassbar via additionalCss (Beispiel Dark Theme):                   ║
  67.    ║  body { background-color: #0a0a0a; }                                  ║
  68.    ║  .bg-registration { background-color: #171717; }                      ║
  69.    ║  .registration-accent { --registration-accent: #3D9DD6; }             ║
  70.    ║  .bg-tags { background-color: #171717; }                              ║
  71.    ║  .bg-promote { background-color: #171717; }                           ║
  72.    ║  .bg-admin-section { background-color: #171717; }                     ║
  73.    ╚═══════════════════════════════════════════════════════════════════════╝
  74. #}
  75. <style>
  76.     /* Page Background - visible between sections */
  77.     body { background-color: #FFFFFF; }
  79.     /* Registration Section */
  80.     .bg-registration { background-color: #9632FF; }
  81.     .registration-accent { --registration-accent: #9632FF; }
  83.     /* Tags Section */
  84.     .bg-tags { background-color: #F3F4F6; }
  86.     /* Promote This Event Section */
  87.     .bg-promote { background-color: #F3F4F6; }
  89.     /* Admin Section */
  90.     .bg-admin-section { background-color: #F9FAFB; }
  91. </style>
  92. {% endblock %}
  94. {% block additionalHead %}
  95.     {# Custom CSS via Resolver (Batch-Override bei Multi-Batch) #}
  96.     {% if resolved.additionalCss is not empty %}
  97.         <style>
  98.             {{ include(template_from_string(resolved.additionalCss), {
  99.                 'event': event,
  100.                 'batch': batch,
  101.                 'isMultiBatchEvent': isMultiBatchEvent
  102.             }) }}
  103.         </style>
  104.     {% endif %}
  106.     {% include "@StartPlatzStyleBundle/_meta-pixel.html.twig" with { meta_pixel_id: event.metaPixelId|default(null) } only %}
  107. {% endblock %}
  109. {% block content %}
  110.     {# Content via Resolver (Multi-Batch: Batch gewinnt; EN fallback auf DE) #}
  111.     {% set navbar = resolved.navbar %}
  112.     {% set teaser = resolved.teaser %}
  113.     {% set content = resolved.content %}
  114.     {% set contentTwig = resolved.contentTwig %}
  115.     {% set postCtaContent = resolved.postCtaContent %}
  117.     {# Navbar Section #}
  118.     {% if navbar %}
  119.         {{ include(template_from_string(navbar), {
  120.             'event': event,
  121.             'batch': batch,
  122.             'isMultiBatchEvent': isMultiBatchEvent,
  123.             'lang': lang,
  124.             'isEnglish': isEnglish,
  125.             'phrases': phrases
  126.         }) }}
  127.     {% endif %}
  129.     {# Teaser Section #}
  130.     {% if teaser %}
  131.         {{ include(template_from_string(teaser), {
  132.             'event': event,
  133.             'batch': batch,
  134.             'isMultiBatchEvent': isMultiBatchEvent,
  135.             'lang': lang,
  136.             'isEnglish': isEnglish,
  137.             'phrases': phrases
  138.         }) }}
  139.     {% endif %}
  141.     {# Archive Banner (SEO-optimized: no redirect) #}
  142.     {% include '@StartPlatzEvent/Default/_event.part.archive-banner.html.twig' with {
  143.         'event': event,
  144.         'isEnglish': isEnglish
  145.     } %}
  147.     {# Flash Messages (Notices) #}
  148.     {% if app.session.flashbag.has('notice') %}
  149.         <section class="bg-gray-100 py-3">
  150.             <div class="max-w-4xl mx-auto px-4">
  151.                 {% for flashMessage in app.session.flashbag.get('notice') %}
  152.                     <div class="text-center py-3 px-4 rounded-lg mb-2 {% if 'SUCCESS' in flashMessage %}bg-green-100 text-green-800{% elseif 'ERROR' in flashMessage %}bg-red-100 text-red-800{% else %}bg-gray-200 text-gray-800{% endif %}">
  153.                         {{ flashMessage|replace({'SUCCESS': ''})|raw }}
  154.                     </div>
  155.                 {% endfor %}
  156.                 {{ editFeedback|raw }}
  157.             </div>
  158.         </section>
  159.     {% endif %}
  161.     {# Application Status Feedback #}
  162.     {% if batch and application and application.applicationStatus %}
  163.         {% include "@StartPlatzEvent/Default/_event.part.feedback-application-process.html.twig" %}
  164.     {% endif %}
  166.     {# Main Content Section #}
  167.     {% if content %}
  168.         {{ include(template_from_string(content), {
  169.             'event': event,
  170.             'batch': batch,
  171.             'isMultiBatchEvent': isMultiBatchEvent,
  172.             'lang': lang,
  173.             'isEnglish': isEnglish,
  174.             'phrases': phrases
  175.         }) }}
  176.     {% endif %}
  178.     {# Dynamic Twig Content #}
  179.     {% if contentTwig %}
  180.         {{ include(template_from_string(contentTwig), {
  181.             'event': event,
  182.             'batch': batch,
  183.             'isMultiBatchEvent': isMultiBatchEvent,
  184.             'futureBatches': futureBatches,
  185.             'allBatches': allBatches,
  186.             'lang': lang,
  187.             'isEnglish': isEnglish,
  188.             'phrases': phrases
  189.         }) }}
  190.     {% endif %}
  192.     {# Registration Section #}
  193.     {% include "@StartPlatzEvent/Default/_registration.batch.tailwind.html.twig" with {
  194.         'event': event,
  195.         'batch': batch,
  196.         'batchIsOpen': batchIsOpen,
  197.         'application': application,
  198.         'settings': settings,
  199.         'isMultiBatchEvent': isMultiBatchEvent,
  200.         'futureBatches': futureBatches,
  201.         'lang': lang,
  202.         'isEnglish': isEnglish,
  203.         'phrases': phrases
  204.     } %}
  206.     {# Tags Section #}
  207.     {% include "@StartPlatzEvent/Default/_section.tags.tailwind.html.twig" %}
  209.     {# Post CTA Content #}
  210.     {% if postCtaContent %}
  211.         {{ include(template_from_string(postCtaContent), {
  212.             'event': event,
  213.             'batch': batch,
  214.             'isMultiBatchEvent': isMultiBatchEvent,
  215.             'lang': lang,
  216.             'isEnglish': isEnglish,
  217.             'phrases': phrases
  218.         }) }}
  219.     {% endif %}
  221.     {# Speakers Section #}
  222.     {% if speakers %}
  223.         {% include "@StartPlatzEvent/Default/_section.speakers-and-partners.winter-2025.html.twig" %}
  224.     {% endif %}
  226.     {# Past Batches Section #}
  227.     {% include "@StartPlatzEvent/Default/_section.past-batches.html.twig" with {
  228.         'event': event,
  229.         'isMultiBatchEvent': isMultiBatchEvent,
  230.         'pastBatches': pastBatches,
  231.         'isEnglish': isEnglish
  232.     } %}
  234.     {# Promote This Event (for logged-in users) #}
  235.     {% if app.user and batch %}
  236.         {% include "@StartPlatzEvent/Default/_section.promote-this-event.tailwind.html.twig" %}
  237.     {% endif %}
  239.     {# Participant List Access #}
  240.     {% if app.user is defined and application is defined and application is not null and application.canReadList %}
  241.         <section class="bg-gray-100 py-6">
  242.             <div class="max-w-4xl mx-auto px-4 text-center">
  243.                 <span class="text-gray-700">{{ isEnglish ? 'You can view the participant list here' : 'Hier kannst Du die Teilnehmerliste einsehen' }}</span>
  244.                 <a class="ml-2 inline-block px-4 py-2 border border-gray-800 rounded-lg hover:bg-gray-800 hover:text-white transition-colors" href="{{ path('admin_event_participants', {id: event.id} ) }}">
  245.                     participants
  246.                 </a>
  247.             </div>
  248.         </section>
  249.     {% endif %}
  251.     {# Admin Section #}
  252.     {% if app.user is defined %}
  253.         {% if app.user.admin is defined and app.user.admin %}
  254.             {% include "@StartPlatzEvent/Default/_section.startplatz-admin-section.tailwind.html.twig" %}
  255.         {% endif %}
  256.     {% endif %}
  258.     {# Language Switcher Component #}
  259.     {% if event.hasEnglishVersion %}
  260.         <div class="fixed top-32 right-5 z-50" x-data="{ hover: false }">
  261.             <div class="bg-white border-2 border-sp-purple rounded-full px-4 py-2 shadow-lg flex items-center gap-2">
  262.                 <a href="?lang=de" class="flex items-center gap-1 px-2 py-1 rounded-full transition-all {{ lang == 'de' ? 'bg-sp-purple text-white' : 'text-gray-800 hover:bg-gray-100' }}" title="Deutsch">
  263.                     <span class="text-xl">DE</span>
  264.                 </a>
  265.                 <span class="text-gray-300">|</span>
  266.                 <a href="?lang=en" class="flex items-center gap-1 px-2 py-1 rounded-full transition-all {{ lang == 'en' ? 'bg-sp-purple text-white' : 'text-gray-800 hover:bg-gray-100' }}" title="English">
  267.                     <span class="text-xl">EN</span>
  268.                 </a>
  269.             </div>
  270.         </div>
  271.     {% endif %}
  272. {% endblock %}
  274. {% block javascripts %}
  275.     {% if resolved.additionalJs is not empty %}
  276.         <script>
  277.             var eventData = {
  278.                 id: {{ event.id }},
  279.                 title: "{{ (resolved.title ?? event.title)|e('js') }}",
  280.                 slug: "{{ event.slug|e('js') }}",
  281.                 lang: "{{ lang }}",
  282.                 isEnglish: {{ isEnglish ? 'true' : 'false' }}
  283.             };
  285.             {{ include(template_from_string(resolved.additionalJs), {
  286.                 'event': event,
  287.                 'batch': batch,
  288.                 'lang': lang,
  289.                 'isEnglish': isEnglish
  290.             })|raw }}
  291.         </script>
  292.     {% endif %}
  294.     {# Sonderseite: batch-level JS (isSonderseite wurde mit Sonderseite-Rueckbau entfernt, Variable defensiv abgesichert) #}
  295.     {% if isSonderseite|default(false) and batch.landingPageJs is not empty %}
  296.         <script>{{ batch.landingPageJs|raw }}</script>
  297.     {% endif %}
  298. {% endblock %}