<?php include 'header.php'; ?>

<script src="<?php echo url('js/form-handler.js"'); ?>"></script>

<!-- Contact Start -->
<div class="contact wow fadeInUp">
    <div class="container">
        <div class="section-header text-center">
            <p>Get In Touch</p>
            <h2>For Any Query</h2>
        </div>
        <div class="row">
            <div class="col-md-6">
                <div class="contact-info">
                    <div class="contact-item align-items-center">
                        <img src="<?php echo url('img/con-location.webp'); ?> " style="width: 39px !important;" />
                        <div class="contact-text">
                            <h2>Location</h2>
                            <p>Murshid Bazar Building, GF, 
Near Remas Hotel, Deira, Dubai-UAE.
</p>

                        </div>
                    </div>
            
                    <div class="contact-item align-items-center">
                        <img src="<?php echo url('img/email.webp'); ?> " />
                        <div class="contact-text">
                            <h2>Email</h2>
                            <p>Info@alfarajdubai.com</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="contact-form">
                    <div id="success"></div>
                    <form id="contactForm" method="POST" novalidate="novalidate">
                        <div class="control-group">
                            <input type="text" class="form-control" id="name" name="name" placeholder="Your Name" required="required" data-validation-required-message="Please enter your name" />
                            <p class="help-block text-danger"></p>
                        </div>
                        <div class="control-group">
                            <input type="email" class="form-control" id="email" name="email" placeholder="Your Email" required="required" data-validation-required-message="Please enter your email" />
                            <p class="help-block text-danger"></p>
                        </div>
                        <div class="control-group">
                            <input type="text" class="form-control" id="subject" name="subject" placeholder="Subject" required="required" data-validation-required-message="Please enter a subject" />
                            <p class="help-block text-danger"></p>
                        </div>
                        <div class="control-group">
                            <textarea class="form-control" id="message" name="message" placeholder="Message" required="required" data-validation-required-message="Please enter your message"></textarea>
                            <p class="help-block text-danger"></p>
                        </div>
                        <input type="hidden" id="g-recaptcha-response" name="g-recaptcha-response">
                        <div>
                            <button class="btn" type="submit" id="submt_btn">
                                <span id="submit_txt">Send Message</span>
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Contact End -->



<?php include('footer.php'); ?>
<script>
    var recaptchaSiteKey = '<?php echo $_ENV['RECAPTCHA_SITE_KEY']; ?>';
</script>
<!-- reCAPTCHA v3 -->
<script src="https://www.google.com/recaptcha/api.js?render=<?php echo $_ENV['RECAPTCHA_SITE_KEY'] ?>"></script>