{% extends 'teamer/layout.html.twig' %}

{% block title %}Meine Jobprofile & Skills{% endblock %}

{% block content %}
    <h1 class="text-2xl font-bold pb-4">
        Meine Jobprofile &amp; Skills
    </h1>
    <h2 class="text-xl font-bold pb-2">
        Ausbildung
    </h2>
    <ul class="list-disc pl-4 pb-8">
        {% for attendance in teamer.trainingAttendances %}
            <li>
                {{ attendance.training.name }} {{ attendance.date|date('m/Y') }}
            </li>
        {% else %}
            <li class="text-sm">
                Du hast bisher an keinen Fortbildungen teilgenommen
            </li>
        {% endfor %}
    </ul>

    <div class="pb-8">
        <h2 class="text-xl font-bold pb-2">
            Lizenzen
        </h2>
        <ul class="list-disc pl-4 pb-8">
            {% for license in teamer.licenses %}
                <li>
                    <div class="flex items-center space-x-4">
                        <span>{{ license.type|license_label }}</span>
                        <span>{{ license.date|date('m/Y') }}</span>
                        {% if is_granted('DOWNLOAD', license.certificate) %}
                            <a href="{{ path('app_common_download', { 'uuid': license.certificate.uuid }) }}"
                               target="_blank"
                               title="Download Nachweis">
                                {{ icon('download', 'w-4 h-4') }}
                            </a>
                        {% endif %}
                        {% if is_granted('DELETE', license) %}
                            <button type="button"
                                    class="text-red-500"
                                    title="Lizenz löschen"
                                    hx-get="{{ path('app_teamer_profile_license_delete', { 'uuid': license.uuid }) }}"
                                    hx-target="body"
                                    hx-swap="beforeend">
                                {{ icon('delete') }}
                            </button>
                        {% endif %}
                    </div>
                </li>
            {% else %}
                <li class="text-sm">
                    Du hast bisher keine Lizenzen hinterlegt
                </li>
            {% endfor %}
        </ul>
        <button type="button"
                class="btn"
                title="Lizenz hinzufügen"
                hx-get="{{ path('app_teamer_profile_license_add') }}"
                hx-target="body"
                hx-swap="beforeend">
            Lizenz hinzufügen
        </button>
    </div>

    {{ form_start(form) }}

    <h2 class="text-xl font-bold pb-2">
        Mögliche Jobprofile
    </h2>
    <div class="pb-8">
        {{ form_row(form.jobProfiles) }}
    </div>

    <h2 class="text-xl font-bold pb-2">
        Sonstiges
    </h2>
    <div class="grid md:grid-cols-2 gap-y-4 md:gap-x-8 pb-8">
        <div>
            {{ form_row(form.remarks) }}
        </div>
    </div>

    <button type="submit" class="btn">
        Aktualisieren
    </button>
    {{ form_rest(form) }}
    {{ form_end(form) }}
{% endblock %}