<?php $__env->startSection('content'); ?>
    <section class="contact">
        <div class="container">
            <?php if(session('success')): ?>
                <div class="alert alert-success">
                    <?php echo e(session('success')); ?>

                </div>
            <?php endif; ?>
            <?php if($errors->any()): ?>
                <div class="alert alert-danger">
                    <ul>
                        <?php $__currentLoopData = $errors->all(); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $error): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <li><?php echo e($error); ?></li>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </ul>
                </div>
            <?php endif; ?>
            <div class="row">
                <div class="col-12">
                    <div class="rr">
                        <span class="small-text">CONTACT</span>
                        <br><br>
                        <h2>Need help? <i style="font-weight: normal;color: #ff5a94;">Say Hello</i></h2>
                        <p>Feel free to reach out to us using the options below, and <br>
                            our dedicated team will respond to your inquiries promptly.</p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-10 col-md-12 col-sm-12 col-12">
                    <div class="contact-us">
                        <div class="row">
                            <div class="col-lg-5 col-md-4 col-sm-12 col-12">
                                <div class="contact-col0">
                                    <div class="contact-wrap">
                                        <div class="contact-icon">
                                            <a href=""><i class="far fa-comments"></i></a>
                                        </div>
                                        <div class="contact-info">
                                            <h4>Need support?</h4>
                                            <p>Get Instant Answers.</p>
                                        </div>
                                    </div>
                                    <div class="contact-wrap">
                                        <div class="contact-icon">
                                            <a href=""></a><i class="far fa-envelope"></i></a>
                                        </div>
                                        <div class="contact-info">
                                            <h4>Feedback?</h4>
                                            <p>Tell us about it here.</p>
                                        </div>
                                    </div>
                                    <div class="contact-wrap">
                                        <div class="contact-icon">
                                            <a href=""><i class="far fa-comments"></i></a>
                                        </div>
                                        <div class="contact-info">
                                            <h4>Report issue?</h4>
                                            <p>Get priority support.</p>
                                        </div>
                                    </div>
                                    <div class="contact-wrap">
                                        <div class="contact-icon">
                                            <a href=""><i class="far fa-envelope"></i></a>
                                        </div>
                                        <div class="contact-info">
                                            <h4>Email?</h4>
                                            <p>Login mail here.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-7 col-md-8 col-sm-12 col-12">
                                <div class="contact-col1">
                                    <h2>How can we help you today?</h2>
                                    <p>Let us know who you are and what you're looking for below.</p>
                                    <div class="row">
                                        <div class="col-12">
                                            <form id="contactForm" class="data-form" method="POST" action="<?php echo e(route('contact.submit')); ?>">
                                                <?php echo csrf_field(); ?>
                                                <div class="row g-3">
                                                    <div class="col-md-6 col-12">
                                                        <input type="text" class="form-control form-1" id="name"
                                                            name="name" placeholder="Name" required>
                                                    </div>
                                                    <div class="col-md-6 col-12">
                                                        <input type="email" class="form-control form-1" id="email"
                                                            name="email" placeholder="Email" required>
                                                    </div>
                                                    <div class="col-md-12 col-12">
                                                        <input type="text" class="form-control form-1" id="subject"
                                                            name="subject" placeholder="Subject">
                                                    </div>
                                                    <div class="col-12">
                                                        <textarea class="form-control form-2" id="message" name="message" rows="8" placeholder="Message" required></textarea>
                                                    </div>
                                                    <div class="col-12">
                                                        <div class="row">
                                                            <div class="col-md-12">
                                                                <button type="submit"
                                                                    class="btn btn-dark w-100 fw-bold">Send
                                                                    Message</button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
    </section>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('script'); ?>
<script>
    $(document).ready(function () {
        $("#contactForm").validate({
            rules: {
                name: {
                    required: true,
                    minlength: 2
                },
                email: {
                    required: true,
                    email: true
                },
                subject: {
                    required: true,
                    minlength: 3
                },
                message: {
                    required: true,
                    minlength: 10
                }
            },
            messages: {
                name: {
                    required: "Please enter your name.",
                    minlength: "Your name must be at least 2 characters long."
                },
                email: {
                    required: "Please enter your email address.",
                    email: "Please enter a valid email address."
                },
                subject: {
                    required: "Please enter a subject.",
                    minlength: "The subject must be at least 3 characters long."
                },
                message: {
                    required: "Please enter your message.",
                    minlength: "Your message must be at least 10 characters long."
                }
            },
            errorElement: "div",
            errorPlacement: function (error, element) {
                error.addClass("text-danger mt-1");
                error.insertAfter(element);
            },
            highlight: function (element, errorClass, validClass) {
                $(element).addClass("is-invalid").removeClass("is-valid");
            },
            unhighlight: function (element, errorClass, validClass) {
                $(element).removeClass("is-invalid").addClass("is-valid");
            }
        });
    });
    </script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.front.main_layout', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /var/www/html/spion/resources/views/front/pages/contact.blade.php ENDPATH**/ ?>