{% extends 'htmx_modal.html.twig' %}

{% block title %}Teamer:inneninfo {{ application.teamer }}{% endblock %}

{% block content %}
    <div class="flex items-start">
        <div class="flex-1 pr-8">
            {% include '_partials/_assignment_requirements_info.html.twig' with {
                'assignment': application.assignment,
                'teamer': application.teamer
            } %}
            <ul class="pb-8 divide-y divide-gray-200">
                {% for type in ['ski', 'snowboard'] %}
                    <li class="py-2">
                        <div class="flex items-center justify-between">
                            <span class="flex-1">{{ type|license_label }}</span>
                            {% set license = application.teamer.licenseOfType(type) %}
                            {% if license %}
                                <div class="flex items-center space-x-2">
                                    <span>{{ license.date|date('m/Y') }}</span>
                                    {% if is_granted('DOWNLOAD', license.certificate) %}
                                        <a href="{{ path('app_common_download', { 'uuid': license.certificate.uuid, 'inline': true }) }}"
                                           target="_blank"
                                           title="Download Nachweis">
                                            {{ icon('download', 'w-4 h-4') }}
                                        </a>
                                    {% endif %}
                                </div>
                            {% else %}
                                {{ icon('minus', 'w-4 h-4') }}
                            {% endif %}
                        </div>
                    </li>
                {% endfor %}
            </ul>
        </div>
        <div>
            {% set teamer = application.teamer %}
            {% if teamer.photo %}
                <img src="{{ asset(teamer.photo.filename | imagine_filter('profile')) }}"
                     class="w-32 h-auto border-2 border-primary"
                     alt="{{ teamer.firstName }}">
            {% else %}
                <div class="border-2 border-primary">
                    {{ icon('user', 'w-32 h-32 text-gray-200') }}
                </div>
            {% endif %}
        </div>
    </div>
{% endblock %}