Spaces:
Sleeping
Sleeping
| <!-- | |
| support.html mein sirf yeh ek change karna hai: | |
| Existing subject input ke BAAD, message textarea ke PEHLE, | |
| yeh category dropdown add karo: | |
| --> | |
| <!-- ↓↓↓ YEH BLOCK COPY KARO aur subject input ke baad paste karo ↓↓↓ --> | |
| <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> | |
| <!-- ↑↑↑ YEH BLOCK COPY KARO ↑↑↑ --> | |
| <!-- | |
| ───────────────────────────────────────────────────────────────── | |
| COMPLETE UPDATED support.html below — copy-paste kar sakte ho: | |
| ───────────────────────────────────────────────────────────────── | |
| --> | |
| <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"> | |
| <!-- Ticket Submission Form --> | |
| <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> | |
| <!-- ★ NEW: Category dropdown ★ --> | |
| <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> | |
| <!-- Right: Contact + Ticket History --> | |
| <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> |