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

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. {# Select SEO content based on language with fallback #}
  9. {% set seoTitle = isEnglish and event.seoTitleEn ? event.seoTitleEn : event.seoTitle %}
  10. {% set seoDescription = isEnglish and event.seoDescriptionEn ? event.seoDescriptionEn : event.seoDescription %}
  11. {% set seoKeyword = isEnglish and event.seoKeywordEn ? event.seoKeywordEn : event.seoKeyword %}
  13. {% block metaData %}
  14.     {# Optimize meta description for archived events #}
  15.     {% if event.status == 'archive' %}
  16.         {% set archivePrefix = isEnglish ? 'Past event from ' ~ event.startDate|date('F j, Y') ~ ': ' : 'Vergangene Veranstaltung vom ' ~ event.startDate|date('d.m.Y') ~ ': ' %}
  17.         <meta name="description" content="{{ archivePrefix }}{{ seoDescription|slice(0, 140) }}">
  18.     {% else %}
  19.         <meta name="description" content="{{ seoDescription }}">
  20.     {% endif %}
  21.     <meta name="keywords" content="{{ seoKeyword }}">
  22.     <meta name="author" content="{{ event.trainer }}">
  24.     {% if app.environment == 'prod' %}
  25.         <meta name="robots" content="index,follow">
  26.         {% if event.seriesTag is not empty %}
  27.             <link rel="canonical" href="{{ path('event_series', {'seriesTag': event.seriesTag, 'lang': lang}) }}" />
  28.         {% else %}
  29.             <link rel="canonical" href="https://www.startplatz.de/event/{{ event.slug | url_encode }}{% if lang == 'en' %}?lang=en{% endif %}" />
  30.         {% endif %}
  32.         {# hreflang tags for bilingual support #}
  33.         {% if event.hasEnglishVersion %}
  34.             <link rel="alternate" hreflang="de" href="https://www.startplatz.de/event/{{ event.slug | url_encode }}?lang=de" />
  35.             <link rel="alternate" hreflang="en" href="https://www.startplatz.de/event/{{ event.slug | url_encode }}?lang=en" />
  36.             <link rel="alternate" hreflang="x-default" href="https://www.startplatz.de/event/{{ event.slug | url_encode }}" />
  37.         {% endif %}
  38.     {% else %}
  39.         <meta name="robots" content="noindex,nofollow">
  40.     {% endif %}
  42.     {# Open Graph with language support #}
  43.     <meta property="og:title" content="{{ seoTitle }}">
  44.     <meta property="og:description" content="{{ seoDescription }}">
  45.     <meta property="og:image" content="{{ event.imageLink }}">
  46.     <meta property="og:locale" content="{{ lang == 'en' ? 'en_US' : 'de_DE' }}">
  47.     {% if event.hasEnglishVersion %}
  48.         <meta property="og:locale:alternate" content="{{ lang == 'en' ? 'de_DE' : 'en_US' }}">
  49.     {% endif %}
  51.     {# Twitter Card #}
  52.     <meta name="twitter:card" content="summary">
  53.     <meta name="twitter:title" content="{{ seoTitle }}">
  54.     <meta name="twitter:description" content="{{ seoDescription }}">
  55.     <meta name="twitter:image" content="{{ event.imageLink }}">
  56. {% endblock %}
  58. {% block title %}{{ seoTitle|default(event.seoTitle) }}{% endblock %}
  60. {% block styles %}
  61. {#
  62.    ╔═══════════════════════════════════════════════════════════════════════╗
  63.    ║  DEFAULT STYLES - werden durch event.additionalCss überschrieben      ║
  64.    ║                                                                       ║
  65.    ║  Anpassbar via additionalCss (Beispiel Dark Theme):                   ║
  66.    ║  body { background-color: #0a0a0a; }                                  ║
  67.    ║  .bg-registration { background-color: #171717; }                      ║
  68.    ║  .registration-accent { --registration-accent: #3D9DD6; }             ║
  69.    ║  .bg-tags { background-color: #171717; }                              ║
  70.    ║  .bg-promote { background-color: #171717; }                           ║
  71.    ║  .bg-admin-section { background-color: #171717; }                     ║
  72.    ╚═══════════════════════════════════════════════════════════════════════╝
  73. #}
  74. <style>
  75.     /* Page Background - visible between sections */
  76.     body { background-color: #FFFFFF; }
  78.     /* Registration Section */
  79.     .bg-registration { background-color: #9632FF; }
  80.     .registration-accent { --registration-accent: #9632FF; }
  82.     /* Tags Section */
  83.     .bg-tags { background-color: #F3F4F6; }
  85.     /* Promote This Event Section */
  86.     .bg-promote { background-color: #F3F4F6; }
  88.     /* Admin Section */
  89.     .bg-admin-section { background-color: #F9FAFB; }
  90. </style>
  91. {% endblock %}
  93. {% block additionalHead %}
  94.     {# Custom CSS from Event #}
  95.     {% if event.additionalCss is not empty %}
  96.         <style>
  97.             {{ include(template_from_string(event.additionalCss), {
  98.                 'event': event,
  99.                 'batch': batch,
  100.                 'isMultiBatchEvent': isMultiBatchEvent
  101.             }) }}
  102.         </style>
  103.     {% endif %}
  105.     {# Meta Pixel tracking - PageView Event #}
  106.     {% if event.metaPixelId %}
  107.         <!-- Meta Pixel Code -->
  108.         <script>
  109.             !function(f,b,e,v,n,t,s)
  110.             {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  111.             n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  112.             if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  113.             n.queue=[];t=b.createElement(e);t.async=!0;
  114.             t.src=v;s=b.getElementsByTagName(e)[0];
  115.             s.parentNode.insertBefore(t,s)}(window, document,'script',
  116.             'https://connect.facebook.net/en_US/fbevents.js');
  117.             fbq('init', '{{ event.metaPixelId }}');
  118.             fbq('track', 'PageView');
  119.         </script>
  120.         <noscript>
  121.             <img height="1" width="1" style="display:none"
  122.                  src="https://www.facebook.com/tr?id={{ event.metaPixelId }}&ev=PageView&noscript=1"/>
  123.         </noscript>
  124.         <!-- End Meta Pixel Code -->
  125.     {% endif %}
  126. {% endblock %}
  128. {% block content %}
  129.     {# Select content based on language with fallback to German #}
  130.     {% set navbar = isEnglish and event.navbarEn ? event.navbarEn : event.navbar %}
  131.     {% set teaser = isEnglish and event.teaserEn ? event.teaserEn : event.teaser %}
  132.     {% set content = isEnglish and event.contentEn ? event.contentEn : event.content %}
  133.     {% set contentTwig = isEnglish and event.contentTwigEn ? event.contentTwigEn : event.contentTwig %}
  134.     {% set postCtaContent = isEnglish and event.postCtaContentEn ? event.postCtaContentEn : event.postCtaContent %}
  136.     {# Navbar Section #}
  137.     {% if navbar %}
  138.         {{ include(template_from_string(navbar), {
  139.             'event': event,
  140.             'batch': batch,
  141.             'isMultiBatchEvent': isMultiBatchEvent,
  142.             'lang': lang,
  143.             'isEnglish': isEnglish,
  144.             'phrases': phrases
  145.         }) }}
  146.     {% endif %}
  148.     {# Teaser Section #}
  149.     {% if teaser %}
  150.         {{ include(template_from_string(teaser), {
  151.             'event': event,
  152.             'batch': batch,
  153.             'isMultiBatchEvent': isMultiBatchEvent,
  154.             'lang': lang,
  155.             'isEnglish': isEnglish,
  156.             'phrases': phrases
  157.         }) }}
  158.     {% endif %}
  160.     {# Archive Banner (SEO-optimized: no redirect) #}
  161.     {% include '@StartPlatzEvent/Default/_event.part.archive-banner.html.twig' with {
  162.         'event': event,
  163.         'isEnglish': isEnglish
  164.     } %}
  166.     {# Flash Messages (Notices) #}
  167.     {% if app.session.flashbag.has('notice') %}
  168.         <section class="bg-gray-100 py-3">
  169.             <div class="max-w-4xl mx-auto px-4">
  170.                 {% for flashMessage in app.session.flashbag.get('notice') %}
  171.                     <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 %}">
  172.                         {{ flashMessage|replace({'SUCCESS': ''})|raw }}
  173.                     </div>
  174.                 {% endfor %}
  175.                 {{ editFeedback|raw }}
  176.             </div>
  177.         </section>
  178.     {% endif %}
  180.     {# Application Status Feedback #}
  181.     {% if batch and application and application.applicationStatus %}
  182.         {% include "@StartPlatzEvent/Default/_event.part.feedback-application-process.html.twig" %}
  183.     {% endif %}
  185.     {# Main Content Section #}
  186.     {% if content %}
  187.         {{ include(template_from_string(content), {
  188.             'event': event,
  189.             'batch': batch,
  190.             'isMultiBatchEvent': isMultiBatchEvent,
  191.             'lang': lang,
  192.             'isEnglish': isEnglish,
  193.             'phrases': phrases
  194.         }) }}
  195.     {% endif %}
  197.     {# Dynamic Twig Content #}
  198.     {% if contentTwig %}
  199.         {{ include(template_from_string(contentTwig), {
  200.             'event': event,
  201.             'batch': batch,
  202.             'isMultiBatchEvent': isMultiBatchEvent,
  203.             'futureBatches': futureBatches,
  204.             'allBatches': allBatches,
  205.             'lang': lang,
  206.             'isEnglish': isEnglish,
  207.             'phrases': phrases
  208.         }) }}
  209.     {% endif %}
  211.     {# Registration Section #}
  212.     {% include "@StartPlatzEvent/Default/_registration.batch.tailwind.html.twig" with {
  213.         'event': event,
  214.         'batch': batch,
  215.         'batchIsOpen': batchIsOpen,
  216.         'application': application,
  217.         'settings': settings,
  218.         'isMultiBatchEvent': isMultiBatchEvent,
  219.         'futureBatches': futureBatches,
  220.         'lang': lang,
  221.         'isEnglish': isEnglish,
  222.         'phrases': phrases
  223.     } %}
  225.     {# Tags Section #}
  226.     {% include "@StartPlatzEvent/Default/_section.tags.tailwind.html.twig" %}
  228.     {# Post CTA Content #}
  229.     {% if postCtaContent %}
  230.         {{ include(template_from_string(postCtaContent), {
  231.             'event': event,
  232.             'batch': batch,
  233.             'isMultiBatchEvent': isMultiBatchEvent,
  234.             'lang': lang,
  235.             'isEnglish': isEnglish,
  236.             'phrases': phrases
  237.         }) }}
  238.     {% endif %}
  240.     {# Speakers Section #}
  241.     {% if speakers %}
  242.         {% include "@StartPlatzEvent/Default/_section.speakers-and-partners.winter-2025.html.twig" %}
  243.     {% endif %}
  245.     {# Past Batches Section #}
  246.     {% include "@StartPlatzEvent/Default/_section.past-batches.html.twig" with {
  247.         'event': event,
  248.         'isMultiBatchEvent': isMultiBatchEvent,
  249.         'pastBatches': pastBatches,
  250.         'isEnglish': isEnglish
  251.     } %}
  253.     {# Promote This Event (for logged-in users) #}
  254.     {% if app.user and batch %}
  255.         {% include "@StartPlatzEvent/Default/_section.promote-this-event.tailwind.html.twig" %}
  256.     {% endif %}
  258.     {# Participant List Access #}
  259.     {% if app.user is defined and application is defined and application is not null and application.canReadList %}
  260.         <section class="bg-gray-100 py-6">
  261.             <div class="max-w-4xl mx-auto px-4 text-center">
  262.                 <span class="text-gray-700">{{ isEnglish ? 'You can view the participant list here' : 'Hier kannst Du die Teilnehmerliste einsehen' }}</span>
  263.                 <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} ) }}">
  264.                     participants
  265.                 </a>
  266.             </div>
  267.         </section>
  268.     {% endif %}
  270.     {# Admin Section #}
  271.     {% if app.user is defined %}
  272.         {% if app.user.admin is defined and app.user.admin %}
  273.             {% include "@StartPlatzEvent/Default/_section.startplatz-admin-section.tailwind.html.twig" %}
  274.         {% endif %}
  275.     {% endif %}
  277.     {# Language Switcher Component #}
  278.     {% if event.hasEnglishVersion %}
  279.         <div class="fixed top-32 right-5 z-50" x-data="{ hover: false }">
  280.             <div class="bg-white border-2 border-sp-purple rounded-full px-4 py-2 shadow-lg flex items-center gap-2">
  281.                 <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">
  282.                     <span class="text-xl">DE</span>
  283.                 </a>
  284.                 <span class="text-gray-300">|</span>
  285.                 <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">
  286.                     <span class="text-xl">EN</span>
  287.                 </a>
  288.             </div>
  289.         </div>
  290.     {% endif %}
  291. {% endblock %}
  293. {% block javascripts %}
  294.     {% if event.additionalJs is not empty %}
  295.         <script>
  296.             var eventData = {
  297.                 id: {{ event.id }},
  298.                 title: "{{ event.title|e('js') }}",
  299.                 slug: "{{ event.slug|e('js') }}",
  300.                 lang: "{{ lang }}",
  301.                 isEnglish: {{ isEnglish ? 'true' : 'false' }}
  302.             };
  304.             {{ include(template_from_string(event.additionalJs), {
  305.                 'event': event,
  306.                 'batch': batch,
  307.                 'lang': lang,
  308.                 'isEnglish': isEnglish
  309.             })|raw }}
  310.         </script>
  311.     {% endif %}
  312. {% endblock %}