{% extends '@App/app.html.twig' %}
{% block title %}Exports congés{% endblock %}
{% block content %}
<div class="data-page" data-controller="leave-settings">
    <div class="data-page__header">
        <div>
            <nav class="data-breadcrumb"><span>Congés</span><i class="ti ti-chevron-right" aria-hidden="true"></i><span>Paramètres</span><i class="ti ti-chevron-right" aria-hidden="true"></i><strong>Exports</strong></nav>
            <h1>Exports congés</h1>
        </div>
    </div>
    <div class="metric-grid metric-grid--4">
        <article class="metric-card metric-card--compact"><span class="metric-card__icon metric-card__icon--green"><i class="ti ti-file-export" aria-hidden="true"></i></span><span class="metric-card__label">Exports</span><strong class="metric-card__value">{{ stats.month }}</strong><span class="metric-card__caption">Exports ce mois</span></article>
        <article class="metric-card metric-card--compact"><span class="metric-card__icon metric-card__icon--blue"><i class="ti ti-file-type-csv" aria-hidden="true"></i></span><span class="metric-card__label">CSV</span><strong class="metric-card__value">{{ stats.csv }}</strong><span class="metric-card__caption">Exports CSV</span></article>
        <article class="metric-card metric-card--compact"><span class="metric-card__icon metric-card__icon--green"><i class="ti ti-file-spreadsheet" aria-hidden="true"></i></span><span class="metric-card__label">Paie</span><strong class="metric-card__value">{{ stats.payroll }}</strong><span class="metric-card__caption">Exports paie</span></article>
        <article class="metric-card metric-card--compact"><span class="metric-card__icon metric-card__icon--amber"><i class="ti ti-users" aria-hidden="true"></i></span><span class="metric-card__label">Salariés</span><strong class="metric-card__value">{{ stats.employees }}</strong><span class="metric-card__caption">Salariés exportés</span></article>
    </div>
    <section class="settings-note settings-note--blue"><i class="ti ti-shield" aria-hidden="true"></i><span>Les exports sont filtrés par société et journalisés. Chaque téléchargement est tracé avec l'identité de l'utilisateur et l'horodatage.</span></section>

    <div class="settings-layout">
        <section class="settings-panel">
            <div class="settings-panel__header">
                <div class="settings-panel__title">
                    <span class="settings-panel__icon settings-panel__icon--teal"><i class="ti ti-plus" aria-hidden="true"></i></span>
                    <div><h2>Nouvel export</h2><span>Paramétrez et générez votre export</span></div>
                </div>
            </div>
            <form class="settings-form" method="post" action="{{ path('app_leave_export_create') }}">
                <input type="hidden" name="_token" value="{{ csrf_token('leave_export') }}">
                <label class="settings-field"><span>Type d'export *</span><select class="form-select" name="kind" data-action="change->leave-settings#estimateExport"><option value="requests">Demandes approuvées</option><option value="balances">Soldes de congés</option></select></label>
                <div class="settings-form__grid">
                    <label class="settings-field"><span>Période *</span><input class="form-control" type="date" name="start" value="{{ 'first day of this month'|date('Y-m-d') }}" data-action="change->leave-settings#estimateExport"></label>
                    <label class="settings-field"><span>&nbsp;</span><input class="form-control" type="date" name="end" value="{{ 'last day of this month'|date('Y-m-d') }}" data-action="change->leave-settings#estimateExport"></label>
                </div>
                <label class="settings-field"><span>Établissement</span><select class="form-select" name="establishment"><option value="">Tous les établissements</option></select></label>
                <label class="settings-field"><span>Salarié</span><input class="form-control" name="employee" placeholder="Tous les salariés..."></label>
                <div class="settings-form__grid">
                    <label class="settings-field"><span>Type de congé</span><select class="form-select" name="type"><option value="">Tous</option>{% for type in types %}<option value="{{ type.id }}">{{ type.nom }}</option>{% endfor %}</select></label>
                    <label class="settings-field"><span>Statut</span><select class="form-select" name="status"><option value="">Tous</option><option value="approved">Approuvé</option><option value="pending_manager">En attente</option></select></label>
                </div>
                <div class="settings-field">
                    <span>Format d'export</span>
                    <div class="settings-option-grid">
                        <label class="settings-option"><input type="radio" name="format" value="csv" checked><span><i class="ti ti-file-type-csv" aria-hidden="true"></i><strong>CSV</strong></span></label>
                        <label class="settings-option"><input type="radio" name="format" value="excel"><span><i class="ti ti-file-spreadsheet" aria-hidden="true"></i><strong>Excel</strong></span></label>
                        <label class="settings-option"><input type="radio" name="format" value="pdf"><span><i class="ti ti-file-type-pdf" aria-hidden="true"></i><strong>PDF</strong></span></label>
                    </div>
                </div>
                <span class="settings-chip d-flex justify-content-between"><span><i class="ti ti-info-circle" aria-hidden="true"></i> Estimation</span><strong data-leave-settings-target="estimateEmployees" data-default-value="{{ active_salaries_count }}">{{ active_salaries_count }} salariés</strong><strong data-leave-settings-target="estimateRows">{{ active_salaries_count }} lignes</strong></span>
                <button class="data-button data-button--primary w-100" type="submit"><i class="ti ti-download" aria-hidden="true"></i>Générer l'export</button>
            </form>
        </section>

        <section class="data-card">
            <div class="data-toolbar">
                <div class="data-toolbar__title"><i class="ti ti-history" aria-hidden="true"></i><h2>Historique des exports</h2><span class="data-sub-text">Journal d'audit complet</span></div>
                <div class="data-toolbar__controls"><label class="data-search"><i class="ti ti-search" aria-hidden="true"></i><input type="search" placeholder="Rechercher..." data-leave-settings-target="search" data-action="input->leave-settings#filter"></label><select class="form-select"><option>Tous types</option></select></div>
            </div>
            <div class="data-table-wrap">
                <table class="data-table">
                    <thead><tr><th>Date</th><th>Type</th><th>Filtres</th><th>Généré par</th><th>Format</th><th class="data-table__actions">Actions</th></tr></thead>
                    <tbody>
                    {% for log in logs %}
                        <tr class="data-row" data-leave-settings-target="row">
                            <td><strong>{{ log.createdAt|date('d/m/Y') }}</strong><div class="data-sub-text">{{ log.createdAt|date('H:i') }}</div></td>
                            <td><span class="settings-chip settings-chip--green">{{ log.filters.kind|default('Demandes') }}</span></td>
                            <td class="data-sub-text">{{ log.filters|default({})|json_encode }}</td>
                            <td>{{ log.exportedBy }}</td>
                            <td><span class="data-badge data-badge--info"><i></i>{{ log.format|upper }}</span></td>
                            <td class="data-table__actions"><span class="data-badge data-badge--success"><i></i>Téléchargé</span></td>
                        </tr>
                    {% else %}
                        <tr><td colspan="6" class="text-center text-muted py-5">Aucun export journalisé.</td></tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
        </section>
    </div>
</div>
{% endblock %}