<section class="page-intro">
    <div>
        <span class="page-kicker">Équipe pédagogique</span>
        <h2>Professeurs</h2>
        <p>
            Gérez les intervenants, leurs contrats, leurs groupes
            et leur agenda.
        </p>
    </div>

    <a class="button button-primary"
       href="/public/professeurs/nouveau">
        + Nouveau professeur
    </a>
</section>

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

        <input
            type="search"
            name="q"
            value="<?= htmlspecialchars($query) ?>"
            placeholder="Rechercher par nom, prénom, 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/professeurs">
            Effacer
        </a>
        <?php endif; ?>
    </form>

    <div class="professor-toolbar-meta">
        <span><?= count($professors) ?></span>
        <strong>
            professeur<?= count($professors) > 1 ? 's' : '' ?>
        </strong>
    </div>
</section>

<?php if (!$professors): ?>
<section class="card empty-professors">
    <div class="empty-professors-art">
        <span>🎵</span>
        <span>🎭</span>
        <span>🎨</span>
    </div>

    <h3>Aucun professeur enregistré</h3>

    <?php if ($query !== ''): ?>
    <p>
        Aucun résultat ne correspond à
        « <?= htmlspecialchars($query) ?> ».
    </p>

    <a class="button button-secondary"
       href="/public/professeurs">
        Réinitialiser la recherche
    </a>
    <?php else: ?>
    <p>
        Créez la première fiche professeur pour commencer
        à constituer les groupes et les agendas.
    </p>

    <a class="button button-primary"
       href="/public/professeurs/nouveau">
        + Créer le premier professeur
    </a>
    <?php endif; ?>
</section>
<?php else: ?>

<section class="professor-grid">
    <?php foreach ($professors as $professor): ?>
    <a class="professor-card"
       href="/public/professeurs-pro/voir?id=<?= (int)$professor['id'] ?>">

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

            <div class="professor-card-identity">
                <span class="professor-code">
                    <?= htmlspecialchars(
                        $professor['code_professeur'] ?: 'PROFESSEUR'
                    ) ?>
                </span>

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

                <p>
                    <?= htmlspecialchars(
                        ucfirst($professor['statut_intervenant'])
                    ) ?>
                    <?php if (!empty($professor['type_contrat'])): ?>
                        · <?= htmlspecialchars($professor['type_contrat']) ?>
                    <?php endif; ?>
                </p>
            </div>

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

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

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

        <div class="professor-card-bottom">
            <div class="professor-groups">
                <span><?= (int)$professor['nb_groupes'] ?></span>
                <div>
                    <strong>
                        groupe<?= (int)$professor['nb_groupes'] > 1 ? 's' : '' ?>
                    </strong>
                    <small>Affecté<?= (int)$professor['nb_groupes'] > 1 ? 's' : '' ?></small>
                </div>
            </div>

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

                <span class="mini-status <?= $professor['droit_image'] !== 'non_renseigne' ? 'ok' : 'missing' ?>">
                    Image
                </span>
            </div>

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