{% extends 'admin/base_admin.html.twig' %}
{% block title %}Tableau de bord{% endblock %}
{% block breadcrumb %}Tableau de bord{% endblock %}

{% block content %}
    <div class="head-row">
        <div>
            <h1 class="page-title">Bonjour {{ app.user ? (app.user.firstName ?? 'Maxime') : 'Maxime' }}<span>.</span></h1>
            <p class="page-sub">Voici l'état de votre site et des demandes reçues.</p>
        </div>
        <span class="status-live"><span></span> Site en ligne</span>
    </div>

    <div class="stat-grid">
        {% set cards = [
            { label: 'Demandes de devis', num: stats.devis, ico: 'M4 4h16v12H7l-3 3V4z' },
            { label: 'Dossiers Chèque TIC', num: stats.ctic, ico: 'M2.5 4.5h19v15h-19z' },
            { label: 'Nouveaux non lus', num: stats.nouveaux, ico: 'M18 8a6 6 0 1 0-12 0c0 7-3 9-3 9h18s-3-2-3-9' },
            { label: 'Articles publiés', num: stats.articles, ico: 'M4 6h16M4 12h16M4 18h10' },
            { label: 'Réalisations', num: stats.realisations, ico: 'M3 3h18v18H3z' }
        ] %}
        {% for c in cards %}
            <div class="stat">
                <div style="display:flex;align-items:center;justify-content:space-between">
                    <span class="stat__ico"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round"><path d="{{ c.ico }}"/></svg></span>
                </div>
                <div class="stat__label">{{ c.label|upper }}</div>
                <div class="stat__num">{{ c.num }}</div>
            </div>
        {% endfor %}
    </div>

    <div class="card table-wrap">
        <div style="padding:16px 20px;border-bottom:1px solid var(--border);font-family:var(--title);font-weight:700;font-size:16px">Demandes récentes</div>
        <div class="table-scroll">
            <table class="data">
                <thead><tr><th>TYPE</th><th>CONTACT</th><th>DATE</th><th>STATUT</th><th style="text-align:right">ACTION</th></tr></thead>
                <tbody>
                {% for f in recent %}
                    <tr>
                        <td>{{ f.type.label }}</td>
                        <td>{{ f.data.email ?? f.data.name ?? '—' }}</td>
                        <td style="color:var(--muted);white-space:nowrap">{{ f.createdAt ? f.createdAt|date('d/m/Y H:i') : '' }}</td>
                        <td><span class="st-badge {{ f.status.value == 'nouveau' ? 'st-new' : 'st-published' }}"><span></span>{{ f.status.label }}</span></td>
                        <td style="text-align:right">
                            {% set r = f.type.value == 'cheque_tic' ? 'admin_ctic_show' : 'admin_devis_show' %}
                            <a class="pill-btn" href="{{ path(r, { id: f.id }) }}">Voir</a>
                        </td>
                    </tr>
                {% else %}
                    <tr><td colspan="5" style="color:var(--muted)">Aucune demande pour le moment.</td></tr>
                {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
{% endblock %}