	<?php
// Include DB connection
include 'ominterior_db.php';

if (isset($_GET['id'])) {
    $id = $_GET['id'];
    $result = $conn->query("SELECT * FROM sub_slider_images WHERE id = $id");
    if ($result->num_rows > 0) {
        $row = $result->fetch_assoc();
    } else {
        die("Record not found.");
    }
}


if (isset($_POST['update'])) {
    $id = $_POST['id'];
    $number = mysqli_real_escape_string($conn, $_POST['number']);
    $process_name = mysqli_real_escape_string($conn, $_POST['process_name']);
    $h2 = mysqli_real_escape_string($conn, $_POST['h2']);
    $paragrpah = mysqli_real_escape_string($conn, $_POST['paragrpah']);
    $old_image = $_POST['old_image'];

   
    $uploadDir = "uploads/sub_slider/";
      if (!is_dir($uploadDir)) {
        mkdir($uploadDir, 0777, true);
    }
    $image = $old_image;

    if (!empty($_FILES['image']['name'])) {
        $fileType = pathinfo($_FILES['image']['name'], PATHINFO_EXTENSION);
        $allowedTypes = ['jpg', 'jpeg', 'png', 'gif', 'webp'];

        if (in_array(strtolower($fileType), $allowedTypes)) {
            $newImageName = uniqid('process_') . "_" . time() . "." . $fileType;
            $targetFile = $uploadDir . $newImageName;

            if (move_uploaded_file($_FILES['image']['tmp_name'], $targetFile)) {
                $image = $newImageName;
            }
        }
    }

    $sql = "UPDATE sub_slider_images SET 
                number='$number', 
                process_name='$process_name', 
                h2='$h2', 
                paragrpah='$paragrpah', 
                image='$image' 
            WHERE id=$id";

    if ($conn->query($sql) === TRUE) {
        echo "<div class='alert alert-success'>Updated successfully. <a href='list-process.php'>Back to list</a></div>";
        header("Location: gallery.php");
    } else {
        echo "<div class='alert alert-danger'>Error: " . $conn->error . "</div>";
    }
}
?>



<!doctype html>
<html lang="en" dir="ltr">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">

<link rel="icon" href="assets/images/black-logo.png" type="image/x-icon"/>

<title>OM INTERIOR - Dashborad</title>

<!-- Bootstrap Core and vandor -->
<link rel="stylesheet" href="assets/plugins/bootstrap/css/bootstrap.min.css" />

<!-- Plugins css -->
<link rel="stylesheet" href="assets/plugins/charts-c3/c3.min.css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<!-- Core css -->
<link rel="stylesheet" href="assets/css/main2.css"/>
<link rel="stylesheet" href="assets/css/theme1.css"/>

<style type="text/css">
.img-wrapper {
    position: relative;
    display: inline-block;
}
.img-wrapper img {
    max-width: 200px;
    height: auto;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.img-wrapper .delete-icon {
    position: absolute;
    top: -10px;
    right: -10px;
    background: red;
    color: white;
    font-weight: bold;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    cursor: pointer;
    text-decoration: none;
}
.img-wrapper .delete-icon:hover {
    background: darkred;
}
</style>

</head>

<body class="font-montserrat">
<!-- Page Loader -->
<div class="page-loader-wrapper">
    <div class="loader">
    </div>
</div>

<div id="main_content">

<?php include 'haderTop_logo.php'?>
    
<?php include 'rightside_menu.php'?>

<?php include 'leftside_menu.php' ?>


    <div class="page">
        <div id="page_top" class="section-body top_dark">
            <div class="container-fluid">
                <div class="page-header">
                    <div class="left">
                        <a href="javascript:void(0)" class="icon menu_toggle mr-3"><i class="fa  fa-align-left"></i></a>
                        <h1 class="page-title">Project</h1>                        
                    </div>
                    <div class="right">
                        <?php include 'dropdown_flex_menu.php' ?>
                    </div>
                </div>
            </div>
        </div>

        <div class="container mt-5">
            <h2>Edit Process</h2>
            <form method="POST" enctype="multipart/form-data">
                <input type="hidden" name="id" value="<?= $row['id'] ?>">

                <div class="mb-3">
                    <label class="form-label">Number</label>
                    <input type="text" name="number" class="form-control" value="<?= htmlspecialchars($row['number']) ?>" required>
                </div>

                <div class="mb-3">
                    <label class="form-label">Process Name</label>
                    <input type="text" name="process_name" class="form-control" value="<?= htmlspecialchars($row['process_name']) ?>" required>
                </div>

                <div class="mb-3">
                    <label class="form-label">H2</label>
                    <input type="text" name="h2" class="form-control" value="<?= htmlspecialchars($row['h2']) ?>" required>
                </div>

                <div class="mb-3">
                    <label class="form-label">Paragraph</label>
                    <input type="text" name="paragrpah" class="form-control" value="<?= htmlspecialchars($row['paragrpah']) ?>" required>
                </div>

                <?php if (!empty($row['image'])): ?>
                    <div class="mb-3">
                        <label class="form-label">Current Image</label><br>
                        <div class="img-wrapper">
                            <img src="uploads/sub_slider/<?= $row['image'] ?>" alt="Image">
                            <a href="delete-image.php?id=<?= $row['id'] ?>" class="delete-icon" onclick="return confirm('Are you sure you want to delete this image?')">×</a>
                        </div>
                    </div>
                <?php endif; ?>

                <div class="mb-3">
                    <label class="form-label">Upload New Image</label>
                    <input type="file" name="image" class="form-control">
                    <input type="hidden" name="old_image" value="<?= $row['image'] ?>">
                </div>

                <button type="submit" name="update" class="btn btn-primary">Update</button>
            </form>
        </div>


		                
        <div class="section-body">
            <footer class="footer">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-md-12 col-sm-12 text-md-right">
                            <ul class="list-inline mb-0">
                                <li class="list-inline-item"><a href="doc/index.html">OM INTERIOR</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </footer>
        </div>
    </div>    
</div>

<script src="assets/bundles/lib.vendor.bundle.js"></script>

<script src="assets/bundles/apexcharts.bundle.js"></script>
<script src="assets/bundles/counterup.bundle.js"></script>
<script src="assets/bundles/knobjs.bundle.js"></script>
<script src="assets/bundles/c3.bundle.js"></script>

<script src="assets/js/core.js"></script>
<script src="assets/js/page/project-index.js"></script>
</body>
</html>
