<?php
/* Vue Médias (formulaire d'ajout + galerie groupée par album) — variables
   fournies par public/admin/medias.php : $albums (tableau [album => médias],
   ordre alphabétique d'album puis position/id), $nomsAlbums (clés de
   $albums, pour la <datalist>), $valeurs (album/legende/position à
   réafficher dans le formulaire), $erreur (string|null), $succes (bool,
   PRG ?ok=1). Pas de mode édition ici (contrairement aux actualités) :
   un média se remplace en le supprimant puis en le rajoutant. */
?>
<h1>Médias</h1>

<?php if ($succes): ?>
  <p class="bandeau-info">Modifications enregistrées.</p>
<?php endif; ?>
<?php if ($erreur): ?>
  <p class="bandeau-erreur"><?= htmlspecialchars($erreur) ?></p>
<?php endif; ?>

<div class="fiche-groupe">
  <h2>Ajouter un média</h2>
  <form method="post" action="/admin/medias.php" enctype="multipart/form-data">
    <input type="hidden" name="action" value="ajouter">
    <div class="champ">
      <label for="fichier">Image (JPG ou PNG, 5 Mo maximum)</label>
      <input type="file" id="fichier" name="fichier" required accept=".jpg,.jpeg,.png,image/jpeg,image/png">
    </div>
    <div class="champ">
      <label for="album">Album</label>
      <input type="text" id="album" name="album" required maxlength="100" list="albums-existants" value="<?= htmlspecialchars($valeurs['album']) ?>">
      <datalist id="albums-existants">
        <?php foreach ($nomsAlbums as $nomAlbum): ?>
          <option value="<?= htmlspecialchars($nomAlbum) ?>">
        <?php endforeach; ?>
      </datalist>
    </div>
    <div class="champ">
      <label for="legende">Légende (facultatif)</label>
      <input type="text" id="legende" name="legende" maxlength="200" value="<?= htmlspecialchars($valeurs['legende']) ?>">
    </div>
    <div class="champ">
      <label for="position">Position (ordre d'affichage dans l'album, 0 = premier)</label>
      <input type="number" id="position" name="position" min="0" step="1" value="<?= (int)$valeurs['position'] ?>">
    </div>
    <div class="groupe-boutons">
      <button type="submit" class="btn-cta">Ajouter le média</button>
    </div>
  </form>
</div>

<?php if (!$albums): ?>
  <p class="bandeau-info">Aucun média pour le moment.</p>
<?php else: ?>
  <?php foreach ($albums as $nomAlbum => $mediasAlbum): ?>
    <div class="fiche-groupe">
      <h2><?= htmlspecialchars($nomAlbum) ?></h2>
      <div class="grille-galerie">
        <?php foreach ($mediasAlbum as $m): ?>
          <figure class="carte-galerie">
            <div class="cadre-image"><img src="/uploads/medias/<?= htmlspecialchars($m['fichier']) ?>" alt="<?= htmlspecialchars($m['legende'] ?? $nomAlbum) ?>" loading="lazy"></div>
            <figcaption>
              <?= htmlspecialchars($m['legende'] ?? '') ?>
              <span class="aide">position <?= (int)$m['position'] ?></span>
              <form method="post" action="/admin/medias.php" onsubmit="return confirm('Supprimer définitivement ce média ?');">
                <input type="hidden" name="id" value="<?= (int)$m['id'] ?>">
                <input type="hidden" name="action" value="supprimer">
                <button type="submit" class="lien-action lien-danger">Supprimer</button>
              </form>
            </figcaption>
          </figure>
        <?php endforeach; ?>
      </div>
    </div>
  <?php endforeach; ?>
<?php endif; ?>
