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

Open in your IDE?
  1. {% extends '@StartPlatzStyleBundle/Bootstrap4/base.homepage.oneColumn.html.twig' %}
  3. {% block title %}{{ partner.name }} - {% if language == 'en' %}Partners{% else %}Partner{% endif %} | STARTPLATZ{% endblock %}
  5. {% block additionalHead %}
  6.     <link rel="stylesheet" href="{{ asset('bundles/startplatzstyle/css/startplatz.accelerator.css') }}">
  7.     <style>
  8.         /* Partner Detail Page - Clean Layout */
  9.         .partner-header {
  10.             background: #f8f9fa;
  11.             padding: 40px 0;
  12.         }
  14.         .partner-header__logo {
  15.             width: 100%;
  16.             max-width: 200px;
  17.             height: auto;
  18.             background: #fff;
  19.             border-radius: 12px;
  20.             padding: 20px;
  21.             box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  22.         }
  24.         .partner-header__logo img {
  25.             width: 100%;
  26.             height: auto;
  27.             object-fit: contain;
  28.         }
  30.         .partner-header__name {
  31.             font-size: 2rem;
  32.             font-weight: 700;
  33.             color: #1a1a1a;
  34.             margin-bottom: 12px;
  35.         }
  37.         .partner-header__description {
  38.             font-size: 1.1rem;
  39.             color: #555;
  40.             line-height: 1.6;
  41.             margin-bottom: 16px;
  42.         }
  44.         .partner-header__badges {
  45.             display: flex;
  46.             flex-wrap: wrap;
  47.             gap: 8px;
  48.         }
  50.         .partner-content {
  51.             padding: 60px 0;
  52.             background: #fff;
  53.         }
  55.         .partner-content__text {
  56.             font-size: 1rem;
  57.             color: #333;
  58.             line-height: 1.8;
  59.         }
  61.         .partner-content__text h2 {
  62.             font-size: 1.5rem;
  63.             font-weight: 600;
  64.             margin-top: 32px;
  65.             margin-bottom: 16px;
  66.             color: #1a1a1a;
  67.         }
  69.         .partner-content__text p {
  70.             margin-bottom: 16px;
  71.         }
  73.         .partner-content__text ul {
  74.             margin-bottom: 16px;
  75.             padding-left: 20px;
  76.         }
  78.         .partner-content__text li {
  79.             margin-bottom: 8px;
  80.         }
  82.         .partner-sidebar {
  83.             position: sticky;
  84.             top: 100px;
  85.         }
  87.         .partner-sidebar__card {
  88.             background: #f8f9fa;
  89.             border-radius: 12px;
  90.             padding: 24px;
  91.             margin-bottom: 20px;
  92.         }
  94.         .partner-sidebar__card h3 {
  95.             font-size: 1.1rem;
  96.             font-weight: 600;
  97.             margin-bottom: 16px;
  98.             color: #1a1a1a;
  99.         }
  101.         .partner-cta {
  102.             background: linear-gradient(135deg, #0066CC 0%, #4A90E2 100%);
  103.             color: #fff;
  104.             padding: 14px 24px;
  105.             border-radius: 8px;
  106.             text-decoration: none;
  107.             font-weight: 600;
  108.             display: flex;
  109.             align-items: center;
  110.             justify-content: center;
  111.             gap: 8px;
  112.             transition: transform 0.2s ease, box-shadow 0.2s ease;
  113.         }
  115.         .partner-cta:hover {
  116.             color: #fff;
  117.             text-decoration: none;
  118.             transform: translateY(-2px);
  119.             box-shadow: 0 4px 16px rgba(0, 102, 204, 0.3);
  120.         }
  122.         .partner-back-link {
  123.             display: inline-flex;
  124.             align-items: center;
  125.             gap: 8px;
  126.             color: #666;
  127.             text-decoration: none;
  128.             font-size: 0.9rem;
  129.             margin-bottom: 20px;
  130.         }
  132.         .partner-back-link:hover {
  133.             color: #0066CC;
  134.             text-decoration: none;
  135.         }
  136.     </style>
  137. {% endblock %}
  139. {% block navigation %}
  140.     {{ menu|raw }}
  141. {% endblock %}
  143. {% block content %}
  144.     {# Header Section: Logo (1/3) | Name + Description (2/3) #}
  145.     <section class="partner-header">
  146.         <div class="container">
  147.             {# Back Link #}
  148.             <a href="{{ language == 'en' ? path('public_partners_overview_en') : path('public_partners_overview') }}" class="partner-back-link">
  149.                 <i class="fas fa-arrow-left"></i>
  150.                 {{ language == 'en' ? 'Back to Partners' : 'Zurück zu Partner' }}
  151.             </a>
  153.             <div class="row align-items-center">
  154.                 {# Logo Column (1/3) #}
  155.                 <div class="col-md-4 mb-4 mb-md-0">
  156.                     <div class="partner-header__logo">
  157.                         {% if partner.logo %}
  158.                             <img src="{{ partner.logo }}" alt="{{ partner.name }}">
  159.                         {% else %}
  160.                             <div class="d-flex align-items-center justify-content-center bg-light text-primary" style="width: 100%; height: 150px; font-size: 48px; font-weight: bold;">
  161.                                 {{ partner.name|slice(0, 1)|upper }}
  162.                             </div>
  163.                         {% endif %}
  164.                     </div>
  165.                 </div>
  167.                 {# Name + Description Column (2/3) #}
  168.                 <div class="col-md-8">
  169.                     <h1 class="partner-header__name">{{ partner.name }}</h1>
  170.                     <p class="partner-header__description">{{ partner.description }}</p>
  172.                     {# Badges: Category + Tags #}
  173.                     {% set categoryLabel = partner.publicCategoryLabel|default(language == 'de' ? 'Beratung' : 'Consulting') %}
  174.                     {% set tags = partner.contentTags|default([]) %}
  175.                     {% if tags is not iterable or tags|length == 0 %}
  176.                         {% set tags = ['Strategy', 'Innovation'] %}
  177.                     {% endif %}
  178.                     <div class="partner-header__badges">
  179.                         <span class="badge badge-info">{{ categoryLabel }}</span>
  180.                         {% for tag in tags|slice(0, 2) %}
  181.                             <span class="badge badge-primary">{{ tag }}</span>
  182.                         {% endfor %}
  183.                     </div>
  184.                 </div>
  185.             </div>
  186.         </div>
  187.     </section>
  189.     {# Content Section: Free area for admin content or default text #}
  190.     <section class="partner-content">
  191.         <div class="container">
  192.             <div class="row">
  193.                 {# Main Content (8 cols) #}
  194.                 <div class="col-lg-8">
  195.                     <div class="partner-content__text" id="partner-description">
  196.                         {% if partner.descriptionLongHtml %}
  197.                             {# Priority 1: Free HTML content (editable in Monaco Editor) #}
  198.                             {{ partner.descriptionLongHtml|raw }}
  199.                         {% elseif partner.descriptionLong %}
  200.                             {# Priority 2: Markdown content (legacy) #}
  201.                             <div id="markdown-content" style="display:none;">{{ partner.descriptionLong }}</div>
  202.                             <div id="rendered-content"></div>
  203.                         {% else %}
  204.                             {# Default Text if no content provided #}
  205.                             <h2>{{ language == 'en' ? 'About ' ~ partner.name : 'Über ' ~ partner.name }}</h2>
  206.                             <p>
  207.                                 {% if language == 'en' %}
  208.                                     {{ partner.name }} is a valued partner in the STARTPLATZ network. As part of our ecosystem, they support startups and entrepreneurs with their expertise and services.
  209.                                 {% else %}
  210.                                     {{ partner.name }} ist ein geschätzter Partner im STARTPLATZ-Netzwerk. Als Teil unseres Ökosystems unterstützen sie Startups und Unternehmer mit ihrer Expertise und ihren Dienstleistungen.
  211.                                 {% endif %}
  212.                             </p>
  213.                             <p>
  214.                                 {% if language == 'en' %}
  215.                                     Our partners play a crucial role in the success of the startups we support. Through their network, knowledge, and resources, they contribute to creating an environment where innovation can thrive.
  216.                                 {% else %}
  217.                                     Unsere Partner spielen eine entscheidende Rolle für den Erfolg der von uns unterstützten Startups. Durch ihr Netzwerk, ihr Wissen und ihre Ressourcen tragen sie dazu bei, ein Umfeld zu schaffen, in dem Innovation gedeihen kann.
  218.                                 {% endif %}
  219.                             </p>
  220.                             <h2>{{ language == 'en' ? 'Partnership Benefits' : 'Partnerschaftsvorteile' }}</h2>
  221.                             <ul>
  222.                                 <li>{{ language == 'en' ? 'Access to exclusive STARTPLATZ network events' : 'Zugang zu exklusiven STARTPLATZ-Netzwerkveranstaltungen' }}</li>
  223.                                 <li>{{ language == 'en' ? 'Direct connection to innovative startups' : 'Direkter Kontakt zu innovativen Startups' }}</li>
  224.                                 <li>{{ language == 'en' ? 'Collaboration opportunities within the ecosystem' : 'Kooperationsmöglichkeiten innerhalb des Ökosystems' }}</li>
  225.                                 <li>{{ language == 'en' ? 'Visibility in Germany\'s leading startup hub' : 'Sichtbarkeit in Deutschlands führendem Startup-Hub' }}</li>
  226.                             </ul>
  227.                             <p>
  228.                                 {% if language == 'en' %}
  229.                                     Interested in learning more? Contact {{ partner.name }} directly or reach out to us for an introduction.
  230.                                 {% else %}
  231.                                     Interesse an mehr? Kontaktieren Sie {{ partner.name }} direkt oder wenden Sie sich an uns für eine Vorstellung.
  232.                                 {% endif %}
  233.                             </p>
  234.                         {% endif %}
  235.                     </div>
  236.                 </div>
  238.                 {# Sidebar (4 cols) #}
  239.                 <div class="col-lg-4">
  240.                     <div class="partner-sidebar">
  241.                         {# Member Benefits CTA - Primary Action #}
  242.                         <div class="partner-sidebar__card">
  243.                             <h3>{{ language == 'en' ? 'Member Benefits' : 'Mitglieder-Vorteile' }}</h3>
  244.                             <p class="text-muted small mb-3">
  245.                                 {{ language == 'en'
  246.                                     ? 'Exclusive offers, direct contact and special conditions for STARTPLATZ members.'
  247.                                     : 'Exklusive Angebote, direkter Kontakt und Sonderkonditionen für STARTPLATZ-Mitglieder.' }}
  248.                             </p>
  249.                             <a href="{{ path('connect_partner_show', {slug: partner.slug}) }}" class="partner-cta mb-0">
  250.                                 <i class="fas fa-lock"></i>
  251.                                 {{ language == 'en' ? 'Login for Benefits' : 'Login für Vorteile' }}
  252.                             </a>
  253.                         </div>
  255.                         {# Back to Overview #}
  256.                         <div class="partner-sidebar__card">
  257.                             <h3>{{ language == 'en' ? 'More Partners' : 'Weitere Partner' }}</h3>
  258.                             <a href="{{ language == 'en' ? path('public_partners_overview_en') : path('public_partners_overview') }}" class="btn btn-outline-primary btn-block">
  259.                                 <i class="fas fa-arrow-left mr-2"></i>
  260.                                 {{ language == 'en' ? 'All Partners' : 'Alle Partner' }}
  261.                             </a>
  262.                         </div>
  263.                     </div>
  264.                 </div>
  265.             </div>
  266.         </div>
  267.     </section>
  268. {% endblock %}
  270. {% block javascripts %}
  271.     {{ parent() }}
  272.     <script src="{{ asset('bundles/startplatzstyle/js/startplatz.accelerator.js') }}"></script>
  274.     {# Markdown rendering for partner description #}
  275.     <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
  276.     <script>
  277.         document.addEventListener('DOMContentLoaded', function() {
  278.             var markdownContent = document.getElementById('markdown-content');
  279.             var renderedContent = document.getElementById('rendered-content');
  280.             if (markdownContent && renderedContent) {
  281.                 var markdown = markdownContent.textContent || markdownContent.innerText;
  282.                 renderedContent.innerHTML = marked.parse(markdown);
  283.             }
  284.         });
  285.     </script>
  286. {% endblock %}