feat: Add Oscar year to movies and admin management

Co-authored-by: mathieumoran1 <[email protected]>

public/control.html

@@ -60,6 +60,11 @@
   <div id="response" class="alert d-none" role="alert"></div>
 
   <form id="add-movie-form" class="card p-3">
+    <div class="mb-3">
+      <label for="oscar_year" class="form-label">Oscar year</label>
+      <input type="number" class="form-control" id="oscar_year" placeholder="2026" min="1900" max="3000" required>
+      <div class="form-text">Permet de séparer les films et les stats par année.</div>
+    </div>
     <div class="mb-3">
       <label for="imdb_id" class="form-label">IMDB ID (ex: tt1234567)</label>
       <input type="text" class="form-control" id="imdb_id" placeholder="tt..." required>
@@ -77,6 +82,54 @@
       <button type="button" id="reset-form" class="btn btn-outline-secondary">Reset</button>
     </div>
   </form>
+
+  <hr class="my-4">
+
+  <h2>Admin - Gérer les films</h2>
+  <p class="text-muted mb-3">
+    Sélectionne une année, puis coche les films à supprimer.
+  </p>
+
+  <div class="card p-3">
+    <div class="row g-2 align-items-end">
+      <div class="col-md-6">
+        <label for="manage_year" class="form-label">Oscar year</label>
+        <select id="manage_year" class="form-select">
+          <option value="">Toutes</option>
+        </select>
+      </div>
+      <div class="col-md-6 d-flex gap-2">
+        <button type="button" id="refresh-movies" class="btn btn-outline-primary w-100">Rafraîchir</button>
+        <button type="button" id="delete-selected" class="btn btn-danger w-100" disabled>Supprimer la sélection</button>
+      </div>
+    </div>
+
+    <div class="mt-3">
+      <div class="d-flex justify-content-between align-items-center">
+        <div class="form-check">
+          <input class="form-check-input" type="checkbox" id="select-all-movies">
+          <label class="form-check-label" for="select-all-movies">Tout sélectionner</label>
+        </div>
+        <small class="text-muted"><span id="selected-count">0</span> sélectionné(s)</small>
+      </div>
+    </div>
+
+    <div class="table-responsive mt-2">
+      <table class="table table-sm align-middle mb-0">
+        <thead>
+          <tr>
+            <th style="width: 1%;">Sel.</th>
+            <th>Titre</th>
+            <th style="width: 20%;">Catégorie</th>
+            <th style="width: 12%;">Année</th>
+          </tr>
+        </thead>
+        <tbody id="admin-movies-body">
+          <tr><td colspan="4" class="text-muted">Charge la liste…</td></tr>
+        </tbody>
+      </table>
+    </div>
+  </div>
 </div>
 
 <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>