<?php
session_start();
if (!isset($_SESSION['admin_logged_in'])) { header("Location: login.php"); exit(); }
include '../db_connect.php';

// Handle Image Upload
if (isset($_POST['upload'])) {
    $title = $conn->real_escape_string($_POST['title']); // New Field
    $category = $_POST['category'];
    
    $target_dir = "../assets/gallery/";
    if (!file_exists($target_dir)) { mkdir($target_dir, 0777, true); }
    
    $file_name = time() . "_" . basename($_FILES["image"]["name"]);
    $target_file = $target_dir . $file_name;

    if (move_uploaded_file($_FILES["image"]["tmp_name"], $target_file)) {
        $db_path = "assets/gallery/" . $file_name;
        // Save Title to DB
        $conn->query("INSERT INTO gallery (image_path, category, title) VALUES ('$db_path', '$category', '$title')");
        $msg = "Image Uploaded Successfully!";
    } else {
        $msg = "Upload Failed.";
    }
}

// Handle Delete
if (isset($_GET['delete'])) {
    $id = $_GET['delete'];
    $conn->query("DELETE FROM gallery WHERE id=$id");
    header("Location: gallery.php");
}
?>

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Manage Gallery</title>
    <script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-gray-50 p-6">
    <nav class="mb-6 flex gap-4">
        <a href="dashboard.php" class="text-blue-600 font-bold">← Back to Dashboard</a>
    </nav>

    <div class="bg-white p-6 rounded shadow-md mb-8 border-t-4 border-teal-500">
        <h2 class="text-xl font-bold mb-4">Upload New Image</h2>
        <?php if(isset($msg)) echo "<p class='text-green-600 mb-4'>$msg</p>"; ?>
        <form method="POST" enctype="multipart/form-data" class="grid md:grid-cols-4 gap-4 items-end">
            <div>
                <label class="block text-xs font-bold text-gray-500 uppercase">Image Title</label>
                <input type="text" name="title" required placeholder="e.g. Operation Theater" class="w-full border p-2 rounded">
            </div>
            <div>
                <label class="block text-xs font-bold text-gray-500 uppercase">Category</label>
                <select name="category" class="w-full border p-2 rounded bg-white">
                    <option value="Hospital">Hospital Campus</option>
                    <option value="OT">OT / Equipment</option>
                    <option value="Camp">Events & Camps</option>
                    <option value="Patient">Patient Rooms</option>
                </select>
            </div>
            <div>
                <label class="block text-xs font-bold text-gray-500 uppercase">Select File</label>
                <input type="file" name="image" required class="w-full border p-2 rounded bg-gray-50">
            </div>
            <button type="submit" name="upload" class="bg-teal-600 text-white px-4 py-2 rounded hover:bg-teal-700 font-bold">Upload</button>
        </form>
    </div>

    <div class="grid grid-cols-2 md:grid-cols-4 gap-4">
        <?php
        $result = $conn->query("SELECT * FROM gallery ORDER BY id DESC");
        while($row = $result->fetch_assoc()) {
            echo '<div class="relative group rounded overflow-hidden shadow">';
            echo '<img src="../' . $row['image_path'] . '" class="w-full h-32 object-cover">';
            echo '<div class="p-2 bg-white">';
            echo '<p class="font-bold text-sm truncate">'.$row['title'].'</p>';
            echo '<p class="text-xs text-gray-500">'.$row['category'].'</p>';
            echo '</div>';
            echo '<a href="gallery.php?delete=' . $row['id'] . '" class="absolute top-1 right-1 bg-red-600 text-white text-xs px-2 py-1 rounded shadow hover:bg-red-700" onclick="return confirm(\'Delete?\')">X</a>';
            echo '</div>';
        }
        ?>
    </div>
</body>
</html>