{% embed 'network/widget/widget.html.twig' %}
{% block content %}
{% if user is defined and user.id is defined and user.id == profile.id %}
<div class="grid 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 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 and profile.company %}
<div class="flex items-center text-neutral-900">
{# <span>{{ 'Mail:'|trans }}</span> #}
<div class="w-4 mr-4">
{% include 'icons/mail.svg.twig' with { class: 'w-4 h-4' } %}
</div>
<a 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 href="{{ profile.website }}" target="_blank" rel="noopener noreferrer">
{{ profile.website }}
</a>
</div>
</div>
{% endif %}
</div>
{% endif %}
{% endblock %}
{% endembed %}