Add listings/annonces feature: matrix view, ad content storage, copy-paste

templates/index.html

@@ -16,6 +16,7 @@
     <a class="nav-item" data-section="clients">👥 Clients</a>
     <a class="nav-item" data-section="rentals">📋 Locations</a>
     <a class="nav-item" data-section="calendar">📅 Calendrier</a>
+    <a class="nav-item" data-section="listings">📢 Annonces</a>
     <a class="nav-item" data-section="settings">⚙️ Paramètres</a>
   </nav>
 
@@ -78,6 +79,15 @@
       <div id="calendar-wrap"></div>
     </section>
 
+    <!-- ANNONCES -->
+    <section id="section-listings" class="section hidden">
+      <div class="section-header">
+        <h2>Annonces par plateforme</h2>
+        <div style="font-size:.8rem;color:var(--muted)">Cliquez sur une cellule pour gérer l'annonce</div>
+      </div>
+      <div id="listings-matrix"></div>
+    </section>
+
     <!-- PARAMÈTRES -->
     <section id="section-settings" class="section hidden">
       <h2>Paramètres — Plateformes</h2>
@@ -216,6 +226,34 @@
   </div>
 </div>
 
+<!-- MODAL ANNONCE -->
+<div id="modal-listing" class="modal hidden">
+  <div class="modal-box card">
+    <h2 id="modal-listing-title">Annonce</h2>
+    <input type="hidden" id="listing-id"/>
+    <input type="hidden" id="listing-tool-id"/>
+    <input type="hidden" id="listing-platform-id"/>
+    <div class="listing-meta" id="listing-meta" style="color:var(--muted);font-size:.85rem;margin-bottom:4px"></div>
+    <label>Titre de l'annonce</label>
+    <input type="text" id="listing-title" placeholder="Ex: Perceuse Bosch à louer — 20€/j"/>
+    <label>Description</label>
+    <textarea id="listing-desc" rows="5" placeholder="Texte de l'annonce à copier-coller sur la plateforme…"></textarea>
+    <label>Prix affiché (€)</label>
+    <input type="number" id="listing-price" min="0" step="0.5" placeholder="Laisser vide = prix standard"/>
+    <label>Lien de l'annonce</label>
+    <input type="text" id="listing-url" placeholder="https://www.leboncoin.fr/…"/>
+    <label>Notes</label>
+    <input type="text" id="listing-notes" placeholder="Ex: expire le 15/06, renouveler chaque mois…"/>
+    <label><input type="checkbox" id="listing-active"/> Annonce active (en ligne)</label>
+    <div class="modal-actions">
+      <button class="btn btn-ghost" onclick="closeModal('modal-listing')">Annuler</button>
+      <button class="btn btn-danger" id="btn-listing-delete" style="display:none">Supprimer</button>
+      <button class="btn btn-ghost" id="btn-listing-copy" style="display:none" onclick="copyListingText()">📋 Copier</button>
+      <button class="btn btn-primary" onclick="saveListing()">Enregistrer</button>
+    </div>
+  </div>
+</div>
+
 <!-- LIGHTBOX -->
 <div id="lightbox" class="lightbox hidden">
   <div class="lightbox-overlay" onclick="closeLightbox()"></div>