| |
| |
| |
| |
| |
|
|
| |
|
|
| <div class="form-group margin-top-20"> |
| <label>Category / Issue Type</label> |
| <select id="tick-category" class="input-control" required> |
| <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> |
|
|
| |
|
|
|
|
| |
| |
| |
| |
| |
| <!DOCTYPE html> |
| <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"> |
| <link rel="stylesheet" href="/static/css/global.css"> |
| <link rel="stylesheet" href="/static/css/support.css"> |
| <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> |
|
|
| <nav class="sidebar"> |
| <div class="sidebar-header"> |
| <div class="logo-area"> |
| <i class="fa-solid fa-id-card-clip"></i> |
| <span>Aadhaar Pro</span> |
| </div> |
| </div> |
| <div class="sidebar-menu"> |
| <a href="/" class="side-btn"><i class="fa-solid fa-house"></i><span>Dashboard</span></a> |
| <a href="/generate" class="side-btn"><i class="fa-solid fa-plus-circle"></i><span>Generate |
| Aadhaar</span></a> |
| <a href="/wallet" class="side-btn"><i class="fa-solid fa-wallet"></i><span>My Wallet</span></a> |
| <a href="/reports" class="side-btn"><i class="fa-solid fa-file-invoice"></i><span>Print |
| Reports</span></a> |
| <a href="/profile" class="side-btn"><i class="fa-solid fa-user-gear"></i><span>My Profile</span></a> |
| <a href="/support" class="side-btn active"><i class="fa-solid fa-headset"></i><span>Support / |
| Complaint</span></a> |
| <a href="/logout" class="side-btn logout-link"><i |
| class="fa-solid fa-right-from-bracket"></i><span>Logout</span></a> |
| </div> |
| </nav> |
|
|
| <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" title="Toggle Theme"><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"> |
| |
| <div class="support-main-card animate-up"> |
| <h2><i class="fa-solid fa-paper-plane support-title-icon"></i> Raise a Request</h2> |
| <p class="support-subtitle">Apni problem detail mein likhein, hamari team resolve karegi.</p> |
|
|
| <form id="ticket-form"> |
| <div class="form-group margin-top-20"> |
| <label>Subject / Title</label> |
| <input type="text" id="tick-subject" class="input-control" |
| placeholder="e.g., Wallet Top-up Failure" required> |
| </div> |
|
|
| |
| <div class="form-group margin-top-20"> |
| <label>Issue Category</label> |
| <select id="tick-category" class="input-control"> |
| <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 margin-top-20"> |
| <label>Detailed Description</label> |
| <textarea id="tick-message" class="input-control" rows="6" |
| placeholder="Exact issue batayein — UTR number, amount, date etc." |
| required></textarea> |
| </div> |
|
|
| <button type="submit" class="btn-support primary margin-top-25"> |
| <i class="fa-solid fa-paper-plane"></i> |
| <span>Send Support Ticket</span> |
| </button> |
| </form> |
| </div> |
|
|
| |
| <div class="support-sidebar animate-up delay-100"> |
| <div class="support-main-card padding-30"> |
| <h4 class="margin-0-15-0">Official Contact</h4> |
| <div class="contact-links"> |
| <a href="https://wa.me/8756008852" target="_blank" class="whatsapp-btn"> |
| <i class="fa-brands fa-whatsapp"></i> Chat on WhatsApp |
| </a> |
| </div> |
| </div> |
|
|
| <div class="support-main-card padding-30"> |
| <h4 class="margin-0-15-0">Track Recent Tickets</h4> |
| <div class="status-list" id="tickets-container"> |
| <p class="text-muted-small">Checking ticket status...</p> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </main> |
| </div> |
| </body> |
|
|
| </html> |
