<?php
include "ominterior_db.php";
// Handle form submission

if ($_SERVER["REQUEST_METHOD"] === "POST") {
    $h2 = $_POST['h2'];
    $paragraph = $_POST['paragraph'];

    $stmt = $conn->prepare("INSERT INTO texts (h2, paragraph) VALUES (?, ?)");
    $stmt->bind_param("ss", $h2, $paragraph);

    if ($stmt->execute()) {
        header("Location: texts.php");
    } else {
        $error = "Error: " . $stmt->error;
    }

    $stmt->close();
}

$conn->close();
?>

<!doctype html>
<html lang="en" dir="ltr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>OM INTERIOR - TEXT</title>
    <link rel="icon" href="assets/images/black-logo.png" type="image/x-icon"/>
    <link rel="stylesheet" href="assets/plugins/bootstrap/css/bootstrap.min.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">
    <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">
        <!-- Page Header -->
        <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">WEB TEXTS</h1>
                    </div>
                    <div class="right">
                        <?php include 'dropdown_flex_menu.php' ?>
                    </div>
                </div>
            </div>
        </div>

        <!-- Alerts -->
        <div class="container mt-4">
            <!-- Add FAQ Form -->
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">WEB TEXTS</h3>
                </div>
            </div>

            <form method="POST">
                <!-- H2 Field -->
                <div class="mb-3">
                    <label for="h2" class="form-label">Heading (H2)</label>
                    <input type="text" class="form-control" id="h2" name="h2" required>
                </div>

                <!-- Paragraph Field -->
                <div class="mb-3">
                    <label for="paragraph" class="form-label">Paragraph</label>
                    <textarea class="form-control" id="paragraph" name="paragraph" rows="4" required></textarea>
                </div>

                <button type="submit" class="btn btn-primary">Submit</button>
            </form>
        </div>

        <!-- Footer -->
        <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>

<!-- Scripts -->
<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>
