﻿<?php
session_start();
require_once '../../config/database.php';

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

$error = '';
$success = '';

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    $customer_name = trim($_POST['customer_name']);
    $customer_phone = trim($_POST['customer_phone']);
    $customer_email = trim($_POST['customer_email']);
    $project_type = $_POST['project_type'];
    $notes = trim($_POST['notes']);
    
    if (empty($customer_name) || empty($customer_phone)) {
        $error = 'الرجاء إدخال اسم العميل ورقم الهاتف';
    } else {
        try {
            $query = "INSERT INTO iot_projects (customer_name, customer_phone, customer_email, project_type, notes, created_by) 
                      VALUES (:customer_name, :customer_phone, :customer_email, :project_type, :notes, :created_by)";
            
            $stmt = $conn->prepare($query);
            $stmt->bindParam(':customer_name', $customer_name);
            $stmt->bindParam(':customer_phone', $customer_phone);
            $stmt->bindParam(':customer_email', $customer_email);
            $stmt->bindParam(':project_type', $project_type);
            $stmt->bindParam(':notes', $notes);
            $stmt->bindParam(':created_by', $_SESSION['admin_id']);
            
            if ($stmt->execute()) {
                $project_id = $conn->lastInsertId();
                header("Location: rooms.php?project_id={$project_id}&new=1");
                exit;
            } else {
                $error = 'حدث خطأ أثناء إضافة المشروع';
            }
        } catch (PDOException $e) {
            $error = 'خطأ في قاعدة البيانات: ' . $e->getMessage();
        }
    }
}

?>
<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>إضافة مشروع جديد - مقايسة IoT</title>
    <link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link rel="stylesheet" href="assets/style.css">
</head>
<body>
    <div class="container">
        <!-- Header -->
        <div class="card">
            <div class="flex items-center justify-between flex-wrap gap-4">
                <div>
                    <h1 class="text-4xl font-bold text-gray-900 mb-2">
                        <i class="fas fa-plus-circle text-purple-600 ml-3"></i>
                        إضافة مشروع جديد
                    </h1>
                    <p class="text-gray-600">إنشاء مقايسة جديدة لمشروع منزل ذكي</p>
                </div>
                <div class="flex gap-3">
                    <a href="index.php" class="btn btn-secondary">
                        <i class="fas fa-arrow-right ml-2"></i>
                        العودة للقائمة
                    </a>
                </div>
            </div>
        </div>

    <?php if ($error): ?>
        <div class="alert alert-error mb-6">
            <i class="fas fa-exclamation-circle"></i>
            <?php echo $error; ?>
        </div>
    <?php endif; ?>

    <?php if ($success): ?>
        <div class="alert alert-success mb-6">
            <i class="fas fa-check-circle"></i>
            <?php echo $success; ?>
        </div>
    <?php endif; ?>

    <div class="card">
        <form method="POST" class="space-y-6">
            <!-- معلومات العميل -->
            <div class="border-b pb-6">
                <h2 class="text-xl font-bold text-gray-800 mb-4">
                    <i class="fas fa-user text-blue-500"></i>
                    معلومات العميل
                </h2>
                
                <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
                    <div>
                        <label class="form-label required">اسم العميل</label>
                        <input type="text" name="customer_name" required 
                               class="form-input" placeholder="أدخل اسم العميل">
                    </div>

                    <div>
                        <label class="form-label required">رقم الهاتف</label>
                        <input type="tel" name="customer_phone" required 
                               class="form-input" placeholder="05xxxxxxxx" 
                               pattern="[0-9]{10}" dir="ltr">
                        <small class="text-gray-500">مثال: 0512345678</small>
                    </div>

                    <div>
                        <label class="form-label">البريد الإلكتروني</label>
                        <input type="email" name="customer_email" 
                               class="form-input" placeholder="example@email.com" dir="ltr">
                    </div>

                    <div>
                        <label class="form-label required">نوع المشروع</label>
                        <select name="project_type" required class="form-select">
                            <option value="">اختر نوع المشروع</option>
                            <option value="house">🏠 منزل</option>
                            <option value="apartment">🏢 شقة</option>
                            <option value="villa">🏰 فيلا</option>
                            <option value="office">🏢 مكتب</option>
                            <option value="other">📍 أخرى</option>
                        </select>
                    </div>
                </div>
            </div>

            <!-- ملاحظات -->
            <div>
                <h2 class="text-xl font-bold text-gray-800 mb-4">
                    <i class="fas fa-sticky-note text-yellow-500"></i>
                    ملاحظات إضافية
                </h2>
                
                <textarea name="notes" rows="4" class="form-input" 
                          placeholder="أي ملاحظات أو متطلبات خاصة للمشروع..."></textarea>
            </div>

            <!-- أزرار الإجراءات -->
            <div class="flex gap-4 pt-6 border-t">
                <button type="submit" class="btn btn-primary">
                    <i class="fas fa-save"></i>
                    حفظ والمتابعة لإضافة الغرف
                </button>
                
                <a href="index.php" class="btn btn-secondary">
                    <i class="fas fa-times"></i>
                    إلغاء
                </a>
            </div>
        </form>
    </div>

    <!-- معلومات إرشادية -->
    <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mt-6">
        <div class="card bg-blue-50 border-blue-200">
            <div class="flex items-start gap-4">
                <div class="text-3xl">📝</div>
                <div>
                    <h3 class="font-bold text-blue-800 mb-2">الخطوة 1: معلومات المشروع</h3>
                    <p class="text-sm text-blue-600">أدخل معلومات العميل الأساسية ونوع المشروع</p>
                </div>
            </div>
        </div>

        <div class="card bg-purple-50 border-purple-200">
            <div class="flex items-start gap-4">
                <div class="text-3xl">🚪</div>
                <div>
                    <h3 class="font-bold text-purple-800 mb-2">الخطوة 2: إضافة الغرف</h3>
                    <p class="text-sm text-purple-600">بعد الحفظ، ستتمكن من إضافة الغرف للمشروع</p>
                </div>
            </div>
        </div>

        <div class="card bg-green-50 border-green-200">
            <div class="flex items-start gap-4">
                <div class="text-3xl">🔌</div>
                <div>
                    <h3 class="font-bold text-green-800 mb-2">الخطوة 3: إضافة الأجهزة</h3>
                    <p class="text-sm text-green-600">أضف الأجهزة الذكية لكل غرفة واحسب التكلفة</p>
                </div>
            </div>
        </div>
    </div>
    </div>

<style>
.form-label.required::after {
    content: ' *';
    color: #ef4444;
}
</style>

</body>
</html>
