<?php
// Dashboard without authentication - For development/demo only
// WARNING: Remove this file in production!

require_once '../config/database.php';

$database = new Database();
$db = $database->getConnection();

// Get statistics
$stats = [
    'users' => $db->query("SELECT COUNT(*) FROM users")->fetchColumn(),
    'products' => $db->query("SELECT COUNT(*) FROM products")->fetchColumn(),
    'services' => $db->query("SELECT COUNT(*) FROM beauty_services")->fetchColumn(),
    'orders' => $db->query("SELECT COUNT(*) FROM orders")->fetchColumn(),
    'bookings' => $db->query("SELECT COUNT(*) FROM beauty_bookings")->fetchColumn(),
];

$page_title = 'لوحة التحكم - بدون مصادقة';
?>
<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?php echo $page_title; ?></title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <style>
        body { font-family: 'Tajawal', sans-serif; }
    </style>
</head>
<body class="bg-gray-50">

<div class="min-h-screen">
    <!-- Warning Banner -->
    <div class="bg-red-600 text-white py-3 px-4">
        <div class="max-w-7xl mx-auto flex items-center gap-3">
            <i class="fas fa-exclamation-triangle text-2xl"></i>
            <div>
                <div class="font-bold">⚠️ تحذير: وضع التطوير - بدون مصادقة</div>
                <div class="text-sm">هذه الصفحة للتطوير فقط. يجب حذفها في الإنتاج!</div>
            </div>
        </div>
    </div>

    <!-- Header -->
    <header class="bg-white shadow-sm border-b">
        <div class="max-w-7xl mx-auto px-4 py-4">
            <div class="flex items-center justify-between">
                <h1 class="text-2xl font-bold text-gray-900">
                    <i class="fas fa-tachometer-alt text-pink-600 ml-2"></i>
                    لوحة التحكم
                </h1>
                <div class="flex gap-3">
                    <a href="dashboard.php" class="px-4 py-2 bg-green-600 text-white rounded-lg hover:bg-green-700">
                        <i class="fas fa-lock ml-1"></i>
                        النسخة الآمنة
                    </a>
                </div>
            </div>
        </div>
    </header>

    <!-- Main Content -->
    <main class="max-w-7xl mx-auto px-4 py-8">
        
        <!-- Stats Grid -->
        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-6 mb-8">
            <div class="bg-white rounded-xl shadow-md p-6 border-r-4 border-blue-500">
                <div class="flex items-center justify-between">
                    <div>
                        <p class="text-sm text-gray-600 mb-1">المستخدمين</p>
                        <p class="text-3xl font-bold text-blue-600"><?php echo number_format($stats['users']); ?></p>
                    </div>
                    <div class="bg-blue-100 p-4 rounded-full">
                        <i class="fas fa-users text-blue-600 text-2xl"></i>
                    </div>
                </div>
            </div>

            <div class="bg-white rounded-xl shadow-md p-6 border-r-4 border-green-500">
                <div class="flex items-center justify-between">
                    <div>
                        <p class="text-sm text-gray-600 mb-1">المنتجات</p>
                        <p class="text-3xl font-bold text-green-600"><?php echo number_format($stats['products']); ?></p>
                    </div>
                    <div class="bg-green-100 p-4 rounded-full">
                        <i class="fas fa-box text-green-600 text-2xl"></i>
                    </div>
                </div>
            </div>

            <div class="bg-white rounded-xl shadow-md p-6 border-r-4 border-pink-500">
                <div class="flex items-center justify-between">
                    <div>
                        <p class="text-sm text-gray-600 mb-1">الخدمات</p>
                        <p class="text-3xl font-bold text-pink-600"><?php echo number_format($stats['services']); ?></p>
                    </div>
                    <div class="bg-pink-100 p-4 rounded-full">
                        <i class="fas fa-spa text-pink-600 text-2xl"></i>
                    </div>
                </div>
            </div>

            <div class="bg-white rounded-xl shadow-md p-6 border-r-4 border-purple-500">
                <div class="flex items-center justify-between">
                    <div>
                        <p class="text-sm text-gray-600 mb-1">الطلبات</p>
                        <p class="text-3xl font-bold text-purple-600"><?php echo number_format($stats['orders']); ?></p>
                    </div>
                    <div class="bg-purple-100 p-4 rounded-full">
                        <i class="fas fa-shopping-cart text-purple-600 text-2xl"></i>
                    </div>
                </div>
            </div>

            <div class="bg-white rounded-xl shadow-md p-6 border-r-4 border-orange-500">
                <div class="flex items-center justify-between">
                    <div>
                        <p class="text-sm text-gray-600 mb-1">الحجوزات</p>
                        <p class="text-3xl font-bold text-orange-600"><?php echo number_format($stats['bookings']); ?></p>
                    </div>
                    <div class="bg-orange-100 p-4 rounded-full">
                        <i class="fas fa-calendar-check text-orange-600 text-2xl"></i>
                    </div>
                </div>
            </div>
        </div>

        <!-- Quick Links -->
        <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
            <a href="services/index.php" class="block bg-white rounded-xl shadow-md p-6 hover:shadow-lg transition">
                <div class="flex items-center gap-4">
                    <div class="bg-pink-100 p-4 rounded-full">
                        <i class="fas fa-spa text-pink-600 text-3xl"></i>
                    </div>
                    <div>
                        <h3 class="text-xl font-bold text-gray-900">إدارة الخدمات</h3>
                        <p class="text-gray-600 text-sm">إضافة وتعديل الخدمات</p>
                    </div>
                </div>
            </a>

            <a href="store-diagnostics.php" class="block bg-white rounded-xl shadow-md p-6 hover:shadow-lg transition">
                <div class="flex items-center gap-4">
                    <div class="bg-blue-100 p-4 rounded-full">
                        <i class="fas fa-stethoscope text-blue-600 text-3xl"></i>
                    </div>
                    <div>
                        <h3 class="text-xl font-bold text-gray-900">تشخيص المتجر</h3>
                        <p class="text-gray-600 text-sm">فحص شامل للنظام</p>
                    </div>
                </div>
            </a>

            <a href="project-analyzer.php" class="block bg-white rounded-xl shadow-md p-6 hover:shadow-lg transition">
                <div class="flex items-center gap-4">
                    <div class="bg-purple-100 p-4 rounded-full">
                        <i class="fas fa-project-diagram text-purple-600 text-3xl"></i>
                    </div>
                    <div>
                        <h3 class="text-xl font-bold text-gray-900">محلل المشروع</h3>
                        <p class="text-gray-600 text-sm">تحليل الهيكل والملفات</p>
                    </div>
                </div>
            </a>
        </div>

    </main>
</div>

</body>
</html>
