Spaces:
Sleeping
Sleeping
File size: 7,791 Bytes
58c1398 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 | <!--
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:
─────────────────────────────────────────────────────────────────
-->
<!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">
<!-- 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> |