<?php
require_once './include/Constants.php';
include './models/Settings.php';
include './include/DatabaseConn.php';
?>
<!DOCTYPE html>
<html lang="zxx">

<head>
    <?php require_once './partials/head.php'; ?>
</head>

<body>
<div class="sub-banner-section-outer contact-banner-section-outer position-relative">
     <header>
        <?php require_once './partials/header.php'; ?>
    </header>
    <!-- SUB-BANNER SECTION -->
    <section class="banner-section position-relative">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-md-6 col-sm-12 col-12">
                    <div class="banner-section-content">
                        <h1 class="text-white" data-aos="fade-up">Contact Us</h1>
                        <p class="text-white" data-aos="fade-right">You can write to us anytime.</p>
                        <div class="btn_wrapper" data-aos="fade-up">
                            <span> Home </span><i class="fa-solid fa-angles-right" aria-hidden="true"></i><span class="sub_span">Contact</span>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-12 col-12">
                    <div class="banner_image position-relative">
                        <figure class="banner_main_image mb-0 left_right_shape">
                            <img src="images/contact_banner_image.jpg" alt>
                        </figure>
                        <figure class="banner_image_bottom_shape mb-0 position-absolute top_bottom_shape">
                            <img src="images/sub_banner_image_bottom_shape.png" alt class="img-fluid">
                        </figure>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <figure class="banner_top_shape mb-0 position-absolute top_bottom_shape">
        <img src="images/sub_banner_top_shape.png" alt class="img-fluid">
    </figure>
    <figure class="banner_background_shape mb-0 position-absolute left_right_shape">
        <img src="images/sub_banner_background_shape.png" alt>
    </figure>
</div>
<!-- CONTACT INFO SECTION -->
<section class="contact_info_section position-relative">
    <div class="container">
        <div class="row">
            <div class="col-lg-5 col-md-12 col-sm-12 col-xs-12">
                <div class="row">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                        <div class="contact_info_content">
                            <h6>Our information</h6>
                            <h2>Contact Info</h2>
                        </div>
                    </div>
                </div>
                <div class="row" data-aos="fade-up">
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                        <div class="contact_info_box hover-effect">
                            <figure class="mb-0">
                                <img src="images/location.png" alt class="img-fluid hover-effect">
                            </figure>
                            <div class="contact_info_box_content_wrapper">
                                <h5>Location:</h5>
                                <p class="mb-0"><?php echo ADDRESS; ?></p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                        <div class="contact_info_box hover-effect">
                            <figure class="mb-0">
                                <img src="images/email.png" alt class="img-fluid hover-effect">
                            </figure>
                            <div class="contact_info_box_content_wrapper">
                                <h5>Email Us:</h5>
                                <p class="mb-0"><a href="mailto:<?php echo EMAIL_SUPPORT; ?>" class="text-decoration-none"><?php echo EMAIL_SUPPORT; ?></a></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-7 col-md-12 col-sm-12 col-xs-12" data-aos="fade-right">
                <div class="contact_info_form_content">
                    <h4>Send us a Message</h4>
                    <form style="height: 680px" id="contactpage" method="POST" action="./contact-form.php">
                        <div class="row">
                            <div class="col-lg-12 col-md-12 col-sm-12">
                                <div class="form-group mb-0">
                                <input type="text" name="fullname" id="name" class="form-control" placeholder="Name:">
                                </div>
                            </div>
                            <div class="col-lg-12 col-md-12 col-sm-12">
                                <div class="form-group mb-0">    
                                <input type="tel" name="phone" id="phonenum" class="form-control" placeholder="Phone:"> 
                                </div>
                            </div>
                            <div class="col-lg-12 col-md-12 col-sm-12">
                                <div class="form-group mb-0">    
                                <input type="email" name="emailaddress" id="emailaddrs" class="form-control" placeholder="Email:"> 
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-12">
                                <div class=" form-group mb-0">    
                                <textarea rows="3" name="msg" id="comment" class="form-control" placeholder="Message:"></textarea>
                                </div>
                            </div>
                        </div>
                        <div class="btn_wrapper">
                            <button type="submit" name="get_started" id="started" class="default-btn">Submit Now<i class="fa-solid fa-angle-right"></i></button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <figure class="contact_info_left_shape mb-0 position-absolute top_bottom_shape">
            <img src="images/contact_info_left_shape.png" alt class="img-fluid">
        </figure>
    </div>
</section>

<?php require_once './partials/footer.php'; ?>
</body>
</html>