xamxam/app/templates/admin/index-table.php

<?php
$sortParams = array_filter([
    'search'      => $searchQuery,
    'year'        => $yearFilter ?: '',
    'orientation' => $orientationFilter ?: '',
    'ap'          => $apFilter ?: '',
]);

$sortLink = function(string $col) use ($sortCol, $sortDir, $sortParams): string {
    $params = $sortParams;
    $params['sort'] = $col;
    $params['dir']  = ($sortCol === $col && $sortDir === 'desc') ? 'asc' : 'desc';
    return '/admin/?' . http_build_query($params);
};

$sortArrow = function(string $col) use ($sortCol, $sortDir): string {
    if ($sortCol !== $col) return '';
    return $sortDir === 'asc' ? ' ↑' : ' ↓';
};
?>

<div id="admin-table-wrap">

<!-- Hidden state for HTMX to preserve sort across filter changes -->
<input type="hidden" name="sort" value="<?= htmlspecialchars($sortCol) ?>">
<input type="hidden" name="dir"  value="<?= htmlspecialchars($sortDir) ?>">

<!-- Meta bar: shows either nothing (default) or bulk actions on selection -->
<div id="bulk-actions" class="admin-bulk-actions" style="display:none">
    <strong><span id="selected-count">0</span> TFE(s) sélectionné(s)</strong>
    <div class="admin-bulk-btns">
        <button type="button" class="btn btn--sm btn--green admin-btn-publish" onclick="confirmBulk('publish')">Publier</button>
        <button type="button" class="btn btn--sm btn--muted admin-btn-unpublish" onclick="confirmBulk('unpublish')">Dépublier</button>
        <button type="button" class="btn btn--sm" onclick="confirmExport()">Exporter CSV</button>
        <button type="button" class="btn btn--sm" onclick="confirmExportFiles()">Exporter fichiers</button>
        <button type="button" class="btn btn--sm btn--red admin-btn-delete" onclick="confirmBulk('delete')">Supprimer</button>
    </div>
</div>

<form id="bulk-form" method="post" action="actions/publish.php">
<input type="hidden" name="csrf_token" value="<?= htmlspecialchars($_SESSION['csrf_token']) ?>">
<input type="hidden" id="bulk-action-input" name="action" value="">
<input type="hidden" name="bulk" value="1">
<div id="bulk-checkboxes"></div>
</form>

<table class="admin-table--sticky">
    <thead>
        <tr>
            <th scope="col"><input type="checkbox" onchange="toggleAll(this)"></th>
            <th scope="col"><a href="<?= $sortLink('identifier') ?>" class="admin-sort-link" hx-get="<?= htmlspecialchars($sortLink('identifier')) ?>" hx-target="#admin-table-wrap" hx-swap="innerHTML" hx-indicator="#admin-search-indicator" hx-push-url="true">ID<?= $sortArrow('identifier') ?></a></th>
            <th scope="col"><a href="<?= $sortLink('title') ?>" class="admin-sort-link" hx-get="<?= htmlspecialchars($sortLink('title')) ?>" hx-target="#admin-table-wrap" hx-swap="innerHTML" hx-indicator="#admin-search-indicator" hx-push-url="true">Titre<?= $sortArrow('title') ?></a></th>
            <th scope="col"><a href="<?= $sortLink('authors') ?>" class="admin-sort-link" hx-get="<?= htmlspecialchars($sortLink('authors')) ?>" hx-target="#admin-table-wrap" hx-swap="innerHTML" hx-indicator="#admin-search-indicator" hx-push-url="true">Auteur(s)<?= $sortArrow('authors') ?></a></th>
            <th scope="col"><a href="<?= $sortLink('year') ?>" class="admin-sort-link" hx-get="<?= htmlspecialchars($sortLink('year')) ?>" hx-target="#admin-table-wrap" hx-swap="innerHTML" hx-indicator="#admin-search-indicator" hx-push-url="true">Année<?= $sortArrow('year') ?></a></th>
            <th scope="col"><a href="<?= $sortLink('orientation') ?>" class="admin-sort-link" hx-get="<?= htmlspecialchars($sortLink('orientation')) ?>" hx-target="#admin-table-wrap" hx-swap="innerHTML" hx-indicator="#admin-search-indicator" hx-push-url="true">Orientation<?= $sortArrow('orientation') ?></a></th>
            <th scope="col"><a href="<?= $sortLink('ap_program') ?>" class="admin-sort-link" hx-get="<?= htmlspecialchars($sortLink('ap_program')) ?>" hx-target="#admin-table-wrap" hx-swap="innerHTML" hx-indicator="#admin-search-indicator" hx-push-url="true">AP<?= $sortArrow('ap_program') ?></a></th>
            <th scope="col"><a href="<?= $sortLink('is_published') ?>" class="admin-sort-link" hx-get="<?= htmlspecialchars($sortLink('is_published')) ?>" hx-target="#admin-table-wrap" hx-swap="innerHTML" hx-indicator="#admin-search-indicator" hx-push-url="true">Publié<?= $sortArrow('is_published') ?></a></th>
            <th scope="col"><a href="<?= $sortLink('access_type') ?>" class="admin-sort-link" hx-get="<?= htmlspecialchars($sortLink('access_type')) ?>" hx-target="#admin-table-wrap" hx-swap="innerHTML" hx-indicator="#admin-search-indicator" hx-push-url="true">Accès<?= $sortArrow('access_type') ?></a></th>
            <th scope="col">Actions</th>
        </tr>
    </thead>
    <tbody>
        <?php if (empty($theses)): ?>
        <tr>
            <td colspan="10" class="admin-empty">Aucun TFE trouvé.</td>
        </tr>
        <?php else: ?>
        <?php foreach ($theses as $thesis): ?>
        <tr class="admin-table-row" onclick="event.stopPropagation(); window.location='/admin/recapitulatif.php?id=<?= $thesis['id'] ?>'" style="cursor:pointer">
            <td onclick="event.stopPropagation()"><input type="checkbox" name="selected_theses[]" value="<?= $thesis['id'] ?>"></td>
            <td class="admin-table-id"><?= htmlspecialchars($thesis['identifier'] ?? $thesis['id']) ?></td>
            <td>
                <div class="thesis-title" title="<?= htmlspecialchars($thesis['title']) ?>"><?= htmlspecialchars($thesis['title']) ?></div>
            </td>
            <td><?= htmlspecialchars($thesis['authors'] ?? 'N/A') ?></td>
            <td><?= $thesis['year'] ?></td>
            <td class="admin-na"><?= htmlspecialchars($thesis['orientation'] ?? 'N/A') ?></td>
            <td class="admin-na admin-ap-col"><?= htmlspecialchars($thesis['ap_program'] ?? 'N/A') ?></td>
            <td>
                <?php $badgeType = 'publish'; $badgeValue = $thesis['is_published']; include APP_ROOT . '/templates/partials/status-badge.php'; ?>
            </td>
            <td>
                <?php if (!empty($thesis['access_type'])): ?>
                    <?php $badgeType = 'access'; $badgeValue = $thesis['access_type']; include APP_ROOT . '/templates/partials/status-badge.php'; ?>
                <?php endif; ?>
            </td>
            <td class="admin-actions-col">
                <div class="admin-actions">
                    <a href="/admin/edit.php?id=<?= $thesis['id'] ?>" class="admin-icon-btn admin-icon-btn--edit" title="Éditer" onclick="event.stopPropagation()">
                        <img src="/assets/icons/pencil-note.svg" width="32" height="32" alt="" aria-hidden="true">
                    </a>
                    <form method="post" action="actions/publish.php" class="publish-form" onclick="event.stopPropagation()">
                        <input type="hidden" name="csrf_token" value="<?= htmlspecialchars($_SESSION['csrf_token']) ?>">
                        <input type="hidden" name="thesis_id" value="<?= $thesis['id'] ?>">
                        <?php if ($thesis['is_published']): ?>
                            <input type="hidden" name="action" value="unpublish">
                            <button type="submit" class="admin-icon-btn admin-icon-btn--unpublish" title="Dépublier">
                                <img src="/assets/icons/eye-slash.svg" width="32" height="32" alt="" aria-hidden="true">
                            </button>
                        <?php else: ?>
                            <input type="hidden" name="action" value="publish">
                            <button type="submit" class="admin-icon-btn admin-icon-btn--publish" title="Publier">
                                <img src="/assets/icons/eye.svg" width="32" height="32" alt="" aria-hidden="true">
                            </button>
                        <?php endif; ?>
                    </form>
                    <form method="post" action="actions/delete.php" id="delete-form-<?= $thesis['id'] ?>" class="publish-form" onclick="event.stopPropagation()">
                        <input type="hidden" name="csrf_token" value="<?= htmlspecialchars($_SESSION['csrf_token']) ?>">
                        <input type="hidden" name="thesis_id" value="<?= $thesis['id'] ?>">
                        <button type="button" class="admin-icon-btn admin-icon-btn--delete" title="Supprimer"
                                onclick="event.stopPropagation(); confirmDelete(<?= $thesis['id'] ?>, <?= htmlspecialchars(json_encode($thesis['title']), ENT_QUOTES) ?>)">
                            <img src="/assets/icons/trash.svg" width="32" height="32" alt="" aria-hidden="true">
                        </button>
                    </form>
                </div>
            </td>
        </tr>
        <?php endforeach; ?>
        <?php endif; ?>
    </tbody>
</table>

<script>
document.querySelectorAll('input[name="selected_theses[]"]').forEach(cb => cb.addEventListener('change', updateBulk));
</script>
</div>