File manager - Edit - /home/webapp69.cm.in.th/u69319090038/Shop/checkout.php
Back
<?php require_once __DIR__ . '/config/config.php'; ?> <!DOCTYPE html> <html lang="th"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>ชำระเงิน — Sarin Shop</title> <link rel="stylesheet" href="./public/css/style.css"> </head> <body> <nav class="navbar"> <a href="./index.php" class="nav-logo"><span>🛒</span> Sarin Shop</a> <div style="margin-left:auto; color:rgba(255,255,255,.8); font-size:.9rem;">🔒 การชำระเงินปลอดภัย</div> </nav> <main class="page-container"> <div class="page-header"> <h1 class="page-title">💳 ชำระเงิน</h1> <p class="page-subtitle">กรอกข้อมูลเพื่อดำเนินการสั่งซื้อ</p> </div> <div class="checkout-layout"> <div> <div class="card mb-2"> <div class="checkout-section-title">📍 ที่อยู่จัดส่ง</div> <div style="display:grid; gap:1rem;"> <div class="form-group"> <label class="form-label">ชื่อ-นามสกุล <span class="req">*</span></label> <input type="text" class="form-input" id="ship-name" placeholder="กรอกชื่อ-นามสกุล"> </div> <div class="form-group"> <label class="form-label">เบอร์โทรศัพท์ <span class="req">*</span></label> <input type="tel" class="form-input" placeholder="0812345678"> </div> <div class="form-group"> <label class="form-label">ที่อยู่ <span class="req">*</span></label> <textarea class="form-input" rows="3" placeholder="บ้านเลขที่ ถนน ซอย"></textarea> </div> <div style="display:grid; grid-template-columns:1fr 1fr; gap:1rem;"> <div class="form-group"> <label class="form-label">จังหวัด</label> <input type="text" class="form-input" placeholder="กรุงเทพมหานคร"> </div> <div class="form-group"> <label class="form-label">รหัสไปรษณีย์</label> <input type="text" class="form-input" placeholder="10110"> </div> </div> </div> </div> <div class="card mb-2"> <div class="checkout-section-title">💳 วิธีชำระเงิน</div> <div style="display:flex; flex-direction:column; gap:.75rem;"> <label class="checkbox-wrap" style="align-items:center; padding:.75rem; border:1.5px solid var(--brand); border-radius:var(--r-md); background:var(--brand-pale);"> <input type="radio" name="payment" value="cod" checked style="accent-color:var(--brand);"> <span style="font-weight:500;">💵 เก็บเงินปลายทาง (COD)</span> </label> <label class="checkbox-wrap" style="align-items:center; padding:.75rem; border:1.5px solid var(--border); border-radius:var(--r-md);"> <input type="radio" name="payment" value="transfer" style="accent-color:var(--brand);"> <span style="font-weight:500;">🏦 โอนเงินผ่านธนาคาร</span> </label> <label class="checkbox-wrap" style="align-items:center; padding:.75rem; border:1.5px solid var(--border); border-radius:var(--r-md);"> <input type="radio" name="payment" value="promptpay" style="accent-color:var(--brand);"> <span style="font-weight:500;">📱 พร้อมเพย์ / QR Code</span> </label> </div> </div> </div> <div> <div class="order-summary card" style="position:sticky; top:80px;"> <div class="order-summary-title">สรุปคำสั่งซื้อ</div> <div class="order-row"><span>ราคาสินค้า (0 ชิ้น)</span><span>฿0</span></div> <div class="order-row"><span>ค่าจัดส่ง</span><span style="color:var(--success);">ฟรี!</span></div> <div class="order-row"><span>ส่วนลดโปรโมชั่น</span><span style="color:var(--brand);">-฿0</span></div> <div class="order-row total"><span>ยอดที่ต้องชำระ</span><span>฿0</span></div> <button class="btn btn-primary btn-block btn-lg mt-2" id="place-order-btn"> 🛍️ ยืนยันการสั่งซื้อ </button> <p class="text-muted text-center mt-1" style="font-size:.78rem;"> 🔒 ข้อมูลของคุณถูกเข้ารหัสอย่างปลอดภัย </p> </div> </div> </div> </main> <script type="module"> import { requireAuth } from './public/js/api.js'; import { showToast, renderNavUser } from './public/js/ui.js'; (async () => { const user = await requireAuth(); if (!user) return; renderNavUser(user); document.getElementById('ship-name').value = user.username || ''; document.getElementById('place-order-btn').addEventListener('click', () => { showToast('สั่งซื้อสำเร็จ! ขอบคุณที่ใช้บริการ Sarin Shop 🎉', 'success', 5000); }); })(); </script> </body> </html>
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.27 |
proxy
|
phpinfo
|
Settings