Hugging Face's logo

Spaces:
Xcronious
/
chipflow-commander
Running

App Files Community
Xcronious commited on
Commit
093a961
·
verified ·
1 Parent(s): 21c0d65

baik tolong sktg lanjutkan modul modulnya sampai benar benar selesai

Browse files
Files changed (4) hide show
  1. admin_login.html +39 -0
  2. index.html +5 -8
  3. transactions.html +68 -0
  4. withdraw.html +72 -0
admin_login.html ADDED
@@ -0,0 +1,39 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>ChipFlow Commander - Admin Login</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ </head>
9
+ <body class="bg-gray-100">
10
+ <div class="container py-8">
11
+ <div class="max-w-md mx-auto bg-white rounded-xl shadow-md overflow-hidden p-6">
12
+ <div class="text-center mb-6">
13
+ <h1 class="text-2xl font-bold text-gray-800">👑 Admin Portal</h1>
14
+ <p class="text-gray-600">Restricted access - authorized personnel only</p>
15
+ </div>
16
+
17
+ <form id="adminLoginForm">
18
+ <div class="mb-4">
19
+ <label class="block text-gray-700 mb-2">Username</label>
20
+ <input type="text" class="w-full px-3 py-2 border rounded-lg" placeholder="Admin username" required>
21
+ </div>
22
+
23
+ <div class="mb-6">
24
+ <label class="block text-gray-700 mb-2">Password</label>
25
+ <input type="password" class="w-full px-3 py-2 border rounded-lg" placeholder="••••••••" required>
26
+ </div>
27
+
28
+ <button type="submit" class="w-full bg-gray-800 hover:bg-gray-900 text-white py-3 px-4 rounded-lg font-bold transition">
29
+ Login
30
+ </button>
31
+ </form>
32
+
33
+ <div class="mt-6 text-center text-sm text-gray-500">
34
+ <p>Forgot password? <a href="#" class="text-blue-600">Reset here</a></p>
35
+ </div>
36
+ </div>
37
+ </div>
38
+ </body>
39
+ </html>
index.html CHANGED
@@ -14,20 +14,17 @@
14
  <a href="/customer_topup.html" class="block w-full bg-blue-600 hover:bg-blue-700 text-white text-center py-3 px-6 rounded-lg font-bold transition">
15
  💰 Top Up Chips
16
  </a>
17
-
18
- <a href="#" class="block w-full bg-green-600 hover:bg-green-700 text-white text-center py-3 px-6 rounded-lg font-bold transition">
19
  🏧 Withdraw Chips
20
  </a>
21
-
22
- <a href="#" class="block w-full bg-purple-600 hover:bg-purple-700 text-white text-center py-3 px-6 rounded-lg font-bold transition">
23
  🔍 Check Transaction
24
  </a>
25
-
26
- <div class="pt-4 border-t border-gray-200">
27
- <a href="#" class="block w-full bg-gray-800 hover:bg-gray-900 text-white text-center py-3 px-6 rounded-lg font-bold transition">
28
  👑 Admin Login
29
  </a>
30
- </div>
31
  </div>
32
  </div>
33
  <script></script>
 
14
  <a href="/customer_topup.html" class="block w-full bg-blue-600 hover:bg-blue-700 text-white text-center py-3 px-6 rounded-lg font-bold transition">
15
  💰 Top Up Chips
16
  </a>
17
+ <a href="/withdraw.html" class="block w-full bg-green-600 hover:bg-green-700 text-white text-center py-3 px-6 rounded-lg font-bold transition">
 
18
  🏧 Withdraw Chips
19
  </a>
20
+ <a href="/transactions.html" class="block w-full bg-purple-600 hover:bg-purple-700 text-white text-center py-3 px-6 rounded-lg font-bold transition">
 
21
  🔍 Check Transaction
22
  </a>
23
+ <div class="pt-4 border-t border-gray-200">
24
+ <a href="/admin_login.html" class="block w-full bg-gray-800 hover:bg-gray-900 text-white text-center py-3 px-6 rounded-lg font-bold transition">
 
25
  👑 Admin Login
26
  </a>
27
+ </div>
28
  </div>
29
  </div>
30
  <script></script>
transactions.html ADDED
@@ -0,0 +1,68 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>ChipFlow Commander - Transactions</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ </head>
9
+ <body class="bg-gray-100">
10
+ <div class="container py-8">
11
+ <div class="max-w-md mx-auto bg-white rounded-xl shadow-md overflow-hidden p-6">
12
+ <div class="text-center mb-6">
13
+ <h1 class="text-2xl font-bold text-gray-800">🔍 Transaction History</h1>
14
+ <p class="text-gray-600">Check your recent transactions</p>
15
+ </div>
16
+
17
+ <form class="mb-6">
18
+ <div class="mb-4">
19
+ <label class="block text-gray-700 mb-2">Game ID</label>
20
+ <input type="text" class="w-full px-3 py-2 border rounded-lg" placeholder="Enter your game ID" required>
21
+ </div>
22
+ <button type="submit" class="w-full bg-purple-600 hover:bg-purple-700 text-white py-3 px-4 rounded-lg font-bold transition">
23
+ Search Transactions
24
+ </button>
25
+ </form>
26
+
27
+ <div class="space-y-4">
28
+ <div class="border-b pb-4">
29
+ <div class="flex justify-between items-center mb-2">
30
+ <span class="font-semibold">Top Up</span>
31
+ <span class="text-blue-600">+Rp500,000</span>
32
+ </div>
33
+ <div class="flex justify-between text-sm text-gray-500">
34
+ <span>2023-11-15 14:30</span>
35
+ <span>Completed</span>
36
+ </div>
37
+ </div>
38
+
39
+ <div class="border-b pb-4">
40
+ <div class="flex justify-between items-center mb-2">
41
+ <span class="font-semibold">Withdrawal</span>
42
+ <span class="text-red-600">-Rp1,300,000</span>
43
+ </div>
44
+ <div class="flex justify-between text-sm text-gray-500">
45
+ <span>2023-11-10 09:15</span>
46
+ <span>Processing</span>
47
+ </div>
48
+ </div>
49
+
50
+ <div class="border-b pb-4">
51
+ <div class="flex justify-between items-center mb-2">
52
+ <span class="font-semibold">Top Up</span>
53
+ <span class="text-blue-600">+Rp250,000</span>
54
+ </div>
55
+ <div class="flex justify-between text-sm text-gray-500">
56
+ <span>2023-11-05 18:45</span>
57
+ <span>Completed</span>
58
+ </div>
59
+ </div>
60
+ </div>
61
+
62
+ <div class="mt-6 text-center text-sm text-gray-500">
63
+ <p>Showing last 3 transactions</p>
64
+ </div>
65
+ </div>
66
+ </div>
67
+ </body>
68
+ </html>
withdraw.html ADDED
@@ -0,0 +1,72 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>ChipFlow Commander - Withdraw</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ </head>
9
+ <body class="bg-gray-100">
10
+ <div class="container py-8">
11
+ <div class="max-w-md mx-auto bg-white rounded-xl shadow-md overflow-hidden p-6">
12
+ <div class="text-center mb-6">
13
+ <h1 class="text-2xl font-bold text-gray-800">🏧 Chip Withdrawal</h1>
14
+ <p class="text-gray-600">Convert your chips to real money</p>
15
+ </div>
16
+
17
+ <form id="withdrawForm">
18
+ <div class="mb-4">
19
+ <label class="block text-gray-700 mb-2">Game ID</label>
20
+ <input type="text" class="w-full px-3 py-2 border rounded-lg" placeholder="Enter your game ID" required>
21
+ </div>
22
+
23
+ <div class="mb-4">
24
+ <label class="block text-gray-700 mb-2">Chip Amount</label>
25
+ <input type="number" id="chipInput" class="w-full px-3 py-2 border rounded-lg" placeholder="Enter chip amount" min="100" required>
26
+ <p class="text-xs text-gray-500 mt-1">Minimum 100 chips</p>
27
+ </div>
28
+
29
+ <div class="mb-4">
30
+ <label class="block text-gray-700 mb-2">Bank Account</label>
31
+ <input type="text" class="w-full px-3 py-2 border rounded-lg" placeholder="Account number" required>
32
+ </div>
33
+
34
+ <div class="mb-4">
35
+ <label class="block text-gray-700 mb-2">Bank Name</label>
36
+ <input type="text" class="w-full px-3 py-2 border rounded-lg" placeholder="Bank name" required>
37
+ </div>
38
+
39
+ <div class="mb-4">
40
+ <label class="block text-gray-700 mb-2">Account Holder Name</label>
41
+ <input type="text" class="w-full px-3 py-2 border rounded-lg" placeholder="Name on bank account" required>
42
+ </div>
43
+
44
+ <div class="bg-green-50 p-4 rounded-lg mb-6">
45
+ <h3 class="text-lg font-semibold text-green-800 mb-2">You will receive:</h3>
46
+ <div class="flex justify-between items-center">
47
+ <span class="text-gray-700">Amount (Rp):</span>
48
+ <span id="cashResult" class="text-2xl font-bold text-green-600">0</span>
49
+ </div>
50
+ <div class="text-xs text-gray-500 mt-2">Rate: Rp65,000 per chip</div>
51
+ </div>
52
+
53
+ <button type="submit" class="w-full bg-green-600 hover:bg-green-700 text-white py-3 px-4 rounded-lg font-bold transition">
54
+ Request Withdrawal
55
+ </button>
56
+ </form>
57
+
58
+ <div class="mt-6 text-center text-sm text-gray-500">
59
+ <p>Processing time: 1-3 business days</p>
60
+ </div>
61
+ </div>
62
+ </div>
63
+
64
+ <script>
65
+ document.getElementById('chipInput').addEventListener('input', function() {
66
+ const chips = parseInt(this.value) || 0;
67
+ const cash = chips * 65000;
68
+ document.getElementById('cashResult').textContent = cash.toLocaleString();
69
+ });
70
+ </script>
71
+ </body>
72
+ </html>