{% extends '@App/app.html.twig' %}

{% block title %}Contrats{% endblock %}

{% block page_header %}{% endblock %}

{% block content %}
    <div class="data-page">
        <div class="data-page__header">
            <div>
                <nav class="data-breadcrumb" aria-label="Fil d'Ariane">
                    <span>Contrats</span>
                </nav>
                <h1>Contrats</h1>
                <p>Suivez les contrats de travail, leur statut documentaire et les signatures associées.</p>
            </div>
            <div class="data-page__actions">
                <a class="data-button data-button--secondary" href="{{ path('contract_export', app.request.query.all) }}">
                    <i class="ti ti-file-export" aria-hidden="true"></i>Exporter
                </a>
                {% if is_granted('CONTRACT_CREATE') %}
                    <a class="data-button data-button--primary" href="{{ path('contract_new') }}">
                        <i class="ti ti-plus" aria-hidden="true"></i>Nouveau contrat
                    </a>
                {% endif %}
            </div>
        </div>

        <div class="data-stat-grid">
            <article class="data-stat-card">
                <span class="data-stat-card__icon data-stat-card__icon--info"><i class="ti ti-file-description" aria-hidden="true"></i></span>
                <div><span>Total</span><strong>{{ contract_stats.total|default(contracts|length) }}</strong></div>
            </article>
            <article class="data-stat-card">
                <span class="data-stat-card__icon data-stat-card__icon--success"><i class="ti ti-circle-check" aria-hidden="true"></i></span>
                <div><span>Actifs</span><strong>{{ contract_stats.active|default(0) }}</strong></div>
            </article>
            <article class="data-stat-card">
                <span class="data-stat-card__icon data-stat-card__icon--warning"><i class="ti ti-signature" aria-hidden="true"></i></span>
                <div><span>À signer</span><strong>{{ contract_stats.pending_signature|default(0) }}</strong></div>
            </article>
            <article class="data-stat-card">
                <span class="data-stat-card__icon data-stat-card__icon--purple"><i class="ti ti-users" aria-hidden="true"></i></span>
                <div><span>Salariés</span><strong>{{ contract_stats.employees|default(0) }}</strong></div>
            </article>
        </div>

        <section class="data-card" data-controller="data-table">
            {% include '@Contract/contract/_filters.html.twig' %}
            {% include '@Contract/contract/_table.html.twig' %}
        </section>
    </div>
{% endblock %}