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

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

$project_id = isset($_GET['project_id']) ? intval($_GET['project_id']) : 0;
$is_new = isset($_GET['new']) && $_GET['new'] == 1;

if ($project_id <= 0) {
    header('Location: index.php');
    exit;
}

// جلب معلومات المشروع
$query = "SELECT * FROM iot_projects WHERE id = :id";
$stmt = $conn->prepare($query);
$stmt->bindParam(':id', $project_id);
$stmt->execute();
$project = $stmt->fetch(PDO::FETCH_ASSOC);

if (!$project) {
    header('Location: index.php');
    exit;
}

// جلب الغرف
$rooms_query = "SELECT r.*, COUNT(d.id) as devices_count, SUM(d.total_price) as room_cost
                FROM iot_project_rooms r
                LEFT JOIN iot_project_devices d ON r.id = d.room_id
                WHERE r.project_id = :project_id
                GROUP BY r.id
                ORDER BY r.created_at ASC";
$rooms_stmt = $conn->prepare($rooms_query);
$rooms_stmt->bindParam(':project_id', $project_id);
$rooms_stmt->execute();
$rooms = $rooms_stmt->fetchAll(PDO::FETCH_ASSOC);

// جلب قوالب الغرف
$templates_query = "SELECT * FROM iot_room_templates WHERE is_active = 1 ORDER BY room_type";
$templates_stmt = $conn->query($templates_query);
$templates = $templates_stmt->fetchAll(PDO::FETCH_ASSOC);

?>
<!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-door-open text-purple-600 ml-3"></i>
                        إدارة الغرف
                    </h1>
                    <p class="text-gray-600">
                        مشروع: <strong><?php echo htmlspecialchars($project['customer_name']); ?></strong>
                        (#<?php echo $project['id']; ?>)
                    </p>
                </div>
                <div class="flex gap-3 flex-wrap">
                    <a href="view.php?id=<?php echo $project_id; ?>" class="btn btn-secondary">
                        <i class="fas fa-eye ml-2"></i>
                        عرض المشروع
                    </a>
                    <a href="index.php" class="btn btn-secondary">
                        <i class="fas fa-arrow-right ml-2"></i>
                        العودة
                    </a>
                </div>
            </div>
        </div>

        <?php if ($is_new): ?>
        <div class="alert alert-success">
            <i class="fas fa-check-circle"></i>
            تم إنشاء المشروع بنجاح! الآن يمكنك إضافة الغرف والأجهزة.
        </div>
        <?php endif; ?>

        <div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
            <!-- نموذج إضافة غرفة -->
            <div class="lg:col-span-1">
                <div class="card" style="position: sticky; top: 20px;">
                <h2 class="text-xl font-bold text-gray-800 mb-4">
                    <i class="fas fa-plus-circle text-green-500"></i>
                    إضافة غرفة جديدة
                </h2>

                <form id="addRoomForm" class="space-y-4">
                    <input type="hidden" name="project_id" value="<?php echo $project_id; ?>">
                    
                    <div>
                        <label class="form-label">استخدام قالب جاهز</label>
                        <select id="roomTemplate" class="form-select">
                            <option value="">اختر قالب (اختياري)</option>
                            <?php foreach ($templates as $template): ?>
                                <option value="<?php echo $template['id']; ?>" 
                                        data-name="<?php echo htmlspecialchars($template['room_name']); ?>"
                                        data-type="<?php echo $template['room_type']; ?>">
                                    <?php echo htmlspecialchars($template['room_name']); ?>
                                </option>
                            <?php endforeach; ?>
                        </select>
                    </div>

                    <div>
                        <label class="form-label required">اسم الغرفة</label>
                        <input type="text" name="room_name" id="roomName" required 
                               class="form-input" placeholder="مثال: غرفة النوم الرئيسية">
                    </div>

                    <div>
                        <label class="form-label required">نوع الغرفة</label>
                        <select name="room_type" id="roomType" required class="form-select">
                            <option value="">اختر النوع</option>
                            <option value="bedroom">🛏️ غرفة نوم</option>
                            <option value="living_room">🛋️ صالة معيشة</option>
                            <option value="kitchen">🍳 مطبخ</option>
                            <option value="bathroom">🚿 حمام</option>
                            <option value="office">💼 مكتب</option>
                            <option value="garage">🚗 جراج</option>
                            <option value="garden">🌳 حديقة</option>
                            <option value="other">📍 أخرى</option>
                        </select>
                    </div>

                    <div>
                        <label class="form-label">المساحة (متر مربع)</label>
                        <input type="number" name="area_sqm" step="0.01" 
                               class="form-input" placeholder="20.5">
                    </div>

                    <div>
                        <label class="form-label">رقم الطابق</label>
                        <input type="number" name="floor_number" value="1" 
                               class="form-input" min="0">
                    </div>

                    <div>
                        <label class="form-label">ملاحظات</label>
                        <textarea name="notes" rows="3" class="form-input" 
                                  placeholder="أي ملاحظات خاصة بالغرفة..."></textarea>
                    </div>

                    <button type="submit" class="btn btn-primary w-full">
                        <i class="fas fa-plus"></i>
                        إضافة الغرفة
                    </button>
                </form>
                </div>
            </div>

            <!-- قائمة الغرف -->
            <div class="lg:col-span-2">
                <div class="card">
                <h2 class="text-xl font-bold text-gray-800 mb-4">
                    <i class="fas fa-list text-blue-500"></i>
                    الغرف المضافة (<?php echo count($rooms); ?>)
                </h2>

                <?php if (empty($rooms)): ?>
                    <div class="text-center py-12 text-gray-500">
                        <i class="fas fa-door-open text-6xl mb-4 opacity-50"></i>
                        <p class="text-lg">لم يتم إضافة أي غرف بعد</p>
                        <p class="text-sm mt-2">استخدم النموذج على اليسار لإضافة غرفة جديدة</p>
                    </div>
                <?php else: ?>
                    <div class="space-y-4" id="roomsList">
                        <?php foreach ($rooms as $room): ?>
                            <div class="border rounded-lg p-4 hover:shadow-md transition-shadow">
                                <div class="flex justify-between items-start mb-3">
                                    <div class="flex-1">
                                        <h3 class="text-lg font-bold text-gray-800">
                                            <?php
                                            $room_icons = [
                                                'bedroom' => '🛏️',
                                                'living_room' => '🛋️',
                                                'kitchen' => '🍳',
                                                'bathroom' => '🚿',
                                                'office' => '💼',
                                                'garage' => '🚗',
                                                'garden' => '🌳',
                                                'other' => '📍'
                                            ];
                                            echo $room_icons[$room['room_type']] ?? '📍';
                                            ?>
                                            <?php echo htmlspecialchars($room['room_name']); ?>
                                        </h3>
                                        <?php if ($room['area_sqm']): ?>
                                            <p class="text-sm text-gray-600">
                                                <i class="fas fa-ruler-combined"></i>
                                                المساحة: <?php echo $room['area_sqm']; ?> م²
                                            </p>
                                        <?php endif; ?>
                                        <?php if ($room['floor_number']): ?>
                                            <p class="text-sm text-gray-600">
                                                <i class="fas fa-layer-group"></i>
                                                الطابق: <?php echo $room['floor_number']; ?>
                                            </p>
                                        <?php endif; ?>
                                    </div>
                                    <div class="flex gap-2">
                                        <a href="devices.php?room_id=<?php echo $room['id']; ?>" 
                                           class="btn-icon btn-icon-blue" title="إدارة الأجهزة">
                                            <i class="fas fa-microchip"></i>
                                        </a>
                                        <button onclick="editRoom(<?php echo $room['id']; ?>)" 
                                                class="btn-icon btn-icon-green" title="تعديل">
                                            <i class="fas fa-edit"></i>
                                        </button>
                                        <button onclick="deleteRoom(<?php echo $room['id']; ?>)" 
                                                class="btn-icon btn-icon-red" title="حذف">
                                            <i class="fas fa-trash"></i>
                                        </button>
                                    </div>
                                </div>

                                <div class="flex gap-4 pt-3 border-t">
                                    <div class="flex items-center gap-2">
                                        <span class="badge badge-purple">
                                            <i class="fas fa-microchip"></i>
                                            <?php echo $room['devices_count']; ?> جهاز
                                        </span>
                                    </div>
                                    <div class="flex items-center gap-2">
                                        <span class="badge badge-green">
                                            <i class="fas fa-dollar-sign"></i>
                                            <?php echo number_format($room['room_cost'] ?? 0, 2); ?> ج.م
                                        </span>
                                    </div>
                                </div>

                                <?php if ($room['notes']): ?>
                                    <div class="mt-3 p-2 bg-yellow-50 rounded text-sm text-gray-700">
                                        <i class="fas fa-sticky-note text-yellow-600"></i>
                                        <?php echo htmlspecialchars($room['notes']); ?>
                                    </div>
                                <?php endif; ?>
                            </div>
                        <?php endforeach; ?>
                    </div>

                    <div class="mt-6 pt-6 border-t">
                        <a href="view.php?id=<?php echo $project_id; ?>" class="btn btn-primary">
                            <i class="fas fa-check"></i>
                            إنهاء وعرض المشروع الكامل
                        </a>
                    </div>
                <?php endif; ?>
                </div>
            </div>
        </div>

<script>
// تطبيق القالب
document.getElementById('roomTemplate').addEventListener('change', function() {
    const selected = this.options[this.selectedIndex];
    if (selected.value) {
        document.getElementById('roomName').value = selected.dataset.name;
        document.getElementById('roomType').value = selected.dataset.type;
    }
});

// إضافة غرفة
document.getElementById('addRoomForm').addEventListener('submit', function(e) {
    e.preventDefault();
    
    const formData = new FormData(this);
    
    fetch('api/add-room.php', {
        method: 'POST',
        body: formData
    })
    .then(response => response.json())
    .then(data => {
        if (data.success) {
            alert('تم إضافة الغرفة بنجاح');
            location.reload();
        } else {
            alert('حدث خطأ: ' + data.message);
        }
    })
    .catch(error => {
        alert('حدث خطأ في الاتصال');
        console.error('Error:', error);
    });
});

// حذف غرفة
function deleteRoom(id) {
    if (confirm('هل أنت متأكد من حذف هذه الغرفة؟ سيتم حذف جميع الأجهزة المرتبطة بها.')) {
        fetch('api/delete-room.php', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
            },
            body: JSON.stringify({ id: id })
        })
        .then(response => response.json())
        .then(data => {
            if (data.success) {
                alert('تم حذف الغرفة بنجاح');
                location.reload();
            } else {
                alert('حدث خطأ: ' + data.message);
            }
        })
        .catch(error => {
            alert('حدث خطأ في الاتصال');
            console.error('Error:', error);
        });
    }
}

function editRoom(id) {
    alert('ميزة التعديل قيد التطوير');
}
</script>

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

</body>
</html>
