{% set membershipRequired = false %}
{% if partner.type == 'startup-tool' %}
{% set targetUrl = path('x_startup-tools_single', {'id':partner.id, 'slug': partner.slug}) %}
{% elseif (partner.type == 'startup-product-partner' or partner.type == 'local-benefit-partner' or partner.type == 'other-benefit-partner') %}
{% set targetUrl = path('x_startup-products_single', {'id':partner.id, 'slug': partner.slug}) %}
{% elseif partner.type == 'service-partner' %}
{% set targetUrl = path('x_service-partner_single', {'id':partner.id, 'slug': partner.slug}) %}
{% else %}
{% set targetUrl = path('x_partner_single', {'slug': partner.id ~ '-' ~ partner.slug}) %}
{% endif %}
{# second step check if membership is required #}
{% if app.user.email is not defined %}
{% set membershipRequired = true %}
{% set targetPath = targetUrl %}
{% set targetUrl = path('x_membership_required_modal', {'lang':lang, 'targetPath': targetPath}) %}
{% endif %}
<div class="card card-startup" style="height: 22rem"> {# container #}
{# {% if startup.startplatz == 'extern' %}
{% if visibility == 'public' %}
{% set targetUrl = path('homepage_startup_single', {'slug': startup.id ~ '-' ~ startup.slug}) %}
{% else %}
{% set targetUrl = path('x_community_startup_single', {'id':startup.id, 'slug': startup.slug}) %}
{% endif %}
{% else %}
{% set targetUrl = path('homepage_startup_single', {'slug': startup.id ~ '-' ~ startup.slug}) %}
{% endif %}#}
<div class="row m-0 p-0" style="width: 100%; height: 100%;">
<div class="m-0 p-0" style="
width: 40%;
height: 20rem;
flex-direction: column;
overflow: hidden;">
<a href="{{ targetUrl }}" {% if membershipRequired %} data-remote="false" data-toggle="modal" data-target="#myLargeModal" {% endif %}> <div class="card-startup-logo p-3 py-5" style="height: 22rem;">
{% if partner.logoUrl %}
<img src="{{ partner.logoUrl }}" alt="Logo {{ partner.title }}">
{% else %}
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
class="bi bi-image-fill card-img-top d-block p-1 SvGtextColor" viewBox="0 0 16 16">
<path d="M.002 3a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-12a2 2 0 0 1-2-2V3zm1 9v1a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V9.5l-3.777-1.947a.5.5 0 0 0-.577.093l-3.71 3.71-2.66-1.772a.5.5 0 0 0-.63.062L1.002 12zm5-6.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0z"/>
</svg>
{% endif %}
</div>
</a>
</div>
<div class="m-0 px-3 pt-3" style="
width: 60%;
flex-direction: column;
overflow: hidden;
">
<div class="card-name pb-2">
<div class="twoLineEllipsis" style="word-break:break-word; line-height: 1.1" title="{{ partner.title }}">
{{ partner.title }}
</div>
</div>
<div class="card-content">
<div class="general-line-clamp general-line-clamp-4" style="" >
<p>{{ partner.teaser | raw }}</p>
</div>
<div class="card-place">
{% if partner.tags %}
<p class="pb-3 m-0">
<span class="rounded-pill rounded-pill-grey px-2 py-1 mr-1">
#{{ partner.tags }}
</span>
</p>
{% endif %}
{% if partner.type %}
<p class="pb-2 m-0">
<span class="rounded-pill rounded-pill-grey px-2 py-1 mr-1">
{{ partner.type }}
</span>
</p>
{% endif %}
</div>
<div class="card-startup-link">
<img src="https://res.cloudinary.com/startplatz/image/upload/v1662592847/Icons/Vector_1.png" alt="">
<a href="{{ targetUrl }}" {% if membershipRequired %} data-remote="false" data-toggle="modal" data-target="#myLargeModal" {% endif %}>{% if lang== 'DE' %} kennenlernen {% elseif lang == 'FR' %}Découvrir{% else %}Get to know them {% endif %}</a>
</div>
</div>
</div>
</div>
</div>