finish photos on bijou rapport

gestion/src/css/mycss.css

@@ -86,3 +86,16 @@ table.dataTable.display tbody tr.even > [class*="sorting_"] {
   border-color: black rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) !important; 
   margin-top: -4px !important;
 }
+
+.radio-group {
+  display: flex;
+  align-items: center;
+  gap: 15px;
+}
+
+.radio-group label {
+  display: flex;
+  align-items: center;
+  gap: 5px; 
+  cursor: pointer;
+}

gestion/src/js/defuntShow.js

@@ -16,6 +16,7 @@ let sortedBibliothequesProduits = [];
 window.addEventListener("DOMContentLoaded", function () {
     var defuntid = $('#defuntid').data('id');
 
+
     globalConfiguration();
     getBibliotheques(loadBibliotheques);
     getObservationsById();
@@ -70,9 +71,37 @@ window.addEventListener("DOMContentLoaded", function () {
 
     var pacemakerBtn = document.getElementById("pacemakerBtn");
     var rapportSoinBtn = document.getElementById("rapportSoinBtn");
-    var rapportBijouxBtn = document.getElementById("rapportBijouxBtn");
+    // var rapportBijouxBtn = document.getElementById("rapportBijouxBtn");
     var exportCareCertificateButton = document.getElementById("exportCareCertificate");
     var setDefuntCoverButton = this.document.getElementById("coverProductsRadioButton");
+    var exportBijouxRapport = this.document.getElementById("exportBijouxRapport");
+
+    var showRapportBijouxExportModalButton = this.document.getElementById("showRapportBijouxExportModal");
+    var closeRapportBijouxModalButton = this.document.getElementById("closeRapportBijouxModal");
+    
+    closeRapportBijouxModalButton.addEventListener("click",function(){
+        $('#saveRapportBijouxModal').hide();
+    })
+    showRapportBijouxExportModalButton.addEventListener("click",function(){
+        $('#saveRapportBijouxModal').show();
+    })
+
+    exportBijouxRapport.addEventListener("click",function(){
+        const rapportWithPhotosRadio = document.getElementsByName('withProducts');
+        let selectedValue = "0";
+        for (const radio of rapportWithPhotosRadio) {
+            if (radio.checked) {
+                selectedValue = radio.value;
+                break;
+            }
+        }
+        saveRapportBijoux({ 
+            numdefunt: defuntid,
+            withPhotos: selectedValue 
+        });
+        $('#saveRapportBijouxModal').hide();
+
+    });
 
     setDefuntCoverButton.addEventListener("click",function(){
         const productCoverRadios = document.getElementsByName('coverProductsRadioButton');

gestion/templates/content/defuntshow.php

@@ -460,6 +460,29 @@
   <hr>
   <div class="d-flex">
     <button id="rapportSoinBtn" class="btn btn-secondary" type="button">Générer le rapport de soins</button>
-    <button id="rapportBijouxBtn" class="btn btn-secondary" type="button">Générer le rapport des bijoux</button>
+    <button id="showRapportBijouxExportModal" class="btn btn-secondary" type="button" data-toggle="modal" data-target="#saveRapportBijouxModal">Générer le rapport des bijoux</button>
   </div>
+  <div class="modal" id="saveRapportBijouxModal" tabindex="-1">
+      <div class="modal-dialog">
+        <div class="modal-content">
+          <div class="modal-header">
+            <h5 class="modal-title">Générer le rapport de bijoux</h5>
+          </div>
+          <div class="modal-body">
+            <div class="radio-group">
+              <label>
+                <input type="radio" name="withProducts" value="1"> Avec photos
+              </label>
+              <label>
+                <input type="radio" name="withProducts" value="0"> Sans photos
+              </label>
+            </div>
+          </div>
+          <div class="modal-footer">
+            <button id="closeRapportBijouxModal" type="button" class="btn btn-secondary">Annuler</button>
+            <button id="exportBijouxRapport" type="button" class="btn btn-primary">Sauvegarder</button>
+          </div>
+        </div>
+      </div>
+    </div>
 </div>