File Manager

✏️ Edit File: /home/u625410797/public_html/public_html/views/pages/order-tracking.php

<?php
require_once __DIR__ . '/../config/config.php';
$pageTitle = 'Track Order - Mono Electric Thailand';
$orderNumber = $_GET['order'] ?? '';
?>
<?php require_once VIEWS_PATH . 'layout/head.php'; ?>

<main class="max-w-4xl mx-auto px-4 py-16">
        <h1 class="text-3xl font-bold text-dark-900 mb-8">ติดตามคำสั่งซื้อ</h1>
        
        <div class="bg-white rounded-[2rem] p-8 border border-gray-100 mb-8">
            <div class="mb-6">
                <label class="block text-sm font-medium text-dark-700 mb-2">หมายเลขคำสั่งซื้อ</label>
                <input type="text" id="orderInput" value="<?= htmlspecialchars($orderNumber) ?>" class="w-full px-4 py-3 border rounded-lg focus:ring-2 focus:ring-primary-500 focus:outline-none" placeholder="กรอกหมายเลขคำสั่งซื้อ">
            </div>
            <button onclick="trackOrder()" class="w-full bg-primary-600 text-white py-3 rounded-lg font-semibold hover:bg-primary-700 transition">
                ติดตาม
            </button>
        </div>

<div id="result" class="hidden">
            <div class="bg-white rounded-[2rem] p-8 border border-gray-100">
                <div class="flex items-center gap-4 mb-6">
                    <div class="w-16 h-16 bg-green-100 rounded-full flex items-center justify-center">
                        <i data-lucide="package" class="w-8 h-8 text-green-600"></i>
                    </div>
                    <div>
                        <h2 class="text-xl font-bold text-dark-900">หมายเลขคำสั่งซื้อ: <span id="displayOrder"></span></h2>
                        <p class="text-dark-500">สถานะ: <span class="text-green-600 font-medium">กำลังดำเนินการ</span></p>
                    </div>
                </div>

<div class="space-y-4">
                    <div class="flex items-start gap-4">
                        <div class="w-8 h-8 bg-green-500 rounded-full flex items-center justify-center text-white font-bold shrink-0">1</div>
                        <div class="flex-1 pb-4 border-b border-gray-100">
                            <p class="font-bold text-dark-900">รับคำสั่งซื้อ</p>
                            <p class="text-sm text-dark-500">คำสั่งซื้อของคุณได้รับการยืนยัน</p>
                        </div>
                    </div>
                    <div class="flex items-start gap-4">
                        <div class="w-8 h-8 bg-green-500 rounded-full flex items-center justify-center text-white font-bold shrink-0">2</div>
                        <div class="flex-1 pb-4 border-b border-gray-100">
                            <p class="font-bold text-dark-900">เตรียมสินค้า</p>
                            <p class="text-sm text-dark-500">กำลังเตรียมสินค้าของคุณ</p>
                        </div>
                    </div>
                    <div class="flex items-start gap-4">
                        <div class="w-8 h-8 bg-gray-200 rounded-full flex items-center justify-center text-gray-400 font-bold shrink-0">3</div>
                        <div class="flex-1 pb-4 border-b border-gray-100">
                            <p class="font-bold text-dark-400">จัดส่ง</p>
                            <p class="text-sm text-dark-400">รอจัดส่งสินค้า</p>
                        </div>
                    </div>
                    <div class="flex items-start gap-4">
                        <div class="w-8 h-8 bg-gray-200 rounded-full flex items-center justify-center text-gray-400 font-bold shrink-0">4</div>
                        <div class="flex-1">
                            <p class="font-bold text-dark-400">ส่งสำเร็จ</p>
                            <p class="text-sm text-dark-400">รอการส่งสำเร็จ</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>

<?php require_once VIEWS_PATH . 'layout/footer.php'; ?>

Batal

⬅ Naik ke views 44 item

Nama	Tipe	Ukuran	Diubah	Aksi
📁products	dir	—	2026-05-31 16:45	📂 Buka
📁solution	dir	—	2026-05-31 16:45	📂 Buka
📁solutions	dir	—	2026-05-31 16:45	📂 Buka
🐘404.php	php	1.3 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘about.php	php	6.8 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘branches.php	php	3.7 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘brands.php	php	3.6 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘cart.php	php	15.2 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘case-studies.php	php	2 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘case-study-detail.php	php	5.6 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘checkout.php	php	16.4 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘contact.php	php	20.1 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘customer-info.php	php	5.5 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘documents.php	php	4 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘energy-saving.php	php	6.3 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘faq.php	php	3.5 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘gallery.php	php	3.8 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘home.php	php	20.5 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘knowledge-detail.php	php	9 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘knowledge.php	php	3.3 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘map.php	php	3.1 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘om.php	php	6.6 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘order-success.php	php	2.4 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘order-tracking.php	php	4.6 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘page.php	php	2.6 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘portfolio-detail.php	php	7 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘ppa.php	php	16 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘products.php	php	20.4 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘project-detail.php	php	20.3 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘project.php	php	3.8 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘renewable-energy.php	php	31.7 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘service-build.php	php	7.5 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘service-design.php	php	7.8 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🌐service-details.html	html	12.4 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘service-details.php	php	12.7 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘service-om.php	php	7.5 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘service-ppa.php	php	14.1 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘service-request.php	php	7.5 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘services.php	php	4.7 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘solar-calculator.php	php	13.7 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘solar-register.php	php	10.3 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘solutions.php	php	5.6 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘testimonials.php	php	5.8 KB	2026-05-31 16:43	✏️ Edit 👁️ View
🐘videos.php	php	4.1 KB	2026-05-31 16:43	✏️ Edit 👁️ View