HTMLify
reports.html
Views: 37 | 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>Rapports Journalier, Mensuel & Annuel - EduManage Pro</title><link rel="stylesheet" href="style.css"><script src="script.js" defer></script></head><body><header class="navbar no-print"><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">Frais Scolaires</a></li><li><a href="reports.html" class="active">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 no-print"><h1>Rapports Financiers & Élèves</h1><div style="display: flex; gap: 1rem;"><button class="btn" id="printReportBtn">Imprimer le Rapport</button></div></section><div class="report-filters card no-print" style="margin-bottom: 2rem;"><h3 style="margin-bottom: 1rem;">Filtre des Rapports</h3><div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem;"><div class="form-group" style="margin-bottom: 0;"><label for="reportType">Type de Rapport</label><select id="reportType" class="btn btn-secondary" style="width: 100%; background: rgba(0,0,0,0.2); color: var(--text); text-align: left;"><option value="daily">Journalier</option><option value="monthly" selected>Mensuel</option><option value="annual">Annuel</option></select></div><div class="form-group" style="margin-bottom: 0;" id="dateFilterGroup"><label for="reportDateSelect">Date / Mois / Année</label><input type="date" id="reportDateSelect" style="width: 100%; padding: 0.75rem 1rem; background: rgba(0,0,0,0.2); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 0.5rem; color: var(--text); outline: none;"></div></div></div><div class="card" id="printableReportArea"><div style="text-align: center; margin-bottom: 2rem;"><h2>Rapport <span id="reportTitleType">Mensuel</span></h2><p style="color: var(--text-muted);" id="reportSubtitleDate">Période : <span id="reportPeriodDisplay">-</span></p></div><div class="stats-grid" style="margin-bottom: 2rem;"><div class="stat-card"><h3>Élèves Inscrits (Période)</h3><p class="number" id="rep-students-count">0</p></div><div class="stat-card"><h3>Frais Encaissés</h3><p class="number" id="rep-fees-collected">0 $</p></div><div class="stat-card"><h3>Frais Attendus</h3><p class="number" id="rep-fees-expected">0 $</p></div></div><h3 style="margin-bottom: 1rem;">Détail des Paiements de la Période</h3><div class="table-container" style="margin-bottom: 2rem;"><table class="data-table"><thead><tr><th>Élève</th><th>Classe</th><th>Montant Payé</th><th>Date</th></tr></thead><tbody id="rep-fees-tbody"><tr><td colspan="4" style="text-align: center;">Aucun paiement pour cette période</td></tr></tbody></table></div><h3 style="margin-bottom: 1rem;">Nouveaux Élèves Enregistrés</h3><div class="table-container"><table class="data-table"><thead><tr><th>Nom</th><th>Classe</th><th>Email</th><th>Date</th></tr></thead><tbody id="rep-students-tbody"><tr><td colspan="4" style="text-align: center;">Aucun élève inscrit pour cette période</td></tr></tbody></table></div></div></main> <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> |