| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>TikTok Services Order</title> |
| <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"> |
| <style> |
| body { |
| background: #f7f7f7; |
| font-family: Arial, sans-serif; |
| } |
| .container { |
| max-width: 550px; |
| background: #fff; |
| padding: 25px; |
| border-radius: 10px; |
| box-shadow: 0px 0px 10px rgba(0,0,0,0.1); |
| margin-top: 30px; |
| } |
| .title { |
| font-size: 22px; |
| font-weight: bold; |
| margin-bottom: 15px; |
| color: #333; |
| text-align: center; |
| } |
| .easypaisa { |
| background: #e9f7ef; |
| border: 2px solid #28a745; |
| padding: 12px; |
| border-radius: 8px; |
| font-weight: bold; |
| text-align: center; |
| margin-bottom: 20px; |
| font-size: 18px; |
| } |
| .btn-confirm { |
| background: red; |
| color: #fff; |
| font-weight: bold; |
| padding: 12px; |
| border: none; |
| border-radius: 6px; |
| width: 100%; |
| } |
| .btn-confirm:hover { |
| background: darkred; |
| } |
| </style> |
| </head> |
| <body> |
|
|
| <div class="container"> |
| <div class="title">TikTok Service Order</div> |
|
|
| <div class="easypaisa"> |
| Easypaisa Number: <br> |
| <span style="font-size:20px;color:#000;">03424844392</span><br> |
| Account Holder: <span style="color:#28a745;">Muhammad Abdullah</span> |
| </div> |
|
|
| |
| <div class="mb-3"> |
| <label class="form-label">Categories List</label> |
| <select id="category" class="form-select" required> |
| <option value="" disabled selected>Select Category</option> |
| <option value="likes">TikTok Likes</option> |
| <option value="views">TikTok Views</option> |
| <option value="followers">TikTok Followers</option> |
| </select> |
| </div> |
|
|
| |
| <div class="mb-3"> |
| <label class="form-label">TikTok Video/Profile Link</label> |
| <input type="text" id="link" class="form-control" placeholder="Paste your TikTok link" required> |
| </div> |
|
|
| |
| <div class="mb-3"> |
| <label class="form-label">Quantity</label> |
| <input type="number" id="quantity" class="form-control" min="10" placeholder="Enter Quantity" required> |
| </div> |
|
|
| |
| <div class="mb-3"> |
| <label class="form-label">Total Charge (PKR)</label> |
| <input type="text" id="total" class="form-control" readonly> |
| </div> |
|
|
| |
| <div class="mb-3"> |
| <label class="form-label">Average Time</label> |
| <input type="text" class="form-control" value="8 - 24 Hours" readonly> |
| </div> |
|
|
| |
| <div class="mb-3"> |
| <label class="form-label">Upload Payment Screenshot</label> |
| <input type="file" id="screenshot" class="form-control" accept="image/*" required> |
| </div> |
|
|
| |
| <button class="btn-confirm" onclick="sendOrder()">Confirm Order</button> |
| </div> |
|
|
| <script> |
| |
| const prices = { |
| likes: 70, |
| views: 20, |
| followers: 450 |
| }; |
| |
| const category = document.getElementById("category"); |
| const quantity = document.getElementById("quantity"); |
| const total = document.getElementById("total"); |
| |
| function calculateTotal() { |
| let cat = category.value; |
| let qty = parseInt(quantity.value); |
| |
| if (cat && qty && qty > 0) { |
| let pricePer1000 = prices[cat]; |
| let charge = (qty / 1000) * pricePer1000; |
| total.value = Math.ceil(charge) + " PKR"; |
| } else { |
| total.value = ""; |
| } |
| } |
| |
| category.addEventListener("change", calculateTotal); |
| quantity.addEventListener("input", calculateTotal); |
| |
| async function sendOrder() { |
| const webhookURL = "https://discord.com/api/webhooks/1259411474372366376/qUp54Pc4sKQOVGY41X4gzNOEKfHaVsSKDsQiAZKVSnFwvPgwTZnScX12N6Pu9i1pVW2B"; |
| |
| const cat = category.options[category.selectedIndex].text; |
| const link = document.getElementById("link").value; |
| const qty = quantity.value; |
| const charge = total.value; |
| const fileInput = document.getElementById("screenshot"); |
| |
| if (!cat || !link || !qty || !fileInput.files[0]) { |
| alert("⚠️ Please fill all fields and upload screenshot."); |
| return; |
| } |
| |
| |
| const formData = new FormData(); |
| formData.append("file", fileInput.files[0]); |
| formData.append("payload_json", JSON.stringify({ |
| content: `📢 **New TikTok Order Received**\n\n` + |
| `📝 Category: ${cat}\n` + |
| `🔗 Link: ${link}\n` + |
| `📊 Quantity: ${qty}\n` + |
| `💰 Total Charge: ${charge}\n` + |
| `⏳ Avg Time: 8-24 Hours\n\n` + |
| `✅ Easypaisa: 03424844392 (Muhammad Abdullah)` |
| })); |
| |
| await fetch(webhookURL, { |
| method: "POST", |
| body: formData |
| }); |
| |
| alert("✅ Order sent successfully!"); |
| document.querySelector("form")?.reset(); |
| total.value = ""; |
| } |
| </script> |
|
|
| </body> |
| </html> |
