Impression : affiche photos restantes sur le rouleau avant validation

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

frontend/js/share.js

@@ -2,18 +2,31 @@
 
 let nbExemplaires = 1;
 let copiesMax = 2;
+let _restantActuel = null;
 
 function _masquerBoutonsBas(masquer) {
   const bas = document.querySelector('#ecran-partage .partage-bas');
   if (bas) bas.style.display = masquer ? 'none' : '';
 }
 
+async function _majRestantImpression() {
+  const el = document.getElementById('impression-restant');
+  if (!el) return;
+  try {
+    const etat = await apiGet('/api/compteur');
+    _restantActuel = etat.restantes;
+    const apres = Math.max(0, _restantActuel - nbExemplaires);
+    el.textContent = `${apres} photo(s) restante(s) sur le rouleau`;
+  } catch (e) { el.textContent = ''; }
+}
+
 async function ouvrirImpression() {
   copiesMax = config.impression?.copies_max || 2;
   nbExemplaires = 1;
   document.getElementById('nb-exemplaires').textContent = nbExemplaires;
   cadreChoisi = null;
   _masquerBoutonsBas(true);
+  _majRestantImpression();
 
   if (modeActuel === 'multi') {
     document.getElementById('form-impression').classList.remove('cache');
@@ -109,6 +122,10 @@ async function chargerCadresChoixImpression() {
 function changerExemplaires(delta) {
   nbExemplaires = Math.max(1, Math.min(copiesMax, nbExemplaires + delta));
   document.getElementById('nb-exemplaires').textContent = nbExemplaires;
+  if (_restantActuel !== null) {
+    const apres = Math.max(0, _restantActuel - nbExemplaires);
+    document.getElementById('impression-restant').textContent = `${apres} photo(s) restante(s) sur le rouleau`;
+  }
 }
 
 async function lancerImpression() {