<!-- Page Header Section Start -->
<div class="page-header bg-section parallaxie">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <!-- Page Header Box Start -->
                <div class="page-header-box">
                    <h1 class="text-anime-style-3" data-cursor="-opaque">Contact Us</h1>
                    <nav class="wow fadeInUp" data-wow-delay="0.25s">
                        <ol class="breadcrumb">
                            <li class="breadcrumb-item"><a href="./">home</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Contact Us</li>
                        </ol>
                    </nav>
                </div>
                <!-- Page Header Box End -->
            </div>
        </div>
    </div>
</div>
<!-- Page Header Section End -->

<!-- Page Contact Us Start -->
<div class="page-contact-us">
    <div class="container">
        <div class="row">
            <div class="col-lg-6">
                <!-- Contact Us Content Start -->
                <div class="contact-us-content dark-section">
                    <!-- Section Title Start -->
                    <div class="section-title">
                        <h3 class="wow fadeInUp">contact us</h3>
                        <h2 class="text-anime-style-3" data-cursor="-opaque">Get in touch for expert Home Services</h2>
                        <p class="wow fadeInUp" data-wow-delay="0.2s">Need help or have questions about MaidORA services? Our team is ready to assist with reliable support, professional guidance, and seamless home service solutions.</p>
                    </div>
                    <!-- Section Title End -->

                    <!-- Contact Form Start -->
                    <div class="contact-form">
                        <?php if($fcObj->session->getFlashdata('enquiry_status')){ ?>
                            <h2 id="formmessage" class="mb-3 text-center text-success"><?=$fcObj->session->getFlashdata('enquiry_status')?></h2>
                        <?php } ?>
                        <?=form_open('',['class'=>"wow fadeInUp",'id'=>"contactForm",'data-toggle'=>"validator",'data-wow-delay'=>"0.4s"])?>
                            <div class="row">                                
                                <div class="form-group col-md-6 mb-4">
                                    <input type="text" name="fname" class="form-control" id="fname" placeholder="First Name" value="<?= set_value('fname') ?>" required required>
                                    <div class="help-block with-errors"><?= $validation->showError('fname') ?></div>
                                </div>

                                <div class="form-group col-md-6 mb-4">
                                    <input type="text" name="lname" class="form-control" id="lname" placeholder="Last Name" value="<?= set_value('lname') ?>" required required>
                                    <div class="help-block with-errors"><?= $validation->showError('lname') ?></div>
                                </div>

                                <div class="form-group col-md-6 mb-4">                                    
                                    <input type="email" name="email" class="form-control" id="email" placeholder="Email Address"value="<?= set_value('email') ?>" required>
                                    <div class="help-block with-errors"><?= $validation->showError('email') ?></div>
                                </div>

                                <div class="form-group col-md-6 mb-4">                                    
                                    <input type="text" name="phone" class="form-control" id="phone" placeholder="Phone No." value="<?= set_value('phone') ?>" required>
                                    <div class="help-block with-errors"><?= $validation->showError('phone') ?></div>
                                </div>

                                <div class="form-group col-md-12 mb-4">
                                    <textarea name="message" class="form-control" id="message" rows="4" placeholder="Message"><?= set_value('message') ?></textarea>
                                    <div class="help-block with-errors"><?= $validation->showError('message') ?></div>
                                </div>

                                <div class="form-group col-sm-12 col-sm-12 mb-5">
                                    <table width="100%">
                                        <tr>
                                            <td>
                                                <input required name="captcha_code" class="form-control" type="text" placeholder="Enter Security Code">
                                                <?=$validation->showError('captcha_code')?>
                                            </td>
                                            <td class="text-right">
                                                <?=$captcha['image_src']?>
                                            </td>
                                        </tr>
                                    </table>
                                </div>

                                <div class="col-md-12">
                                    <button type="submit" class="btn-default btn-highlighted">submit message</button>
                                    <div id="msgSubmit" class="h3 hidden"></div>
                                </div>
                            </div>
                        </form>
                    </div>
                    <!-- Contact Form End -->
                </div>
                <!-- Contact Us Content End -->
            </div>

            <div class="col-lg-6">
                <!-- Contact Us Image Start -->
                <div class="contact-us-image">
                    <figure class="image-anime reveal">
                        <img src="images/contact-us-image.jpg" alt="">
                    </figure>
                </div>
                <!-- Contact Us Image End -->

                <!-- Contact Info List Start -->
                <div class="contact-info-list wow fadeInUp">
                    <!-- Contact Info Item Start -->
                        <div class="contact-info-item">
                        <div class="icon-box">
                            <img src="images/icon-phone.svg" alt="">
                        </div>
                        <div class="contact-info-content">
                            <h3>Call Us</h3>
                            <p><a href="tel:123456789">+91 999 999 9999</a></p>
                        </div>
                    </div> 
                    <!-- Contact Info Item End -->
                    <!-- Contact Info Item Start -->
                    <div class="contact-info-item">
                        <div class="icon-box">
                            <img src="images/icon-mail.svg" alt="">
                        </div>
                        <div class="contact-info-content">
                            <h3>For booking and service information</h3>
                            <p><a href="mailto:support@maidora.com">support@maidora.com</a></p>
                        </div>
                    </div>
                    <!-- Contact Info Item End -->

                    <!-- Contact Info Item Start -->
                    <div class="contact-info-item">
                        <div class="icon-box">
                            <img src="images/icon-location.svg" alt="">
                        </div>
                        <div class="contact-info-content">
                            <h3>MaidORA Headquarters</h3>
                            <p>Nashik</p>
                        </div>
                    </div>
                    <!-- Contact Info Item End -->
                </div>
                <!-- Contact Info List End -->
            </div>
        </div>
    </div>
</div>



