Spaces:
Sleeping
Sleeping
| <html lang="en"> | |
| <head> | |
| <script>(function () { const t = localStorage.getItem('theme') || 'light'; if (t === 'dark') document.documentElement.setAttribute('data-theme', 'dark'); })();</script> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Print Reports | Aadhaar Portal Pro</title> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> | |
| <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap" rel="stylesheet"> | |
| <!-- Modular CSS --> | |
| <link rel="stylesheet" href="/static/css/global.css"> | |
| <link rel="stylesheet" href="/static/css/reports.css?v=2.0"> | |
| <link rel="stylesheet" href="/static/css/flatpickr.min.css"> | |
| <!-- Modular JS --> | |
| <script src="/static/js/lib/flatpickr.min.js"></script> | |
| <script src="/static/js/global.js" defer></script> | |
| <script src="/static/js/reports.js" defer></script> | |
| </head> | |
| <body> | |
| <div class="dashboard-wrapper"> | |
| <div class="sidebar-overlay" id="sidebar-overlay"></div> | |
| {% include 'partials/_sidebar.html' %} | |
| <main class="main-content"> | |
| <header class="top-bar"> | |
| <div class="header-left"> | |
| <button class="hamburger-menu" id="mobile-toggle"><i class="fa-solid fa-bars"></i></button> | |
| <div class="breadcrumb"> | |
| <span>Reports</span> | |
| <i class="fa-solid fa-chevron-right"></i> | |
| <span class="active">Print History</span> | |
| </div> | |
| </div> | |
| <div class="header-right"> | |
| <button class="header-icon-btn" id="theme-toggle-btn"><i class="fa-solid fa-moon"></i></button> | |
| <div class="wallet-pill"> | |
| <i class="fa-solid fa-indian-rupee-sign"></i> | |
| <span id="wallet-balance">0.00</span> | |
| </div> | |
| </div> | |
| </header> | |
| <div class="content-body"> | |
| <div class="reports-container"> | |
| <!-- Filter Section --> | |
| <div class="hover card card-filter"> | |
| <h3><i class="fa-solid fa-filter"></i> Filter Reports</h3> | |
| <div class="filter-grid"> | |
| <div class="form-group" style="margin-bottom:0"> | |
| <label>From Date</label> | |
| <input type="text" id="from-date" class="form-input date-picker input-hover" placeholder="Select Date"> | |
| </div> | |
| <div class="form-group" style="margin-bottom:0"> | |
| <label>To Date</label> | |
| <input type="text" id="to-date" class="form-input date-picker input-hover" placeholder="Select Date"> | |
| </div> | |
| <button onclick="applyFilter()" class="btn btn-primary btn-hover" style="height:48px"> | |
| <i class="fa-solid fa-magnifying-glass"></i> Filter | |
| </button> | |
| <button onclick="location.reload()" class="btn btn-secondary btn-hover" style="height:48px"> | |
| <i class="fa-solid fa-rotate-left"></i> Reset | |
| </button> | |
| </div> | |
| </div> | |
| <!-- Print History List --> | |
| <div class="requests-card animate-up hover"> | |
| <div class="requests-header"> | |
| <h2>Print History</h2> | |
| <p>Track all your Aadhaar print and download requests</p> | |
| </div> | |
| <div class="requests-list" id="reports-list"> | |
| <div class="empty-state" id="empty-reports"> | |
| <i class="fa-solid fa-file-invoice"></i> | |
| <h3>No reports yet</h3> | |
| <p>Your print history will appear here once generated</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </main> | |
| </div> | |
| </body> | |
| </html> | |