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>Support & Help | 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/support.css?v=2.0"> | |
| <!-- Modular JS --> | |
| <script src="/static/js/global.js" defer></script> | |
| <script src="/static/js/support.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>Help Center</span> | |
| <i class="fa-solid fa-chevron-right"></i> | |
| <span class="active">Support & Complaints</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="support-container"> | |
| <!-- Left: Submit Ticket Form --> | |
| <div class="hover sidebar-form"> | |
| <h2><i class="fa-solid fa-paper-plane"></i> Raise a Request</h2> | |
| <p class="support-subtitle">Describe your issue in detail, and our support team will resolve it | |
| for you.</p> | |
| <form id="ticket-form"> | |
| <div class="form-group"> | |
| <label>Subject / Title</label> | |
| <input type="text" id="tick-subject" class="form-input input-hover" | |
| placeholder="e.g., Wallet Top-up Failure" required> | |
| </div> | |
| <div class="form-group"> | |
| <label>Issue Category</label> | |
| <select id="tick-category" class="form-select" style="width:100%"> | |
| <option value="payment">Payment Issue (Top-up nahi hua)</option> | |
| <option value="wallet">Wallet Issue (Balance galat / cut)</option> | |
| <option value="refund">Refund Request</option> | |
| <option value="other">Other / General Query</option> | |
| </select> | |
| </div> | |
| <div class="form-group"> | |
| <label>Detailed Description</label> | |
| <textarea id="tick-message" class="form-textarea input-hover" rows="6" | |
| placeholder="Explain the exact issue you're facing..." required></textarea> | |
| </div> | |
| <button type="submit" class="btn btn-primary btn-full btn-hover"> | |
| <i class="fa-solid fa-paper-plane"></i> Send Support Ticket | |
| </button> | |
| </form> | |
| </div> | |
| <!-- Right: Contact + Ticket Status --> | |
| <div class="support-sidebar"> | |
| <!-- Contact Card --> | |
| <div class="hover card"> | |
| <h4 style="margin-bottom:20px;font-size:1.1rem;color:var(--text-color)">Official Contact | |
| </h4> | |
| <a href="https://wa.me/8756008852" target="_blank" class="whatsapp-btn"> | |
| <i class="fa-brands fa-whatsapp"></i> Chat on WhatsApp | |
| </a> | |
| </div> | |
| <!-- Ticket Status Card --> | |
| <div class="hover card"> | |
| <h4 style="margin-bottom:20px;font-size:1.1rem;color:var(--text-color)">Track Recent Tickets | |
| </h4> | |
| <div class="status-list" id="tickets-container"> | |
| <p class="text-muted">Checking ticket status...</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </main> | |
| </div> | |
| </body> | |
| </html> |