Choix du nombre d'exemplaires a l'impression

- Boutons +/- pour choisir le nombre d'exemplaires (1 a copies_max)
- copies_max configurable dans le backoffice (defaut: 5)
- Backend limite les copies au max configure

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

frontend/css/style.css

@@ -369,6 +369,55 @@ html, body {
   font-size: 2.5rem;
 }
 
+/* Choix exemplaires impression */
+.form-impression {
+  display: flex;
+  gap: 1rem;
+  align-items: center;
+  margin: 1rem 0;
+}
+
+.exemplaires-choix {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+
+.btn-exemplaire {
+  width: 48px;
+  height: 48px;
+  border-radius: 50%;
+  border: 2px solid var(--primaire);
+  background: transparent;
+  color: var(--primaire);
+  font-size: 1.5rem;
+  font-weight: 700;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: var(--transition);
+}
+
+.btn-exemplaire:active {
+  background: var(--primaire);
+  color: #fff;
+  transform: scale(0.9);
+}
+
+#nb-exemplaires {
+  font-size: 2.5rem;
+  font-weight: 700;
+  color: var(--texte);
+  min-width: 50px;
+  text-align: center;
+}
+
+.exemplaires-label {
+  color: var(--texte-secondaire);
+  font-size: 1rem;
+}
+
 .form-email {
   display: flex;
   gap: 0.8rem;

frontend/index.html

@@ -77,7 +77,7 @@
         <img id="photo-partage" src="" alt="Photo">
       </div>
       <div class="grille-partage">
-        <button class="btn-partage" id="btn-imprimer" onclick="lancerImpression()">
+        <button class="btn-partage" id="btn-imprimer" onclick="ouvrirImpression()">
           <div class="partage-icone">&#128424;</div>
           <span>Imprimer</span>
         </button>
@@ -90,6 +90,17 @@
           <span>QR Code</span>
         </button>
       </div>
+      <!-- Choix exemplaires impression -->
+      <div id="form-impression" class="form-impression cache">
+        <div class="exemplaires-choix">
+          <button class="btn-exemplaire" onclick="changerExemplaires(-1)">-</button>
+          <span id="nb-exemplaires">1</span>
+          <button class="btn-exemplaire" onclick="changerExemplaires(1)">+</button>
+        </div>
+        <span class="exemplaires-label">exemplaire(s)</span>
+        <button class="btn-action" onclick="lancerImpression()">Imprimer</button>
+        <button class="btn-secondaire" onclick="fermerImpression()">Annuler</button>
+      </div>
       <div id="form-email" class="form-email cache">
         <input type="email" id="input-email" placeholder="votre@email.com" autocomplete="off">
         <button class="btn-action" onclick="envoyerEmail()">Envoyer</button>
@@ -156,8 +167,8 @@
             <button class="btn-secondaire btn-petit" onclick="rafraichirImprimantes()">Rafraichir</button>
           </div>
           <div class="champ">
-            <label>Copies par impression</label>
-            <input type="number" id="admin-copies" min="1" max="5" value="1">
+            <label>Nombre max d'exemplaires</label>
+            <input type="number" id="admin-copies-max" min="1" max="20" value="5">
           </div>
           <button class="btn-action" onclick="sauvegarderMateriel()">Sauvegarder</button>
         </div>

frontend/js/admin.js

@@ -54,7 +54,7 @@ async function chargerMateriel() {
   // Imprimantes
   await rafraichirImprimantes();
   if (imp.imprimante) document.getElementById('admin-imprimante').value = imp.imprimante;
-  setValue('admin-copies', imp.copies || 1);
+  setValue('admin-copies-max', imp.copies_max || 5);
 }
 
 async function rafraichirImprimantes() {
@@ -82,7 +82,7 @@ async function sauvegarderMateriel() {
     },
     impression: {
       imprimante: getValue('admin-imprimante'),
-      copies: parseInt(getValue('admin-copies')) || 1,
+      copies_max: parseInt(getValue('admin-copies-max')) || 5,
     },
   });
   afficherStatut('Materiel sauvegarde', 'succes');

frontend/js/share.js

@@ -1,11 +1,31 @@
 /* Module partage - Impression, email, QR code */
 
+let nbExemplaires = 1;
+let copiesMax = 5;
+
+function ouvrirImpression() {
+  copiesMax = config.impression?.copies_max || 5;
+  nbExemplaires = 1;
+  document.getElementById('nb-exemplaires').textContent = nbExemplaires;
+  document.getElementById('form-impression').classList.remove('cache');
+}
+
+function fermerImpression() {
+  document.getElementById('form-impression').classList.add('cache');
+}
+
+function changerExemplaires(delta) {
+  nbExemplaires = Math.max(1, Math.min(copiesMax, nbExemplaires + delta));
+  document.getElementById('nb-exemplaires').textContent = nbExemplaires;
+}
+
 async function lancerImpression() {
   if (!photoFinale) return;
-  afficherStatut('Impression en cours...', 'succes');
-  const resultat = await apiPost('/api/imprimer', { photo: photoFinale });
+  fermerImpression();
+  afficherStatut(`Impression de ${nbExemplaires} exemplaire(s)...`, 'succes');
+  const resultat = await apiPost('/api/imprimer', { photo: photoFinale, copies: nbExemplaires });
   if (resultat.succes) {
-    afficherStatut('Photo envoyee a l\'imprimante !', 'succes');
+    afficherStatut(`${nbExemplaires} exemplaire(s) envoye(s) a l'imprimante !`, 'succes');
   } else {
     afficherStatut('Erreur d\'impression', 'erreur');
   }