@php
    $contactData = resolve('App\Http\Controllers\BaseController')->getContactDetails();
@endphp
<!-- footer-area-start -->
<footer>
    <div class="footer-area pt-70">
        <div class="container">
            <div class="footer-main">
                <div class="row">
                    <div class="col-xl-3 col-lg-3 col-md-6 col-sm-6">
                        <div class="footer-widget f-w1 mb-40">
                            <div class="footer-img">
                                <a href="{{ route('frontend.home') }}" class="d-flex align-items-center">
                                    <div class="header-logo">
                                        <img src="{{ asset('frontend/assets/image/logo/logo.png') }}" width="110px">
                                    </div>
                                </a>
                                <p>Our mission is simple: to empower students with the knowledge, skills, and
                                    confidence needed to excel on the SAT and ACT exams.</p>
                            </div>
                            <div class="footer-icon">
                                <a href="#"><i class="fab fa-facebook-f"></i></a>
                                <a href="#"><i class="fab fa-twitter"></i></a>
                                <a href="#"><i class="fab fa-instagram"></i></a>
                                <a href="#"> <i class="fab fa-linkedin-in"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-3 col-md-6 col-sm-6">
                        <div class="footer-widget f-w2 mb-40">
                            <h3>Usefull Link</h3>
                            <ul>
                                <li><a href="{{ route('frontend.home') }}">Home</a></li>
                                <li><a href="{{ route('frontend.aboutUs') }}">About</a></li>
                                <li><a href="{{ route('frontend.contactUs') }}">Contact Us</a></li>
                                <li><a href="#"  data-bs-toggle="modal" data-bs-target="#exampleModal" data-bs-msg="
Query Submitted Successfully.">Enquiry</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-3 col-md-6 col-sm-6">
                        <div class="footer-widget f-w3 mb-40">
                            <h3>Course</h3>
                            <ul>
                                <li><a href="#">Sat</a></li>
                                <li><a href="#">Act</a></li>
                                <li><a href="#">Sat paper</a></li>
                                <li><a href="#">Act paper</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-xl-3 col-lg-3 col-md-6 col-sm-6">
                        <div class="footer-widget f-w4 mb-40">
                            <h3>Contact Us</h3>
                            <ul>
                                <li><a href="tel:+91{{ $contactData->mobile }}">+91 {{ $contactData->mobile }}</a></li>
                                <li><a href="mailto:{{ $contactData->email }}">{{ $contactData->email }}</a></li>
                                <li>
                                    @if ($contactData->office_name_1 != null && $contactData->address_1 != null)
                                        <p>{{ $contactData->office_name_1 }} : {{ $contactData->address_1 }}</p>
                                    @endif
                                    @if ($contactData->office_name_2 != null && $contactData->address_2 != null)
                                        <p>{{ $contactData->office_name_2 }} : {{ $contactData->address_2 }}</p>
                                    @endif
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>
<!-- footer-area-end -->
<!-- back to top start -->
<div class="progress-wrap">
    <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
        <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
    </svg>
</div>
<!-- back to top end -->
<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Schedule a Free Class </h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <form class="needs-validation" novalidate id="class-enquiry">
                    @csrf
                     <input type="hidden" id="enq_msg" name="enq_msg" value="">
                    <div class="mb-3">
                        <label for="name" class="form-label">Name</label>
                        <input type="text" class="form-control" id="name" name="name"
                            placeholder="Enter Your Name" required>
                        <div class="invalid-feedback">Name is required.</div>
                    </div>
                    <div class="mb-3">
                        <label for="email" class="form-label">Email</label>
                        <input type="email" class="form-control" id="email" name="email"
                            placeholder="Enter Your Email" required>
                        <div class="invalid-feedback">Email is required.</div>
                    </div>
                    <div class="row mb-3">
                        <div class="col-md-6">
                            <label for="phone" class="form-label">Phone</label>
                            <input type="text" class="form-control" id="phone" name="phone"
                                placeholder="Enter Your Number" required>
                            <div class="invalid-feedback">Phone number is required.</div>
                        </div>
                        <div class="col-md-6">
                            <label for="course-type" class="form-label">Category</label>
                            <select class="form-select" id="course-type" name="course_type" required>
                                <option value="SAT">SAT</option>
                                <option value="ACT">ACT</option>
                                <option value="Personalized Study (One-on-One)">Personalized Study (One-on-One)</option>
                            </select>
                            <div class="invalid-feedback">Course is required.</div>
                        </div>

                    </div>
                    <div class="mb-3">
                        <label for="message" class="form-label">Message</label>
                            <textarea id="message" name="message" class="form-control" cols="5" required></textarea>
                        <div class="invalid-feedback">Message is required.</div>
                    </div>
                    <div>
                        <button type="submit" class="btn btn-primary">Submit</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

@stack('scripts')

<!-- JS here -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
    integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous">
</script>

<script src="{{ asset('frontend/assets/js/jquery-3.7.1.min.js') }}"></script>
<script src="{{ asset('frontend/assets/js/vendor/jquery-3.6.0.min.js') }}"></script>
<script src="{{ asset('frontend/assets/js/vendor/waypoints.min.js') }}"></script>
<script src="{{ asset('frontend/assets/js/bootstrap.bundle.min.js') }}"></script>
<script src="{{ asset('frontend/assets/js/meanmenu.js') }}"></script>
<script src="{{ asset('frontend/assets/js/swiper-bundle.min.js') }}"></script>
<script src="{{ asset('frontend/assets/js/owl.carousel.min.js') }}"></script>
<script src="{{ asset('frontend/assets/js/magnific-popup.min.js') }}"></script>
<script src="{{ asset('frontend/assets/js/huicalendar.js') }}"></script>
<script src="{{ asset('frontend/assets/js/parallax.min.js') }}"></script>
<script src="{{ asset('frontend/assets/js/backToTop.js') }}"></script>

<script src="{{ asset('frontend/assets/js/counterup.min.js') }}"></script>
<script src="{{ asset('frontend/assets/js/ajax-form.js') }}"></script>
<script src="{{ asset('frontend/assets/js/wow.min.js') }}"></script>
<script src="{{ asset('frontend/assets/js/isotope.pkgd.min.js') }}"></script>
<script src="{{ asset('frontend/assets/js/imagesloaded.pkgd.min.js') }}"></script>
<script src="{{ asset('frontend/assets/js/main.js') }}"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script>
    const Toast = Swal.mixin({
        toast: true,
        position: "top-end",
        showConfirmButton: false,
        timer: 5000,
        timerProgressBar: true,
        didOpen: (toast) => {
            toast.onmouseenter = Swal.stopTimer;
            toast.onmouseleave = Swal.resumeTimer;
        }
    });
</script>
<script>


    $('.edu-btn').on('click', function() {
        var enquiry_msg = $(this).attr('data-bs-msg');
        $('#enq_msg').val(enquiry_msg);
    });

    $("#class-enquiry").on("submit", function(event) {
        event.preventDefault();

        if (!this.checkValidity()) {
            event.stopPropagation();
        } else {
            $(this).addClass('was-validated');
            var data = new FormData(this);
            $.ajax({
                url: "{{ route('frontend.storeClassEnquiry') }}",
                data: data,
                method: "POST",
                processData: false,
                contentType: false,
                success: function(result) {
                    if (result.success == true) {
                        Toast.fire({
                            icon: "success",
                            title: result.message
                        });
                        // setTimeout(() => {
                        //     window.location.reload();
                        // }, 5000);
                    } else {
                        console.log('Form submission failed: ', result);
                    }
                },
                error: function(xhr, status, error) {
                    console.error("Form submission failed:", error);
                }
            });
        }

        $(this).addClass('was-validated');
    });
</script>

</body>

</html>