{% if profile and profile.className == 'Profile' %}
{% embed 'network/widget/widget.html.twig' %}
{% block content %}
<div class="grid gap-3">
<a data-turbo="false" href="{{ pimcore_url({ object: profile }) }}" class="flex">
<div class="w-4 mr-4">
{% include 'icons/' ~ icon ~ '.svg.twig' with { class: 'w-4 h-4' } %}
</div>
<address class="flex flex-col not-italic leading-snug">
<span class="font-medium underline">{{ profile.name }}</span>
<span class="hidden">{{ profile.street }} {{ profile.housenumber }}</span>
<span class="hidden">{{ profile.postalCode }} {{ profile.city }}</span>
<span class="hidden">{{ profile.country|country_name }}</span>
</address>
</a>
<div class="hidden gap-2">
{% if profile.phone %}
<div class="flex items-center text-neutral-900">
<div class="w-4 mr-4">
{% include 'icons/phone.svg.twig' with { class: 'w-4 h-4' } %}
</div>
<a data-turbo="false" class="font-bold no-underline" href="tel:+{{ profile.phone }}">
{{ profile.phone|trim }}
</a>
</div>
{% endif %}
{% if profile.fax %}
<div class="flex items-center text-neutral-900">
<div class="w-4 mr-4">
{% include 'icons/fax.svg.twig' with { class: 'w-5 h-5 -ml-1px' } %}
</div>
<div class="font-bold">
{{ profile.fax|trim }}
</div>
</div>
{% endif %}
{% if profile.email %}
<div class="flex items-center text-neutral-900">
<div class="w-4 mr-4">
{% include 'icons/mail.svg.twig' with { class: 'w-4 h-4' } %}
</div>
<a data-turbo="false"
class="font-bold no-underline"
href="mailto:{{ profile.email }}">
{{ profile.email|trim }}
</a>
</div>
{% endif %}
{% if profile.website %}
<div class="flex items-center text-neutral-900">
<div class="w-5 mr-3">
{% include 'icons/weblink.svg.twig' with { class: 'w-5 h-5' } %}
</div>
<div class="font-bold">
<a data-turbo="false"
href="{{ profile.website }}"
target="_blank"
rel="noopener noreferrer">
{{ profile.website }}
</a>
</div>
</div>
{% endif %}
</div>
</div>
{% endblock %}
{% endembed %}
{% endif %}