<?php
if (session_status() === PHP_SESSION_NONE) {
    session_start();
}
require_once 'includes/db.php';

// যদি কাস্টমার লগইন করা না থাকে, তবে লগইন পেজে পাঠিয়ে দাও
if (!isset($_SESSION['customer_id'])) {
    header("Location: login.php");
    exit;
}

$user_id = $_SESSION['customer_id'];

// ১. ইউজারের বর্তমান তথ্য ডাটাবেস থেকে আনা (যদি প্রোফাইল আপডেট করে থাকে)
$stmt_user = $pdo->prepare("SELECT * FROM users WHERE id = ?");
$stmt_user->execute([$user_id]);
$user_info = $stmt_user->fetch(PDO::FETCH_ASSOC);

// ২. ইউজারের করা সব অর্ডারের লিস্ট আনা
$stmt_orders = $pdo->prepare("SELECT * FROM orders WHERE user_id = ? ORDER BY id DESC");
$stmt_orders->execute([$user_id]);
$orders = $stmt_orders->fetchAll(PDO::FETCH_ASSOC);

// স্ট্যাটাস অনুযায়ী কালার নির্ধারণ করার ফাংশন
function getStatusStyle($status) {
    switch ($status) {
        case 'Pending': return 'bg-red-100 text-red-600';
        case 'Processing': return 'bg-blue-100 text-blue-600';
        case 'Completed': return 'bg-green-100 text-green-600';
        case 'Cancelled': return 'bg-gray-100 text-gray-600';
        default: return 'bg-gray-100 text-gray-600';
    }
}

require_once 'includes/header.php';
?>

<div class="bg-gray-50 min-h-screen pb-24">
    <!-- Profile Hero Section -->
    <div class="bg-primary text-white py-12">
        <div class="container mx-auto px-4">
            <div class="flex flex-col md:flex-row items-center gap-6">
                <div class="w-24 h-24 bg-white/20 rounded-full flex items-center justify-center border-4 border-white/30 text-4xl font-bold uppercase en-font">
                    <?= substr($user_info['name'], 0, 1) ?>
                </div>
                <div class="text-center md:text-left">
                    <h1 class="text-3xl font-bold font-bangla"><?= htmlspecialchars($user_info['name']) ?></h1>
                    <p class="text-blue-100 font-bangla mt-1">আপনার ব্যক্তিগত ড্যাশবোর্ডে স্বাগতম</p>
                </div>
                <div class="md:ml-auto">
                    <a href="logout.php" class="bg-red-500 hover:bg-red-600 text-white px-6 py-2 rounded-full font-bold font-bangla transition text-sm shadow-lg">
                        <i class="fa-solid fa-right-from-bracket mr-2"></i> লগআউট করুন
                    </a>
                </div>
            </div>
        </div>
    </div>

    <div class="container mx-auto px-4 -mt-8">
        <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
            
            <!-- Left Column: User Info Card -->
            <div class="lg:col-span-1">
                <div class="bg-white rounded-2xl shadow-sm border border-gray-100 p-6">
                    <h3 class="font-bold text-gray-800 font-bangla text-lg border-b pb-3 mb-4">আপনার তথ্য</h3>
                    <div class="space-y-4 font-bangla text-sm">
                        <div class="flex items-start gap-3">
                            <i class="fa-solid fa-phone text-primary mt-1"></i>
                            <div>
                                <p class="text-gray-400 text-xs uppercase">মোবাইল নাম্বার</p>
                                <p class="font-bold text-gray-700 en-font"><?= htmlspecialchars($user_info['phone']) ?></p>
                            </div>
                        </div>
                        <?php if($user_info['email']): ?>
                        <div class="flex items-start gap-3">
                            <i class="fa-solid fa-envelope text-primary mt-1"></i>
                            <div>
                                <p class="text-gray-400 text-xs uppercase">ইমেইল ঠিকানা</p>
                                <p class="font-bold text-gray-700 en-font"><?= htmlspecialchars($user_info['email']) ?></p>
                            </div>
                        </div>
                        <?php endif; ?>
                        <div class="flex items-start gap-3">
                            <i class="fa-solid fa-location-dot text-primary mt-1"></i>
                            <div>
                                <p class="text-gray-400 text-xs uppercase">ডিফল্ট ঠিকানা</p>
                                <p class="font-bold text-gray-700 leading-relaxed"><?= nl2br(htmlspecialchars($user_info['address'] ?? 'ঠিকানা দেওয়া নেই')) ?></p>
                            </div>
                        </div>
                    </div>
                    
                    <div class="mt-8 p-4 bg-blue-50 rounded-xl border border-blue-100 text-center">
                        <p class="text-xs text-blue-600 font-bangla">অর্ডার সংক্রান্ত সমস্যায় আমাদের কল করুন</p>
                        <p class="font-bold text-primary en-font text-lg"><?= $contact_phone ?></p>
                    </div>
                </div>
            </div>

            <!-- Right Column: Order History -->
            <div class="lg:col-span-2">
                <div class="bg-white rounded-2xl shadow-sm border border-gray-100 overflow-hidden">
                    <div class="p-6 border-b border-gray-100 flex justify-between items-center bg-slate-50/50">
                        <h3 class="font-bold text-gray-800 font-bangla text-lg">আপনার অর্ডার হিস্ট্রি</h3>
                        <span class="bg-blue-600 text-white px-3 py-1 rounded-full text-xs font-bold en-font"><?= count($orders) ?> Total</span>
                    </div>

                    <div class="overflow-x-auto">
                        <table class="w-full text-left border-collapse">
                            <thead>
                                <tr class="text-gray-500 text-xs uppercase font-bangla border-b bg-gray-50/50">
                                    <th class="p-4 font-semibold">অর্ডার আইডি</th>
                                    <th class="p-4 font-semibold">তারিখ</th>
                                    <th class="p-4 font-semibold">মোট বিল</th>
                                    <th class="p-4 font-semibold">অবস্থা</th>
                                    <th class="p-4 font-semibold text-right">অ্যাকশন</th>
                                </tr>
                            </thead>
                            <tbody class="divide-y text-sm font-bangla">
                                <?php if(empty($orders)): ?>
                                    <tr>
                                        <td colspan="5" class="p-12 text-center text-gray-400">
                                            <i class="fa-solid fa-box-open text-5xl mb-4 block opacity-20"></i>
                                            আপনার কোনো অর্ডার হিস্ট্রি পাওয়া যায়নি।
                                        </td>
                                    </tr>
                                <?php else: ?>
                                    <?php foreach($orders as $order): ?>
                                    <tr class="hover:bg-gray-50 transition group">
                                        <td class="p-4 font-bold text-gray-800 en-font">#<?= htmlspecialchars($order['order_number']) ?></td>
                                        <td class="p-4 text-gray-500 en-font text-xs">
                                            <?= date('d M, Y', strtotime($order['created_at'])) ?>
                                        </td>
                                        <td class="p-4 font-bold text-primary en-font">৳ <?= number_format($order['total_amount'], 2) ?></td>
                                        <td class="p-4">
                                            <span class="px-3 py-1 rounded-full text-[10px] font-bold uppercase tracking-wider <?= getStatusStyle($order['status']) ?>">
                                                <?= $order['status'] ?>
                                            </span>
                                        </td>
                                        <td class="p-4 text-right">
                                            <a href="user-order-details.php?id=<?= $order['id'] ?>" class="bg-gray-100 text-gray-600 hover:bg-primary hover:text-white px-4 py-1.5 rounded-lg text-xs font-bold transition shadow-sm">
                                                বিস্তারিত <i class="fa-solid fa-angle-right ml-1"></i>
                                            </a>
                                        </td>
                                    </tr>
                                    <?php endforeach; ?>
                                <?php endif; ?>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>

<?php require_once 'includes/footer.php'; ?>