<link rel="stylesheet" href="/public/assets/css/cda-v4-5-adherents.css">

<section class="page-intro">
    <div>
        <span class="page-kicker">Dossiers administratifs</span>
        <h2>Adhérents & familles</h2>
        <p>
            Chaque adhérent est le titulaire d’un dossier familial.
            Les autres personnes sont rattachées comme membres de sa famille.
        </p>
    </div>

    <a class="button button-primary" href="/public/clients/nouveau">
        + Nouvel adhérent
    </a>
</section>


<section class="cda-adherent-dashboard">
    <article>
        <span>Année active</span>
        <strong><?= htmlspecialchars((string)($annualDashboard['active_year']['libelle'] ?? 'Non définie')) ?></strong>
        <small>Référence commune à tous les dossiers</small>
    </article>
    <article>
        <span>Dossiers actifs</span>
        <strong><?= (int)($annualDashboard['active_files'] ?? 0) ?></strong>
        <small>Sur l’année d’action active</small>
    </article>
    <article>
        <span>Adhésions à facturer</span>
        <strong><?= (int)($annualDashboard['pending_memberships'] ?? 0) ?></strong>
        <small>Transmises au module Facturation</small>
    </article>
    <article>
        <span>Dossiers incomplets</span>
        <strong><?= (int)($annualDashboard['incomplete_files'] ?? 0) ?></strong>
        <small>RGPD ou coordonnées à compléter</small>
    </article>
</section>
<link rel="stylesheet" href="/public/assets/css/cda-adherents-pro-953.css">

<section class="entity-legend">
    <article>
        <span class="legend-icon adherent">A</span>
        <div>
            <strong>Adhérent titulaire</strong>
            <small>Responsable du compte, de l’adhésion et de la facturation.</small>
        </div>
    </article>

    <article>
        <span class="legend-icon family">F</span>
        <div>
            <strong>Famille</strong>
            <small>Ensemble des personnes rattachées à l’adhérent.</small>
        </div>
    </article>

    <article>
        <span class="legend-icon member">M</span>
        <div>
            <strong>Membre</strong>
            <small>Personne pouvant participer ou non à un atelier.</small>
        </div>
    </article>
</section>

<section class="professor-toolbar">
    <form class="v4-search" method="get" action="/public/clients">
        <span class="v4-search-icon">⌕</span>

        <input
            type="search"
            name="q"
            value="<?= htmlspecialchars((string)$query) ?>"
            placeholder="Nom, prénom, code adhérent, e-mail ou téléphone…"
        >

        <button class="button button-primary" type="submit">
            Rechercher
        </button>

        <?php if ($query !== ''): ?>
        <a class="button button-secondary" href="/public/clients">
            Effacer
        </a>
        <?php endif; ?>
    </form>

    <div class="professor-toolbar-meta">
        <span><?= count($clients) ?></span>
        <strong>
            adhérent<?= count($clients) > 1 ? 's' : '' ?>
        </strong>
    </div>
</section>

<?php if (!$clients): ?>
<section class="card empty-professors">
    <div class="empty-professors-art">
        <span>👤</span>
        <span>👨‍👩‍👧</span>
        <span>🎨</span>
    </div>

    <h3>Aucun adhérent enregistré</h3>

    <p>
        Créez le premier adhérent titulaire.
        Sa famille et sa propre fiche membre seront générées automatiquement.
    </p>

    <a class="button button-primary" href="/public/clients/nouveau">
        + Créer le premier adhérent
    </a>
</section>
<?php else: ?>

<section class="professor-grid">
    <?php foreach ($clients as $adherent): ?>
    <a class="professor-card"
       href="/public<?= htmlspecialchars(\App\Models\Client::publicUrl($adherent), ENT_QUOTES, 'UTF-8') ?>">

        <div class="professor-card-top">
            <div class="professor-card-avatar adherent-avatar">
                <?= htmlspecialchars(
                    mb_substr((string)$adherent['prenom'], 0, 1) .
                    mb_substr((string)$adherent['nom'], 0, 1)
                ) ?>
            </div>

            <div class="professor-card-identity">
                <span class="professor-code">
                    ADHÉRENT · <?= htmlspecialchars((string)$adherent['code_client']) ?>
                </span>

                <h3>
                    <?= htmlspecialchars(
                        (string)$adherent['nom'] . ' ' .
                        (string)$adherent['prenom']
                    ) ?>
                </h3>

                <p>
                    <?= htmlspecialchars(
                        (string)($adherent['reference_famille'] ?? 'Famille à créer')
                    ) ?>
                </p>
            </div>

            <span class="professor-status">
                <i></i>
                Titulaire
            </span>
        </div>

        <div class="professor-card-contact">
            <div>
                <span>✉</span>
                <strong>
                    <?= htmlspecialchars(
                        (string)($adherent['email'] ?: 'E-mail non renseigné')
                    ) ?>
                </strong>
            </div>

            <div>
                <span>☎</span>
                <strong>
                    <?= htmlspecialchars(
                        (string)($adherent['telephone_principal'] ?: 'Téléphone non renseigné')
                    ) ?>
                </strong>
            </div>
        </div>

        <div class="professor-card-bottom">
            <div class="professor-groups">
                <span><?= (int)$adherent['nb_membres'] ?></span>

                <div>
                    <strong>
                        membre<?= (int)$adherent['nb_membres'] > 1 ? 's' : '' ?>
                    </strong>
                    <small>Dans la famille</small>
                </div>
            </div>

            <div class="professor-docs">
                <span class="mini-status <?= !empty($adherent['rgpd_accepte']) ? 'ok' : 'missing' ?>">
                    RGPD
                </span>

                <span class="mini-status ok">
                    <?= (int)$adherent['nb_participants'] ?> participant(s)
                </span>
            </div>

            <span class="professor-open">Ouvrir la famille ›</span>
        </div>
    </a>
    <?php endforeach; ?>
</section>
<?php endif; ?>
