<?php
session_start();

// Check admin access
if (!isset($_SESSION['user_id']) || $_SESSION['role'] !== 'admin') {
    header('Location: ../login.php');
    exit;
}

require_once '../../config/database.php';

$database = new Database();
$db = $database->getConnection();

$message = '';
$message_type = 'success';

// Get categories
try {
    $query = "SELECT * FROM categories WHERE type = 'product' ORDER BY name";
    $stmt = $db->prepare($query);
    $stmt->execute();
    $categories = $stmt->fetchAll(PDO::FETCH_ASSOC);
} catch (Exception $e) {
    $categories = [];
}

// Handle form submission
if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['add_product'])) {
    try {
        $name = $_POST['name'];
        $description = $_POST['description'] ?? '';
        $price = $_POST['price'];
        $discount_price = !empty($_POST['discount_price']) ? $_POST['discount_price'] : null;
        $category_id = !empty($_POST['category_id']) ? $_POST['category_id'] : null;
        $stock_quantity = $_POST['stock_quantity'] ?? 0;
        $status = $_POST['status'] ?? 'active';
        $sku = !empty($_POST['sku']) ? $_POST['sku'] : null;
        
        // New fields
        $size = $_POST['size'] ?? null;
        $certification = $_POST['certification'] ?? null;
        $short_description = $_POST['short_description'] ?? null;
        $detailed_description = $_POST['detailed_description'] ?? null;
        $how_to_use = $_POST['how_to_use'] ?? null;
        $additional_tips = $_POST['additional_tips'] ?? null;
        
        // Handle main image upload
        $image = null;
        if (isset($_FILES['image']) && $_FILES['image']['error'] === UPLOAD_ERR_OK) {
            $upload_dir = '../../uploads/products/';
            if (!file_exists($upload_dir)) {
                mkdir($upload_dir, 0777, true);
            }
            
            $file_extension = pathinfo($_FILES['image']['name'], PATHINFO_EXTENSION);
            $new_filename = uniqid() . '.' . $file_extension;
            $upload_path = $upload_dir . $new_filename;
            
            if (move_uploaded_file($_FILES['image']['tmp_name'], $upload_path)) {
                $image = 'uploads/products/' . $new_filename;
            }
        }
        
        // Handle gallery images upload
        $gallery_images = [];
        if (isset($_FILES['gallery_images'])) {
            $upload_dir = '../../uploads/products/';
            foreach ($_FILES['gallery_images']['tmp_name'] as $key => $tmp_name) {
                if ($_FILES['gallery_images']['error'][$key] === UPLOAD_ERR_OK) {
                    $file_extension = pathinfo($_FILES['gallery_images']['name'][$key], PATHINFO_EXTENSION);
                    $new_filename = uniqid() . '.' . $file_extension;
                    $upload_path = $upload_dir . $new_filename;
                    
                    if (move_uploaded_file($tmp_name, $upload_path)) {
                        $gallery_images[] = 'uploads/products/' . $new_filename;
                    }
                }
            }
        }
        $gallery_json = !empty($gallery_images) ? json_encode($gallery_images) : null;
        
        // Insert product
        $query = "INSERT INTO products (name, description, price, discount_price, category_id, stock_quantity, status, sku, image, 
                  size, certification, short_description, detailed_description, how_to_use, additional_tips, gallery_images, created_at) 
                  VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?, NOW())";
        $stmt = $db->prepare($query);
        $stmt->execute([$name, $description, $price, $discount_price, $category_id, $stock_quantity, $status, $sku, $image,
                       $size, $certification, $short_description, $detailed_description, $how_to_use, $additional_tips, $gallery_json]);
        
        header('Location: index.php?added=1');
        exit;
        
    } catch (Exception $e) {
        $message = 'خطأ في إضافة المنتج: ' . $e->getMessage();
        $message_type = 'error';
    }
}
?>
<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>إضافة منتج جديد - Roz Skin</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">
        <!-- Header -->
        <header class="bg-white shadow-sm border-b border-gray-200 sticky top-0 z-20">
            <div class="flex items-center justify-between px-6 py-4">
                <div class="flex items-center space-x-4 space-x-reverse">
                    <a href="index.php" class="text-gray-600 hover:text-gray-900">
                        <i class="fas fa-arrow-right text-xl"></i>
                    </a>
                    <h1 class="text-2xl font-bold text-gray-900">إضافة منتج جديد</h1>
                </div>
            </div>
        </header>

        <!-- Content -->
        <div class="p-6 max-w-4xl mx-auto">
            <?php if ($message): ?>
                <div class="mb-6 p-4 rounded-lg border-r-4 <?php echo $message_type === 'success' ? 'bg-green-50 border-green-400' : 'bg-red-50 border-red-400'; ?>">
                    <p class="text-sm <?php echo $message_type === 'success' ? 'text-green-700' : 'text-red-700'; ?>"><?php echo $message; ?></p>
                </div>
            <?php endif; ?>

            <form method="POST" enctype="multipart/form-data" class="bg-white rounded-lg shadow-sm border border-gray-200 p-6">
                <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                    <!-- اسم المنتج -->
                    <div class="md:col-span-2">
                        <label class="block text-sm font-medium text-gray-700 mb-2">
                            <i class="fas fa-tag text-purple-600 ml-2"></i>اسم المنتج *
                        </label>
                        <input type="text" name="name" required 
                               class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent"
                               placeholder="مثال: سيروم فيتامين سي">
                    </div>

                    <!-- الوصف -->
                    <div class="md:col-span-2">
                        <label class="block text-sm font-medium text-gray-700 mb-2">
                            <i class="fas fa-align-right text-blue-600 ml-2"></i>الوصف
                        </label>
                        <textarea name="description" rows="4"
                                  class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent"
                                  placeholder="وصف تفصيلي للمنتج..."></textarea>
                    </div>

                    <!-- السعر -->
                    <div>
                        <label class="block text-sm font-medium text-gray-700 mb-2">
                            <i class="fas fa-dollar-sign text-green-600 ml-2"></i>السعر الأصلي (ج.م) *
                        </label>
                        <input type="number" name="price" step="0.01" required 
                               class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent"
                               placeholder="0.00">
                    </div>

                    <!-- السعر بعد الخصم -->
                    <div>
                        <label class="block text-sm font-medium text-gray-700 mb-2">
                            <i class="fas fa-tag text-red-600 ml-2"></i>السعر بعد الخصم (ج.م)
                            <span class="text-xs text-gray-500">(اختياري)</span>
                        </label>
                        <input type="number" name="discount_price" step="0.01"
                               class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent"
                               placeholder="اترك فارغاً إذا لم يكن هناك خصم">
                        <p class="text-xs text-gray-500 mt-1">💡 سيظهر السعر الأصلي مشطوب والسعر الجديد بارز</p>
                    </div>

                    <!-- الكمية -->
                    <div>
                        <label class="block text-sm font-medium text-gray-700 mb-2">
                            <i class="fas fa-boxes text-orange-600 ml-2"></i>الكمية المتاحة
                        </label>
                        <input type="number" name="stock_quantity" value="0"
                               class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent"
                               placeholder="0">
                    </div>

                    <!-- الفئة -->
                    <div>
                        <label class="block text-sm font-medium text-gray-700 mb-2">
                            <i class="fas fa-folder text-yellow-600 ml-2"></i>الفئة
                        </label>
                        <select name="category_id" 
                                class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent">
                            <option value="">بدون فئة</option>
                            <?php foreach ($categories as $category): ?>
                                <option value="<?php echo $category['id']; ?>">
                                    <?php echo htmlspecialchars($category['name']); ?>
                                </option>
                            <?php endforeach; ?>
                        </select>
                    </div>

                    <!-- الحالة -->
                    <div>
                        <label class="block text-sm font-medium text-gray-700 mb-2">
                            <i class="fas fa-toggle-on text-indigo-600 ml-2"></i>الحالة
                        </label>
                        <select name="status" 
                                class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent">
                            <option value="active">نشط</option>
                            <option value="inactive">غير نشط</option>
                        </select>
                    </div>

                    <!-- SKU -->
                    <div>
                        <label class="block text-sm font-medium text-gray-700 mb-2">
                            <i class="fas fa-barcode text-gray-600 ml-2"></i>رمز المنتج (SKU)
                        </label>
                        <input type="text" name="sku"
                               class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent"
                               placeholder="مثال: PROD-001">
                    </div>

                    <!-- الحجم -->
                    <div>
                        <label class="block text-sm font-medium text-gray-700 mb-2">
                            <i class="fas fa-ruler text-teal-600 ml-2"></i>الحجم
                        </label>
                        <input type="text" name="size"
                               class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent"
                               placeholder="مثال: 10 مل، 50 جم">
                    </div>

                    <!-- الصورة الرئيسية -->
                    <div>
                        <label class="block text-sm font-medium text-gray-700 mb-2">
                            <i class="fas fa-image text-pink-600 ml-2"></i>الصورة الرئيسية
                        </label>
                        <input type="file" name="image" accept="image/*"
                               class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent">
                        <p class="text-xs text-gray-500 mt-1">JPG, PNG, GIF (الحد الأقصى: 5MB)</p>
                    </div>

                    <!-- الاعتماد والترخيص -->
                    <div class="md:col-span-2">
                        <label class="block text-sm font-medium text-gray-700 mb-2">
                            <i class="fas fa-certificate text-amber-600 ml-2"></i>الاعتماد والترخيص
                        </label>
                        <input type="text" name="certification"
                               class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent"
                               placeholder="مثال: مُرخص ومعتمد من وزارة الصحة المصرية">
                    </div>

                    <!-- الوصف المختصر -->
                    <div class="md:col-span-2">
                        <label class="block text-sm font-medium text-gray-700 mb-2">
                            <i class="fas fa-align-left text-blue-600 ml-2"></i>الوصف المختصر (للعرض الرئيسي)
                        </label>
                        <textarea name="short_description" rows="3"
                                  class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent"
                                  placeholder="وصف قصير يظهر في قوائم المنتجات..."></textarea>
                    </div>

                    <!-- الوصف التفصيلي -->
                    <div class="md:col-span-2">
                        <label class="block text-sm font-medium text-gray-700 mb-2">
                            <i class="fas fa-file-alt text-indigo-600 ml-2"></i>الوصف التفصيلي والميزات
                        </label>
                        <textarea name="detailed_description" rows="6"
                                  class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent"
                                  placeholder="وصف تفصيلي كامل مع الميزات الرئيسية..."></textarea>
                    </div>

                    <!-- طريقة الاستخدام -->
                    <div class="md:col-span-2">
                        <label class="block text-sm font-medium text-gray-700 mb-2">
                            <i class="fas fa-list-ol text-green-600 ml-2"></i>طريقة الاستخدام
                        </label>
                        <textarea name="how_to_use" rows="4"
                                  class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent"
                                  placeholder="1. الخطوة الأولى...&#10;2. الخطوة الثانية..."></textarea>
                    </div>

                    <!-- نصائح إضافية -->
                    <div class="md:col-span-2">
                        <label class="block text-sm font-medium text-gray-700 mb-2">
                            <i class="fas fa-lightbulb text-yellow-600 ml-2"></i>نصائح إضافية
                        </label>
                        <textarea name="additional_tips" rows="3"
                                  class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent"
                                  placeholder="نصائح مفيدة للحصول على أفضل النتائج..."></textarea>
                    </div>

                    <!-- معرض الصور -->
                    <div class="md:col-span-2">
                        <label class="block text-sm font-medium text-gray-700 mb-2">
                            <i class="fas fa-images text-purple-600 ml-2"></i>معرض الصور (صور إضافية)
                        </label>
                        <input type="file" name="gallery_images[]" accept="image/*" multiple
                               class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 focus:border-transparent">
                        <p class="text-xs text-gray-500 mt-1">يمكنك اختيار عدة صور (Ctrl/Cmd + Click)</p>
                    </div>
                </div>

                <!-- Buttons -->
                <div class="flex gap-3 mt-6 pt-6 border-t border-gray-200">
                    <button type="submit" name="add_product" 
                            class="flex-1 bg-purple-600 text-white px-6 py-3 rounded-lg font-medium hover:bg-purple-700 transition">
                        <i class="fas fa-plus ml-2"></i>إضافة المنتج
                    </button>
                    <a href="index.php" 
                       class="flex-1 bg-gray-600 text-white px-6 py-3 rounded-lg font-medium hover:bg-gray-700 transition text-center">
                        <i class="fas fa-times ml-2"></i>إلغاء
                    </a>
                </div>
            </form>
        </div>
    </div>
</body>
</html>
