HTMLify
fees.html
Views: 42 | 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>Frais Scolaires - EduManage Pro</title><link rel="stylesheet" href="style.css"><script src="script.js" defer></script></head><body><header class="navbar"><div class="logo">EduManage<span>Pro</span></div><nav><ul><li><a href="index.html">Accueil</a></li><li><a href="students.html">Élèves</a></li><li><a href="teachers.html">Enseignants</a></li><li><a href="grades.html">Notes</a></li><li><a href="fees.html" class="active">Frais Scolaires</a></li><li><a href="reports.html">Rapports</a></li><li><a href="idcard.html">Carte d'Élève</a></li><li><a href="staffcard.html">Carte Personnel</a></li><li><a href="photocapture.html">Capturer Photo</a></li></ul></nav><div class="user-profile"><img src="https://images.unsplash.com/photo-1534528741775-53994a69daeb?auto=format&fit=crop&w=100&q=80" alt="Avatar"><span>Admin</span><button id="logoutBtn" class="btn btn-secondary" style="padding: 0.25rem 0.75rem; font-size: 0.8rem; margin-left: 0.5rem;">Déconnexion</button></div></header><main class="container"><section class="page-header"><h1>Gestion des Frais Scolaires</h1><button class="btn" id="openFeeModal">+ Enregistrer un Paiement</button></section><section class="stats-grid"><div class="stat-card"><h3>Total Perçu</h3><p class="number" id="fees-total-percu">0 $</p></div><div class="stat-card"><h3>Reste à Recouvrer</h3><p class="number" id="fees-reste">0 $</p></div><div class="stat-card"><h3>Taux de Paiement</h3><p class="number" id="fees-taux">0%</p></div></section><section class="table-container"><table class="data-table"><thead><tr><th>Élève</th><th>Classe</th><th>Montant Total</th><th>Payé</th><th>Date d'enregistrement</th><th>Statut</th><th>Action</th></tr></thead><tbody id="fees-tbody"></tbody></table></section></main><div class="modal-overlay" id="feeModal"><div class="modal"><h2 id="feeModalTitle">Enregistrer un Paiement</h2><form id="feeForm"><input type="hidden" id="feeEditIndex" value="-1"><div class="form-group"><label for="feeStudentName">Nom de l'élève</label><input type="text" id="feeStudentName" required placeholder="Ex: Thomas Bernard"></div><div class="form-group"><label for="feeStudentClass">Classe</label><input type="text" id="feeStudentClass" required placeholder="Ex: Terminale S"></div><div class="form-group"><label for="feeTotal">Montant Total ($)</label><input type="number" id="feeTotal" required placeholder="Ex: 1200"></div><div class="form-group"><label for="feePaid">Montant Payé ($)</label><input type="number" id="feePaid" required placeholder="Ex: 800"></div><div class="form-group"><label for="feeDate">Date d'enregistrement</label><input type="date" id="feeDate" required></div><div class="form-actions"><button type="button" class="btn btn-secondary" id="closeFeeModal">Annuler</button><button type="submit" class="btn">Enregistrer</button></div></form></div></div> <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> |