src/StartPlatz/Bundle/PartnersBundle/Resources/views/Public/partners-detail.html.twig line 1

Open in your IDE?
  1. {% extends '@StartPlatzStyleBundle/base.tailwind.public.html.twig' %}
  3. {% block title %}{{ partner.displayName }} - {% if language == 'en' %}Partners{% else %}Partner{% endif %} | STARTPLATZ{% endblock %}
  5. {% block navigation %}
  6.     {% include "@StartPlatzStyleBundle/Navigation/_nav.public.tailwind.html.twig" %}
  7. {% endblock %}
  9. {% block content %}
  10.     {# Spacer for fixed nav #}
  11.     <div class="h-16"></div>
  13.     {# Header: Back-Link + Logo/Name/Category/Location #}
  14.     <section class="bg-gray-50 py-10">
  15.         <div class="max-w-6xl mx-auto px-4">
  16.             {# Back Link #}
  17.             <a href="{{ language == 'en' ? path('public_partners_index_en') : path('public_partners_index') }}"
  18.                class="inline-flex items-center gap-2 text-gray-500 hover:text-[#7ab800] text-sm mb-6 transition-colors">
  19.                 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
  20.                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18"/>
  21.                 </svg>
  22.                 {{ language == 'en' ? 'Back to Partners' : 'Zurück zu Partner' }}
  23.             </a>
  25.             <div class="bg-white rounded-xl p-8 shadow-sm flex flex-col md:flex-row items-start md:items-center gap-8">
  26.                 {# Logo #}
  27.                 <div class="flex-shrink-0">
  28.                     {% set logoUrl = partner.logoOverride ?: (team ? team.logoURL : null) %}
  29.                     {% if logoUrl %}
  30.                         <img src="{{ logoUrl }}" alt="{{ partner.displayName }}" class="max-h-20 max-w-[200px] object-contain">
  31.                     {% else %}
  32.                         <div class="w-20 h-20 flex items-center justify-center bg-gray-100 rounded-full text-gray-400 text-3xl">
  33.                             <svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/></svg>
  34.                         </div>
  35.                     {% endif %}
  36.                 </div>
  38.                 {# Name + Category + Location #}
  39.                 <div class="flex-grow">
  40.                     <h1 class="text-3xl font-bold text-gray-900 mb-2">{{ partner.displayName }}</h1>
  41.                     <div class="flex flex-wrap items-center gap-3">
  42.                         {% if partner.publicCategory %}
  43.                             <span class="inline-block px-4 py-1 text-sm font-medium rounded-full bg-teal-100 text-teal-800">
  44.                                 {{ partner.publicCategoryLabel(language) }}
  45.                             </span>
  46.                         {% endif %}
  47.                     </div>
  48.                 </div>
  49.             </div>
  50.         </div>
  51.     </section>
  53.     {# Content: Main + Sidebar #}
  54.     <section class="py-12 bg-white">
  55.         <div class="max-w-6xl mx-auto px-4">
  56.             <div class="flex flex-col lg:flex-row gap-10">
  57.                 {# Main Content #}
  58.                 <div class="lg:w-2/3 space-y-8">
  59.                     {# Practice Description #}
  60.                     {% if practiceDescription %}
  61.                         <div class="bg-gray-50 rounded-xl p-8">
  62.                             <h2 class="text-xl font-semibold text-gray-900 mb-4 pb-2 border-b-[3px] border-[#7ab800]">
  63.                                 {{ language == 'en' ? 'Practice Field' : 'Praxis- und Wirkungsfeld' }}
  64.                             </h2>
  65.                             <div class="text-gray-600 leading-relaxed">
  66.                                 {{ practiceDescription|nl2br }}
  67.                             </div>
  68.                         </div>
  69.                     {% endif %}
  71.                     {# Long Description fallback #}
  72.                     {% set descLongHtml = (language == 'en' and partner.descriptionLongHtmlEn) ? partner.descriptionLongHtmlEn : partner.descriptionLongHtml %}
  73.                     {% set descLong = (language == 'en' and partner.descriptionLongEn) ? partner.descriptionLongEn : partner.descriptionLong %}
  74.                     {% if descLongHtml %}
  75.                         <div class="text-gray-700 leading-relaxed
  76.                                     [&_h2]:text-2xl [&_h2]:font-semibold [&_h2]:text-gray-900 [&_h2]:mt-8 [&_h2]:mb-4
  77.                                     [&_p]:mb-4 [&_ul]:mb-4 [&_ul]:pl-5 [&_li]:mb-2">
  78.                             {{ descLongHtml|raw }}
  79.                         </div>
  80.                     {% elseif descLong %}
  81.                         <div class="text-gray-700 leading-relaxed">
  82.                             {{ descLong|nl2br }}
  83.                         </div>
  84.                     {% elseif not practiceDescription %}
  85.                         <div class="text-gray-700 leading-relaxed">
  86.                             <h2 class="text-2xl font-semibold text-gray-900 mb-4">
  87.                                 {{ language == 'en' ? 'About ' ~ partner.displayName : 'Über ' ~ partner.displayName }}
  88.                             </h2>
  89.                             <p>
  90.                                 {% if language == 'en' %}
  91.                                     {{ partner.displayName }} is a valued partner in the STARTPLATZ network. As part of our ecosystem, they support startups and entrepreneurs with their expertise and services.
  92.                                 {% else %}
  93.                                     {{ partner.displayName }} ist ein geschätzter Partner im STARTPLATZ-Netzwerk. Als Teil unseres Ökosystems unterstützen sie Startups und Unternehmer mit ihrer Expertise und ihren Dienstleistungen.
  94.                                 {% endif %}
  95.                             </p>
  96.                         </div>
  97.                     {% endif %}
  99.                     {# Signals Section #}
  100.                     {% if signals is not empty %}
  101.                         <div>
  102.                             <h2 class="text-xl font-semibold text-gray-900 mb-6 text-center">
  103.                                 {{ language == 'en' ? 'What We Know' : 'Was wir wissen' }}
  104.                             </h2>
  105.                             <div class="grid grid-cols-1 md:grid-cols-2 gap-5">
  106.                                 {% set signalColors = {
  107.                                     danger: { border: 'border-red-500', bg: 'bg-red-500', text: 'text-red-500' },
  108.                                     warning: { border: 'border-yellow-400', bg: 'bg-yellow-400', text: 'text-yellow-600' },
  109.                                     info: { border: 'border-cyan-500', bg: 'bg-cyan-500', text: 'text-cyan-500' },
  110.                                     success: { border: 'border-green-500', bg: 'bg-green-500', text: 'text-green-500' }
  111.                                 } %}
  112.                                 {% set signalIcons = {
  113.                                     'exclamation-triangle': '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.964-.833-2.732 0L4.082 16.5c-.77.833.192 2.5 1.732 2.5z"/>',
  114.                                     'puzzle-piece': '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 4a2 2 0 114 0v1a1 1 0 001 1h3a1 1 0 011 1v3a1 1 0 01-1 1h-1a2 2 0 100 4h1a1 1 0 011 1v3a1 1 0 01-1 1h-3a1 1 0 01-1-1v-1a2 2 0 10-4 0v1a1 1 0 01-1 1H7a1 1 0 01-1-1v-3a1 1 0 00-1-1H4a2 2 0 110-4h1a1 1 0 001-1V7a1 1 0 011-1h3a1 1 0 001-1V4z"/>',
  115.                                     'lightbulb': '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"/>',
  116.                                     'star': '<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z"/>'
  117.                                 } %}
  118.                                 {% for typeKey, typeConfig in signalTypes %}
  119.                                     {% set typeSignals = signals[typeKey]|default([]) %}
  120.                                     {% if typeSignals|length > 0 %}
  121.                                         {% set colors = signalColors[typeConfig.color] %}
  122.                                         <div class="bg-white rounded-xl p-6 shadow-sm border-l-4 {{ colors.border }}">
  123.                                             <div class="flex items-center gap-3 mb-4">
  124.                                                 <div class="w-10 h-10 rounded-full {{ colors.bg }} flex items-center justify-center text-white flex-shrink-0">
  125.                                                     <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">{{ signalIcons[typeConfig.icon]|raw }}</svg>
  126.                                                 </div>
  127.                                                 <h3 class="text-lg font-semibold text-gray-900">
  128.                                                     {{ language == 'en' ? typeConfig.label_en : typeConfig.label_de }}
  129.                                                 </h3>
  130.                                             </div>
  131.                                             <ul class="space-y-2">
  132.                                                 {% for signal in typeSignals %}
  133.                                                     <li class="flex items-start gap-2 text-sm text-gray-600 py-2 border-b border-gray-100 last:border-0">
  134.                                                         <span class="text-gray-400 font-bold mt-0.5">→</span>
  135.                                                         {{ signal }}
  136.                                                     </li>
  137.                                                 {% endfor %}
  138.                                             </ul>
  139.                                         </div>
  140.                                     {% endif %}
  141.                                 {% endfor %}
  142.                             </div>
  143.                         </div>
  144.                     {% else %}
  145.                         {# No signals placeholder #}
  146.                         <div class="bg-gray-50 rounded-xl p-12 text-center text-gray-500">
  147.                             <svg class="w-12 h-12 mx-auto mb-4 text-gray-300" fill="none" stroke="currentColor" viewBox="0 0 24 24">
  148.                                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M13 10V3L4 14h7v7l9-11h-7z"/>
  149.                             </svg>
  150.                             <h4 class="font-semibold text-gray-600 mb-1">{{ language == 'en' ? 'Signals coming soon' : 'Signale folgen' }}</h4>
  151.                             <p class="text-sm">{{ language == 'en' ? "We're working on detailed insights about this partner." : 'Wir arbeiten an detaillierten Einblicken zu diesem Partner.' }}</p>
  152.                         </div>
  153.                     {% endif %}
  154.                 </div>
  156.                 {# Sidebar #}
  157.                 <div class="lg:w-1/3">
  158.                     <div class="sticky top-24 space-y-5">
  159.                         {# Member Benefits CTA #}
  160.                         <div class="bg-gray-50 rounded-xl p-6">
  161.                             <h3 class="text-base font-semibold text-gray-900 mb-3">
  162.                                 {{ language == 'en' ? 'Want to connect?' : 'Interesse an Zusammenarbeit?' }}
  163.                             </h3>
  164.                             <p class="text-sm text-gray-500 mb-4">
  165.                                 {{ language == 'en'
  166.                                     ? 'Login to access detailed information and request an introduction.'
  167.                                     : 'Loggen Sie sich ein, um detaillierte Informationen zu erhalten und eine Vorstellung anzufragen.' }}
  168.                             </p>
  169.                             <a href="{{ path('connect_partner_show', {slug: partner.slug}) }}"
  170.                                class="flex items-center justify-center gap-2 w-full px-5 py-3 rounded-lg text-white font-semibold
  171.                                       bg-gradient-to-r from-[#7ab800] to-[#5a8c00]
  172.                                       hover:-translate-y-0.5 hover:shadow-lg hover:shadow-green-200 transition-all">
  173.                                 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
  174.                                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"/>
  175.                                 </svg>
  176.                                 {{ language == 'en' ? 'View Internal Details' : 'Interne Details ansehen' }}
  177.                             </a>
  178.                         </div>
  180.                         {# Website Link #}
  181.                         {% set metadata = partner.metadata|default({}) %}
  182.                         {% set homepage = metadata.website|default(team ? team.homepage : null) %}
  183.                         {% if homepage %}
  184.                             <div class="bg-gray-50 rounded-xl p-6">
  185.                                 <h3 class="text-base font-semibold text-gray-900 mb-3">Website</h3>
  186.                                 <a href="{{ homepage }}" target="_blank" rel="noopener"
  187.                                    class="flex items-center gap-2 w-full px-4 py-2.5 rounded-lg border border-gray-300 text-gray-700 hover:bg-gray-100 transition-colors text-sm">
  188.                                     <svg class="w-4 h-4 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
  189.                                         <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"/>
  190.                                     </svg>
  191.                                     <span class="truncate">{{ homepage|replace({'https://': '', 'http://': ''})|trim('/') }}</span>
  192.                                 </a>
  193.                             </div>
  194.                         {% endif %}
  196.                         {# Back to Overview #}
  197.                         <div class="bg-gray-50 rounded-xl p-6">
  198.                             <h3 class="text-base font-semibold text-gray-900 mb-3">
  199.                                 {{ language == 'en' ? 'More Partners' : 'Weitere Partner' }}
  200.                             </h3>
  201.                             <a href="{{ language == 'en' ? path('public_partners_index_en') : path('public_partners_index') }}"
  202.                                class="flex items-center gap-2 w-full px-4 py-2.5 rounded-lg border border-blue-300 text-blue-700 hover:bg-blue-50 transition-colors text-sm">
  203.                                 <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
  204.                                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18"/>
  205.                                 </svg>
  206.                                 {{ language == 'en' ? 'All Partners' : 'Alle Partner' }}
  207.                             </a>
  208.                         </div>
  209.                     </div>
  210.                 </div>
  211.             </div>
  212.         </div>
  213.     </section>
  214. {% endblock %}