HTMLify
gestion.html
Views: 4 | Author: karbonsites
1 2 3 4 5 6 | <!DOCTYPE html><html lang="fr"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Gestion & Ajout - Flambeau Booster</title><link rel="stylesheet" href="style.css"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"></head><body><header class="header"><div class="container nav-container"><a href="index.html" class="logo"><div class="logo-container"><div class="flambeau-logo"><i class="fa-solid fa-fire-flame-curved"></i></div>Flambeau <span>Booster</span></div><div class="logo-slogan">plus qu’un booster, votre visibilité prend feu !</div></a><nav class="nav-menu"><a href="index.html">Accueil</a><div class="dropdown"><a href="#" class="dropdown-toggle">Offres & Espaces <i class="fa-solid fa-chevron-down" style="font-size:0.75rem;"></i></a><div class="dropdown-menu"><a href="catalogue.html"><i class="fa-solid fa-house-chimney"></i> Catalogue Immobilier</a><a href="voitures.html"><i class="fa-solid fa-car-side"></i> Location & Achat Voitures</a><a href="entrepreneuriat.html"><i class="fa-solid fa-briefcase"></i> Entrepreneuriat & Opportunités</a><a href="publicite.html"><i class="fa-solid fa-rectangle-ad"></i> Publicité & Annonces</a><a href="reseaux-sociaux.html"><i class="fa-solid fa-share-nodes"></i> Espaces TikTok, FB & Chaînes</a><a href="publier-projet.html"><i class="fa-solid fa-lightbulb"></i> + Présenter mon projet</a></div></div><div class="dropdown"><a href="#" class="dropdown-toggle">Réseau & Équipe <i class="fa-solid fa-chevron-down" style="font-size:0.75rem;"></i></a><div class="dropdown-menu"><a href="carte.html"><i class="fa-solid fa-map-location-dot"></i> Carte & Localisation</a><a href="agents.html"><i class="fa-solid fa-user-tie"></i> Nos Agents</a><a href="partenariat.html"><i class="fa-solid fa-handshake"></i> Partenariat</a></div></div><a href="gestion.html" class="active" style="color: var(--primary); font-weight:700;"><i class="fa-solid fa-user-gear"></i> Gestion & Add</a><a href="contact.html">Contact</a></nav><div class="hamburger"><i class="fa-solid fa-bars"></i></div></div></header><main><section class="page-header container"><h1>Gestion des Agents & Partenaires</h1><p>Ajoutez de nouveaux agents ou partenaires et consultez la base de données de vos enregistrements</p></section><section class="container gestion-section" style="padding: 2rem 0 5rem;"><div class="contact-grid"><div class="payment-card-box"><h3><i class="fa-solid fa-user-plus"></i> Ajouter un Nouvel Agent</h3><form id="addAgentForm"><div class="form-group"><label>Nom Complet de l'Agent</label><input type="text" id="agentName" placeholder="ex: Christian Kabeya" required></div><div class="form-group"><label>Rôle / Poste</label><input type="text" id="agentRole" placeholder="ex: Agent Publicité & Réseaux" required></div><div class="form-group"><label>Ville (Lubumbashi, Likasi, Kolwezi)</label><input type="text" id="agentCity" placeholder="Lubumbashi" required></div><div class="form-group"><label>Téléphone / WhatsApp</label><input type="tel" id="agentPhone" placeholder="+243..." required></div><div class="form-group"><label>Capture photo ou URL de la Photo</label><div style="display:flex; gap:1rem; align-items:center;"><button type="button" id="captureAgentBtn" class="btn btn-outline" style="display:inline-flex; align-items:center; gap:0.5rem;"><i class="fa-solid fa-camera"></i> Prendre une photo</button><span id="captureAgentStatus" style="font-size:0.9rem; color:var(--gray);">Aucune photo capturée</span></div><input type="url" id="agentImg" placeholder="https://images.unsplash.com/..." required style="margin-top:0.5rem;"></div><div id="cameraAgentPreviewContainer" style="display:none; margin-bottom:1.5rem; text-align:center; background:#000; border-radius:8px; overflow:hidden; position:relative;"><video id="cameraAgentVideo" autoplay playsinline style="width:100%; max-height:250px; object-fit:cover;"></video><button type="button" id="takeAgentSnapshotBtn" class="btn btn-primary" style="position:absolute; bottom:15px; left:50%; transform:translateX(-50%);"><i class="fa-solid fa-camera-retro"></i> Capturer</button><canvas id="cameraAgentCanvas" style="display:none;"></canvas></div><button type="submit" class="btn btn-primary"><i class="fa-solid fa-plus"></i> Enregistrer l'Agent</button></form></div><div class="payment-card-box"><h3><i class="fa-solid fa-handshake-angle"></i> Enregistrer un Partenaire</h3><form id="addPartnerForm"><div class="form-group"><label>Nom de l'Entreprise / Partenaire</label><input type="text" id="partName" placeholder="ex: Katanga Motors SARL" required></div><div class="form-group"><label>Type de Partenariat</label><select id="partType" required><option>Propriétaire Immobilier</option><option>Fournisseur Flotte Auto</option><option>Incubateur / Entrepreneuriat</option><option>Annonceur / Publicité & Réseaux Sociaux</option><option>Investisseur Stratégique</option></select></div><div class="form-group"><label>Contact Email / Téléphone</label><input type="text" id="partContact" placeholder="contact@partenaire.com" required></div><button type="submit" class="btn btn-primary"><i class="fa-solid fa-plus"></i> Enregistrer le Partenaire</button></form></div></div><div class="saved-lists container" style="margin-top: 4rem;"><div class="section-title"><h2>Base de Données des Enregistrements (Agents & Partenaires)</h2><p>Consultez en temps réel tous les enregistrements stockés dans la base de données locale</p></div><div style="display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; margin-top:2rem;"><div class="payment-card-box"><h3><i class="fa-solid fa-user-tie"></i> Agents Enregistrés (<span id="agentCount">0</span>)</h3><div id="agentsDbList" style="margin-top: 1rem; max-height: 350px; overflow-y: auto;"><p id="noAgentDbMsg" style="color:var(--gray);">Aucun agent enregistré pour l'instant.</p></div></div><div class="payment-card-box"><h3><i class="fa-solid fa-handshake"></i> Partenaires Enregistrés (<span id="partnerCount">0</span>)</h3><div id="partnersDbList" style="margin-top: 1rem; max-height: 350px; overflow-y: auto;"><p id="noPartnerDbMsg" style="color:var(--gray);">Aucun partenaire enregistré pour l'instant.</p></div></div></div></div></section></main><footer class="footer slide-footer"><div class="footer-toggle-bar"><div class="container footer-toggle-content"><span><i class="fa-solid fa-chevron-up" id="footerToggleIcon"></i> Informations & Contact Flambeau Booster</span><button class="footer-toggle-btn" id="footerToggleBtn">Afficher le bas de page</button></div></div><div class="footer-sliding-panel" id="footerPanel"><div class="container footer-grid"><div class="footer-col"><h3><div class="flambeau-logo" style="display:inline-flex;margin-right:8px;"><i class="fa-solid fa-fire-flame-curved"></i></div>Flambeau <span>Booster</span></h3><p>Votre partenaire de confiance.</p></div><div class="footer-col"><h4>Espaces de Navigation</h4><ul><li><a href="index.html">Accueil</a></li><li><a href="catalogue.html">Catalogue Immobilier</a></li><li><a href="voitures.html">Location & Achat Voitures</a></li><li><a href="entrepreneuriat.html">Entrepreneuriat & Opportunités</a></li><li><a href="publicite.html">Publicité & Annonces</a></li><li><a href="reseaux-sociaux.html">Espaces TikTok, FB & Chaînes</a></li><li><a href="publier-projet.html">+ Présenter mon projet</a></li><li><a href="carte.html">Carte interactive</a></li><li><a href="agents.html">Nos Agents</a></li><li><a href="partenariat.html">Partenariat</a></li><li><a href="gestion.html">Gestion & Add Agents/Partenaires</a></li><li><a href="contact.html">Contact</a></li></ul></div><div class="footer-col"><h4>Contactez-nous</h4><p><i class="fa-solid fa-location-dot"></i> Lubumbashi</p><p><i class="fa-solid fa-phone"></i> <a href="tel:+243980902677">+243 98 090 2677</a> / <a href="tel:+243827601149">+243 82 760 1149</a></p><p><i class="fa-solid fa-envelope"></i> <a href="mailto:contact@flambeauboosterdrc.com">contact@flambeauboosterdrc.com</a></p></div></div><div class="footer-bottom"><p>© 2024 Flambeau Booster.</p></div></div></footer><div id="globalLoader" class="global-loader"><div class="loader-spinner"></div><p>Traitement en cours...</p></div><a href="https://wa.me/243980902677?text=Bonjour%20Flambeau%20Booster,%20je%20gère%20les%20agents." class="whatsapp-float" target="_blank" aria-label="Contactez-nous sur WhatsApp"><i class="fa-brands fa-whatsapp"></i></a><script src="script.js" defer></script> <a href="https://karbonsites.space/home" target="_blank" id="karbon-promo-banner"> <span>✨</span> <div>Built with <b>Karbon Sites</b></div> </a> </body></html> |