{% set status_map = {
    brouillon: {label: 'Brouillon', class: 'data-badge--muted'},
    genere: {label: 'Généré', class: 'data-badge--info'},
    envoye_signature: {label: 'Envoyé signature', class: 'data-badge--warning'},
    signe: {label: 'Signé', class: 'data-badge--success'},
    actif: {label: 'Actif', class: 'data-badge--success'},
    termine: {label: 'Terminé', class: 'data-badge--muted'},
    archive: {label: 'Archivé', class: 'data-badge--muted'},
    annule: {label: 'Annulé', class: 'data-badge--muted'}
} %}

{% if contracts is not empty %}
    <div class="data-table-wrap" data-data-table-target="tableView">
        <table class="data-table">
            <thead>
                <tr>
                    <th class="data-table__select"><input type="checkbox" data-data-table-target="checkAll" data-action="data-table#toggleAll"></th>
                    <th>Contrat & salarié</th>
                    <th>Type</th>
                    <th>Statut</th>
                    <th>Période</th>
                    <th>Rémunération</th>
                    <th class="text-end">Actions</th>
                </tr>
            </thead>
            <tbody>
                {% for contract in contracts %}
                    {% set salarie = contract.salarie %}
                    {% set initials = salarie ? ((salarie.prenom|default('')|first) ~ (salarie.nom|default('')|first))|upper : 'C' %}
                    {% set photo_path = salarie and salarie.photo ? salarie.photo|trim : null %}
                    {% set avatar_src = photo_path ? (photo_path starts with 'http://' or photo_path starts with 'https://' ? photo_path : asset(photo_path starts with '/' ? photo_path|slice(1) : photo_path)) : null %}
                    {% set status = status_map[contract.statut]|default({label: contract.statut|replace({'_': ' '})|capitalize, class: 'data-badge--muted'}) %}
                    {% set organization_label = contract.service ?: (contract.etablissement ? contract.etablissement.nom : '—') %}
                    <tr class="data-row {{ contract.statut in ['archive', 'annule', 'termine'] ? 'is-muted' : '' }}">
                        <td class="data-table__select"><input type="checkbox" data-data-table-target="rowCheckbox" data-action="data-table#toggleRow"></td>
                        <td>
                            <div class="data-entity">
                                <span class="data-avatar {{ avatar_src ? '' : 'data-avatar--initials' }}">
                                    {% if avatar_src %}
                                        <img src="{{ avatar_src }}" alt="{{ salarie }}">
                                    {% else %}
                                        {{ initials }}
                                    {% endif %}
                                </span>
                                <div>
                                    <a class="data-entity__title" href="{{ path('contract_show', {id: contract.id}) }}">{{ contract.reference }}</a>
                                    <div class="data-entity__meta">
                                        <i class="ti ti-user" aria-hidden="true"></i>
                                        <span>{{ salarie ?: 'Salarié non renseigné' }}</span>
                                        {% if contract.intitulePoste %}
                                            <span aria-hidden="true">•</span>
                                            <span>{{ contract.intitulePoste }}</span>
                                        {% endif %}
                                    </div>
                                </div>
                            </div>
                        </td>
                        <td>
                            <div class="data-main-text">{{ contract.typeContrat|upper }}</div>
                            <div class="data-sub-text">{{ organization_label }}</div>
                        </td>
                        <td>
                            <span class="data-badge {{ status.class }}">
                                <i aria-hidden="true"></i>{{ status.label }}
                            </span>
                        </td>
                        <td>
                            <div class="data-main-text">{{ contract.dateDebut ? contract.dateDebut|date('d/m/Y') : '—' }}</div>
                            <div class="data-sub-text">{{ contract.dateFin ? 'Fin ' ~ contract.dateFin|date('d/m/Y') : 'Sans date de fin' }}</div>
                        </td>
                        <td>
                            {% if contract.remunerationBrute %}
                                <div class="data-main-text">{{ contract.remunerationBrute|number_format(2, ',', ' ') }} {{ contract.devise ?: 'EUR' }}</div>
                                <div class="data-sub-text">{{ contract.remunerationPeriodicite ?: 'Brut' }}</div>
                            {% else %}
                                <span class="data-sub-text">Non renseignée</span>
                            {% endif %}
                        </td>
                        <td>
                            <div class="data-row-actions">
                                <a class="data-action-button" href="{{ path('contract_show', {id: contract.id}) }}" title="Voir">
                                    <i class="ti ti-eye" aria-hidden="true"></i><span>Voir</span>
                                </a>
                                {% if is_granted('CONTRACT_EDIT', contract) %}
                                    <a class="data-action-button" href="{{ path('contract_edit', {id: contract.id}) }}" title="Modifier">
                                        <i class="ti ti-pencil" aria-hidden="true"></i><span>Modifier</span>
                                    </a>
                                {% endif %}
                                {% if contract.pdfPath and is_granted('CONTRACT_DOWNLOAD', contract) %}
                                    <a class="data-action-button" href="{{ path('contract_download', {id: contract.id}) }}" title="Télécharger">
                                        <i class="ti ti-download" aria-hidden="true"></i><span>Télécharger</span>
                                    </a>
                                {% endif %}
                                {% if is_granted('CONTRACT_ARCHIVE', contract) %}
                                    <form method="post" action="{{ path('contract_archive', {id: contract.id}) }}" onsubmit="return confirm('Archiver ce contrat ?')">
                                        <input type="hidden" name="_token" value="{{ csrf_token('contract_archive_' ~ contract.id) }}">
                                        <button class="data-action-button data-action-button--warning" type="submit" title="Archiver">
                                            <i class="ti ti-archive" aria-hidden="true"></i><span>Archiver</span>
                                        </button>
                                    </form>
                                {% endif %}
                            </div>
                        </td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>

    <div class="data-grid-view" data-data-table-target="gridView" hidden>
        {% for contract in contracts %}
            {% set salarie = contract.salarie %}
            {% set status = status_map[contract.statut]|default({label: contract.statut|replace({'_': ' '})|capitalize, class: 'data-badge--muted'}) %}
            <article class="data-grid-card {{ contract.statut in ['archive', 'annule', 'termine'] ? 'is-muted' : '' }}">
                <div class="data-grid-card__header">
                    <div class="data-entity">
                        <span class="data-avatar data-avatar--initials"><i class="ti ti-file-description" aria-hidden="true"></i></span>
                        <div>
                            <a class="data-grid-card__title" href="{{ path('contract_show', {id: contract.id}) }}">{{ contract.reference }}</a>
                            <div class="data-sub-text">{{ salarie ?: 'Salarié non renseigné' }}</div>
                        </div>
                    </div>
                    <div class="data-row-actions">
                        <a class="data-action-button" href="{{ path('contract_show', {id: contract.id}) }}" title="Voir">
                            <i class="ti ti-eye" aria-hidden="true"></i><span>Voir</span>
                        </a>
                        {% if is_granted('CONTRACT_EDIT', contract) %}
                            <a class="data-action-button" href="{{ path('contract_edit', {id: contract.id}) }}" title="Modifier">
                                <i class="ti ti-pencil" aria-hidden="true"></i><span>Modifier</span>
                            </a>
                        {% endif %}
                    </div>
                </div>
                <p class="data-sub-text">{{ contract.intitulePoste ?: 'Poste non renseigné' }}</p>
                <dl>
                    <div><dt>Type</dt><dd>{{ contract.typeContrat|upper }}</dd></div>
                    <div><dt>Début</dt><dd>{{ contract.dateDebut ? contract.dateDebut|date('d/m/Y') : '—' }}</dd></div>
                    <div><dt>Fin</dt><dd>{{ contract.dateFin ? contract.dateFin|date('d/m/Y') : '—' }}</dd></div>
                    <div><dt>Statut</dt><dd>{{ status.label }}</dd></div>
                </dl>
                <span class="data-badge {{ status.class }}"><i aria-hidden="true"></i>{{ status.label }}</span>
            </article>
        {% endfor %}
    </div>
{% else %}
    <div class="data-empty">
        <i class="ti ti-file-off" aria-hidden="true"></i>
        <strong>Aucun contrat</strong>
        <span>Ajustez vos filtres ou créez un nouveau contrat.</span>
    </div>
{% endif %}