<?php

include 'ominterior_db.php'; // Ensure connection is established

    if (isset($_POST['submit'])) {
        $number = $_POST['number'];
        $process_name = $_POST['process_name'];
        $h2 = $_POST['h2'];
        $paragrpah = $_POST['paragrpah'];

        $uploadDir = "uploads/sub_slider/";
            if (!is_dir($uploadDir)) {
            mkdir($uploadDir, 0777, true);
        }

        // Image Upload
        $image = $_FILES['image']['name'];
        $tmp_name = $_FILES['image']['tmp_name'];
        $target_file = $uploadDir . basename($image);

        // Move uploaded file
        if (move_uploaded_file($tmp_name, $target_file)) {
            $sql = "INSERT INTO sub_slider_images (number, process_name, h2, paragrpah, image) 
                    VALUES ('$number', '$process_name', '$h2', '$paragrpah', '$image')";

            if ($conn->query($sql) === TRUE) {
                echo "<div class='alert alert-success'>Process added successfully!</div>";
                header("Location: gallery.php");
            } else {
                echo "<div class='alert alert-danger'>Error: " . $conn->error . "</div>";
            }
        } else {
            echo "<div class='alert alert-danger'>Failed to upload image.</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 - Gallery</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"/>
</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">Gallery</h1>                        
                    </div>
                    <div class="right">
                        <?php include 'dropdown_flex_menu.php' ?>
                    </div>
                </div>
            </div>
        </div>

        <div class="container mt-5">
            <h2 class="mb-4">Add Process</h2>
            <form method="POST" enctype="multipart/form-data">
                <div class="mb-3">
                    <label for="number" class="form-label">Number</label>
                    <input type="text" class="form-control" id="number" name="number" required>
                </div>
                <div class="mb-3">
                    <label for="process_name" class="form-label">Process Name</label>
                    <input type="text" class="form-control" id="process_name" name="process_name" required>
                </div>
                <div class="mb-3">
                    <label for="h2" class="form-label">H2 Title</label>
                    <input type="text" class="form-control" id="h2" name="h2" required>
                </div>
                <div class="mb-3">
                    <label for="paragrpah" class="form-label">Paragraph</label>
                    <input type="text" class="form-control" id="paragrpah" name="paragrpah" required>
                </div>
                <div class="mb-3">
                    <label for="image" class="form-label">Upload Image</label>
                    <input class="form-control" type="file" id="image" name="image" required>
                </div>
                <button type="submit" name="submit" class="btn btn-primary">Add</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>
