<?php
session_start();
include('includes/header.php');
?>

<!-- Hero Section -->
<section class="bg-primary text-white py-5">
    <div class="container">
        <div class="row align-items-center">

            <div class="col-lg-7">
                <h1 class="display-4 fw-bold">Contact Us</h1>

                <p class="lead">
                    We'd love to hear from you. Whether you need website development,
                    POS solutions, IT consulting, business center services, or custom
                    software development, our team is ready to assist.
                </p>
            </div>

            <!-- <div class="col-lg-5 text-center">
                <img src="assets/images/contact-banner.png"
                     class="img-fluid"
                     alt="Contact UltraProcess Solutions">
            </div> -->

        </div>
    </div>
</section>

<!-- Contact Section -->
<section class="py-5">
    <div class="container">

        <div class="row g-5">

            <!-- Contact Form -->
            <div class="col-lg-7">

                <div class="card shadow border-0">
                    <div class="card-body p-4">

                        <h3 class="mb-4">Send Us a Message</h3>

                        <?php
                        if(isset($_SESSION['contact_status']))
                        {
                        ?>
                            <div class="alert alert-<?php echo $_SESSION['contact_type']; ?> alert-dismissible fade show">
                                <?php echo $_SESSION['contact_status']; ?>
                                <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
                            </div>
                        <?php
                            unset($_SESSION['contact_status']);
                            unset($_SESSION['contact_type']);
                        }
                        ?>

                        <form action="sendmail.php" method="POST">

                            <div class="row">

                                <div class="col-md-6 mb-3">
                                    <label class="form-label">Full Name</label>
                                    <input type="text"
                                           name="name"
                                           class="form-control"
                                           required>
                                </div>

                                <div class="col-md-6 mb-3">
                                    <label class="form-label">Email Address</label>
                                    <input type="email"
                                           name="email"
                                           class="form-control"
                                           required>
                                </div>

                            </div>

                            <div class="mb-3">
                                <label class="form-label">Phone Number</label>
                                <input type="text"
                                       name="phone"
                                       class="form-control">
                            </div>

                            <div class="mb-3">
                                <label class="form-label">Subject</label>
                                <input type="text"
                                       name="subject"
                                       class="form-control"
                                       required>
                            </div>

                            <div class="mb-3">
                                <label class="form-label">Message</label>
                                <textarea name="message"
                                          rows="6"
                                          class="form-control"
                                          required></textarea>
                            </div>

                            <button type="submit"
                                    class="btn btn-primary btn-lg">
                                Send Message
                            </button>

                        </form>

                    </div>
                </div>

            </div>

            <!-- Contact Details -->
            <div class="col-lg-5">

                <div class="card shadow border-0 mb-4">
                    <div class="card-body p-4">

                        <h3 class="mb-4">Office Information</h3>

                        <p>
                            <strong>UltraProcess Solutions</strong>
                        </p>

                        <p>
                            Digital Technology, Business Solutions,
                            Website Development & IT Consulting Company.
                        </p>

                        <hr>

                        <p>
                            📞 <strong>Phone:</strong><br>
                            +234 708 604 4225
                        </p>

                        <p>
                            ✉ <strong>Email:</strong><br>
                            info@ultraprocesssolutions.com
                        </p>

                        <p>
                            🌐 <strong>Website:</strong><br>
                            www.ultraprocesssolutions.com
                        </p>

                        <p>
                            📍 <strong>Location:</strong><br>
                            Lagos, Nigeria
                        </p>

                    </div>
                </div>

                <div class="card shadow border-0 mb-4">
                    <div class="card-body p-4">

                        <h4>Business Hours</h4>

                        <table class="table table-borderless">
                            <tr>
                                <td>Monday - Friday</td>
                                <td>8:00 AM - 6:00 PM</td>
                            </tr>
                            <tr>
                                <td>Saturday</td>
                                <td>9:00 AM - 4:00 PM</td>
                            </tr>
                            <tr>
                                <td>Sunday</td>
                                <td>Closed</td>
                            </tr>
                        </table>

                    </div>
                </div>

                <div class="card shadow border-0">
                    <div class="card-body p-4">

                        <h4>Follow Us</h4>

                        <div class="d-flex gap-3 mt-3">
                            <a href="#" class="btn btn-outline-primary">
                                Facebook
                            </a>

                            <a href="#" class="btn btn-outline-primary">
                                LinkedIn
                            </a>

                            <a href="#" class="btn btn-outline-primary">
                                Instagram
                            </a>
                        </div>

                    </div>
                </div>

            </div>

        </div>

    </div>
</section>

<!-- Map Section -->
<section class="pb-5">
    <div class="container">

        <div class="card border-0 shadow">

            <div class="card-body p-0">

                <iframe
                    src="https://maps.google.com/maps?q=Lagos,Nigeria&t=&z=13&ie=UTF8&iwloc=&output=embed"
                    width="100%"
                    height="450"
                    style="border:0;"
                    allowfullscreen=""
                    loading="lazy">
                </iframe>

            </div>

        </div>

    </div>
</section>

<?php include('includes/footer.php'); ?>