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

{% block title %}Accueil{% endblock %}


{% block importmap %}
    {{ importmap(['app', 'module']) }}
{% endblock %}


{% block body %}
    <h1 class="module-title">
        Vos dépannages<br>
    </h1>

    <div id="" class="module-list">
        <div class="module-list-items">
            <div class="module-list-body">
                {% if todos|length <= 0 %}
                    <div class="w-100 py-2 pl-2" style="background-color: #ffffff;">
                        Aucune tâche attribuée à venir.
                    </div>
                {% else %}
                    {% for item in todos %}
                        {% set title = (item.contact ? item.contact.lastname ~ ' ' ~ item.contact.firstname : '') ~ ' : ' ~ item.label %}
                        {% set title = '<a href="' ~ path("app_depannage_edit", {id:item.id}) ~ '">' ~ title ~ '</a>' %}

                        {% set address = (item.contact ? item.contact.address ~ ' ' ~ item.contact.postalCode ~ ' ' ~ item.contact.city : '') %}

                        {% set date = item.dateStart|formatDateTime('d/m/Y H:i') %}

                        {% include '_index_module_item.html.twig' with {
                            'one' : title,
                            'two' : date,
                            'three' : address ,
                            'four' : '<a title="Réinitialiser l\'attribution" href="' ~ path("app_depannage_affectationreset", {id:item.id}) ~ '?from=index">' ~ ux_icon('lucide:ban') ~ '</a>',
                        } %}
                    {% endfor %}
                {% endif %}
            </div>
        </div>
    </div>

    <h1 class="module-title">
        Dépannages non attribués<br>
    </h1>
    <div id="" class="module-list">
        <div class="module-list-items">
            <div class="module-list-body">
                {% if notAffected|length <= 0 %}
                    <div class="w-100 py-2 pl-2" style="background-color: #ffffff;">
                        Aucune tâche non attribuée à venir.
                    </div>
                {% else %}
                    {% for item in notAffected %}
                        {% set title = (item.contact ? item.contact.lastname ~ ' ' ~ item.contact.firstname : '') ~ ' : ' ~ item.label %}
                        {% set title = '<a href="' ~ path("app_depannage_edit", {id:item.id}) ~ '">' ~ title ~ '</a>' %}

                        {% set address = (item.contact ? item.contact.address ~ ' ' ~ item.contact.postalCode ~ ' ' ~ item.contact.city : '') %}

                        {% set date = item.dateStart|formatDateTime('d/m/Y H:i') %}

                        {% include '_index_module_item.html.twig' with {
                            'one' : title,
                            'two' : date,
                            'three' : address ,
                            'four' : '<a title="S\'assigner cette tâche" href="' ~ path("app_depannage_affectation", {id:item.id}) ~ '?from=index">' ~ ux_icon('lucide:square-plus') ~ '</a>',
                        } %}
                    {% endfor %}
                {% endif %}
            </div>
        </div>
    </div>

{% endblock %}