File Manager

✏️ Edit File: /home/u625410797/domains/monothailand.com/public_html/views/pages/cart.php

<?php
$pageTitle = 'ตะกร้าสินค้า - Mono Electric Thailand';
$pageDescription = 'ตะกร้าสินค้าของคุณ - Mono Electric Thailand';
$pageKeywords = 'ตะกร้าสินค้า, ช้อปปิ้ง, โซลาร์เซลล์';

// Fetch cart items from API
$cartItems = [];
$total = 0;

try {
    $cartResponse = file_get_contents(API_URL . 'cart.php?action=get');
    if ($cartResponse) {
        $cartData = json_decode($cartResponse, true);
        if ($cartData['success']) {
            $cartItems = $cartData['items'] ?? [];
            $total = $cartData['total'] ?? 0;
        }
    }
} catch (Exception $e) {
    // Use empty array
}

require_once VIEWS_PATH . 'layout/header.php';
?>

<div class="bg-gray-50 min-h-screen">
    <div class="max-w-7xl mx-auto px-6 py-12">
        <div class="flex items-center gap-4 mb-10">
            <h1 class="text-4xl font-black text-gray-800 tracking-tight">ตะกร้าสินค้า</h1>
            <span class="bg-white border text-gray-400 text-xs font-bold px-3 py-1 rounded-full uppercase tracking-widest"><?= count($cartItems) ?> รายการ</span>
        </div>

<?php if (empty($cartItems)): ?>
            <div class="text-center py-32 animate-in fade-in zoom-in duration-700">
                <div class="w-32 h-32 bg-gray-50 rounded-full flex items-center justify-center mx-auto mb-8">
                    <svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="text-gray-200"><path d="M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4Z"/><path d="M3 6h18"/><path d="M16 10a4 4 0 0 1-8 0"/></svg>
                </div>
                <h2 class="text-3xl font-black text-gray-800 mb-4 tracking-tight">ตะกร้าสินค้าของคุณว่างเปล่า</h2>
                <p class="text-gray-500 mb-10 max-w-sm mx-auto">ดูเหมือนว่าคุณยังไม่ได้เลือกสินค้าใดๆ เลย ลองกลับไปเลือกซื้อสินค้าที่น่าสนใจดูไหม?</p>
                <a href="BASE_URL . 'products" class="inline-flex items-center gap-3 bg-primary-600 text-white px-10 py-4 rounded-2xl font-black hover:bg-primary-700 transition shadow-xl shadow-primary-900/20 hover:-translate-y-1">
                    ไปช้อปปิ้งกันเลย
                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18l6-6-6-6"/></svg>
                </a>
            </div>
        <?php else: ?>
            <div class="grid lg:grid-cols-3 gap-12">
                
                <div class="lg:col-span-2 space-y-6" x-data="{ updating: null }">
                    <?php foreach ($cartItems as $idx => $item): ?>
                        <div 
                            class="bg-white rounded-[2.5rem] p-6 border border-gray-100 shadow-sm hover:shadow-xl hover:shadow-primary-900/5 transition-all duration-500 flex flex-col md:flex-row items-center gap-8"
                        >
                            <div class="w-32 h-32 shrink-0 rounded-[1.5rem] overflow-hidden bg-gray-50 border border-gray-50">
                                <img src="<?= get_image_url($item['main_image'] ?? '') ?>" alt="<?= e($item['name']) ?>" class="w-full h-full object-contain p-2">
                            </div>
                            <div class="flex-1 text-center md:text-left min-w-0">
                                <a href="BASE_URL . 'products/<?= e($item['slug'] ?? '') ?>" class="text-lg font-black text-gray-800 hover:text-primary-600 transition truncate block">
                                    <?= e($item['name']) ?>
                                </a>
                                <p class="text-gray-400 text-sm font-medium mt-1 uppercase tracking-wider"><?= e($item['category_name'] ?? 'Electronics') ?></p>
                                
                                <div class="flex flex-wrap items-center justify-center md:justify-start gap-6 mt-6">
                                    <div class="flex items-center bg-gray-50 rounded-2xl p-1.5 border border-gray-100">
                                        <button 
                                            @click="updating = <?= $item['id'] ?>; fetch('<?= API_URL ?>cart.php', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ action: 'update', item_id: <?= $item['id'] ?>, quantity: Math.max(1, <?= $item['quantity'] ?> - 1) }) }).then(() => location.reload())"
                                            class="w-8 h-8 flex items-center justify-center hover:bg-white hover:text-primary-600 rounded-xl transition text-gray-400"
                                        >
                                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/></svg>
                                        </button>
                                        <span class="w-10 text-center font-black text-gray-800"><?= $item['quantity'] ?></span>
                                        <button 
                                            @click="updating = <?= $item['id'] ?>; fetch('<?= API_URL ?>cart.php', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ action: 'update', item_id: <?= $item['id'] ?>, quantity: Math.min(100, <?= $item['quantity'] ?> + 1) }) }).then(() => location.reload())"
                                            class="w-8 h-8 flex items-center justify-center hover:bg-white hover:text-primary-600 rounded-xl transition text-gray-400"
                                        >
                                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M12 5v14"/></svg>
                                        </button>
                                    </div>
                                    
                                    <div class="flex flex-col">
                                        <span class="text-xs font-black text-gray-300 uppercase tracking-widest">ราคาต่อชิ้น</span>
                                        <span class="text-lg font-black text-gray-800"><?= format_price($item['price']) ?></span>
                                    </div>
                                    
                                    <div class="flex flex-col">
                                        <span class="text-xs font-black text-gray-300 uppercase tracking-widest">ราคารวม</span>
                                        <span class="text-lg font-black text-primary-700"><?= format_price($item['subtotal']) ?></span>
                                    </div>
                                </div>
                            </div>
                            <button 
                                @click="fetch('<?= API_URL ?>cart.php', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ action: 'remove', item_id: <?= $item['id'] ?> }) }).then(() => location.reload())"
                                class="w-12 h-12 flex items-center justify-center rounded-2xl bg-red-50 text-red-500 hover:bg-red-500 hover:text-white transition-all shadow-sm"
                            >
                                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"/></svg>
                            </button>
                        </div>
                    <?php endforeach; ?>

<div class="grid grid-cols-1 md:grid-cols-3 gap-6 pt-10">
                        <div class="bg-white p-6 rounded-3xl border border-gray-100 flex items-center gap-4">
                            <div class="w-12 h-12 bg-green-50 text-green-600 rounded-2xl flex items-center justify-center shrink-0">
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10"/><path d="m9 12 2 2 4-4"/></svg>
                            </div>
                            <div>
                                <p class="text-sm font-black text-gray-800">รับประกันของแท้</p>
                                <p class="text-[10px] text-gray-400 font-bold uppercase">Certified Partner</p>
                            </div>
                        </div>
                        <div class="bg-white p-6 rounded-3xl border border-gray-100 flex items-center gap-4">
                            <div class="w-12 h-12 bg-blue-50 text-blue-600 rounded-2xl flex items-center justify-center shrink-0">
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><path d="M2 6h20"/><path d="M12 18h.01"/><path d="M16 18h.01"/><path d="M8 18h.01"/></svg>
                            </div>
                            <div>
                                <p class="text-sm font-black text-gray-800">ส่งฟรีทั่วไทย</p>
                                <p class="text-[10px] text-gray-400 font-bold uppercase">Express Delivery</p>
                            </div>
                        </div>
                        <div class="bg-white p-6 rounded-3xl border border-gray-100 flex items-center gap-4">
                            <div class="w-12 h-12 bg-purple-50 text-purple-600 rounded-2xl flex items-center justify-center shrink-0">
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"/><path d="M21 3v5h-5"/><path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"/><path d="M3 21v-5h5"/></svg>
                            </div>
                            <div>
                                <p class="text-sm font-black text-gray-800">เปลี่ยนคืนใน 7 วัน</p>
                                <p class="text-[10px] text-gray-400 font-bold uppercase">7 Days Return</p>
                            </div>
                        </div>
                    </div>
                </div>

<div class="lg:col-span-1">
                    <div class="bg-gray-900 rounded-[3rem] p-10 sticky top-24 shadow-2xl shadow-gray-900/20 text-white overflow-hidden group">
                        <div class="absolute top-0 right-0 -mt-20 -mr-20 w-64 h-64 bg-primary-600/10 rounded-full blur-3xl group-hover:bg-primary-600/20 transition-colors duration-1000"></div>
                        
                        <h3 class="text-2xl font-black mb-8 border-b border-white/10 pb-6 uppercase tracking-tighter">สรุปการสั่งซื้อ</h3>
                        
                        <div class="space-y-4 mb-10">
                            <div class="flex justify-between items-center text-gray-400 font-bold text-sm">
                                <span>ราคาสินค้า (<?= count($cartItems) ?> รายการ)</span>
                                <span class="text-white"><?= format_price($total) ?></span>
                            </div>
                            <div class="flex justify-between items-center text-gray-400 font-bold text-sm">
                                <span>ค่าจัดส่ง</span>
                                <span class="text-primary-400 uppercase text-[10px] font-black">Free Shipping</span>
                            </div>
                            <div class="flex justify-between items-center text-gray-400 font-bold text-sm">
                                <span>ภาษีมูลค่าเพิ่ม (VAT 7%)</span>
                                <span class="text-white">รวมในราคาสินค้าแล้ว</span>
                            </div>
                        </div>
                        
                        <div class="border-t border-white/10 pt-8 mb-10">
                            <div class="flex justify-between items-end">
                                <span class="text-gray-400 font-bold text-xs uppercase tracking-widest">ยอดรวมสุทธิ</span>
                                <span class="text-4xl font-black text-primary-500 tracking-tighter"><?= format_price($total) ?></span>
                            </div>
                        </div>
                        
                        <div class="space-y-4">
                            <a href="BASE_URL . 'checkout" class="flex items-center justify-center gap-3 w-full bg-primary-600 text-white py-5 rounded-[1.5rem] font-black text-lg hover:bg-primary-700 hover:-translate-y-1 transition-all shadow-xl shadow-primary-900/30">
                                ดำเนินการสั่งซื้อ
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18l6-6-6-6"/></svg>
                            </a>
                            <a href="BASE_URL . 'products" class="flex items-center justify-center gap-2 w-full text-gray-400 hover:text-white py-2 text-sm font-bold transition">
                                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="rotate-180"><path d="M9 18l6-6-6-6"/></svg>
                                เลือกซื้อสินค้าต่อ
                            </a>
                        </div>
                    </div>
                    
                    <p class="mt-8 text-center text-[10px] text-gray-400 font-bold uppercase tracking-[0.2em] px-10">
                        ปลอดภัย 100% ด้วยระบบ SSL และการรับรองจาก Mono Thailand Group
                    </p>
                </div>
            </div>
        <?php endif; ?>
    </div>
</div>

<?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