@php

$setting =  $pageData['Setting'];
$content = json_decode($setting->content);

@endphp
{{-- @dd($content) --}}
<section class="news-main">
    <div class="container">
        <div class="row align-items-center justify-content-between">
            <div class="col-lg-4">
                <div class="news__title">
                    <h5 class="subhead">{{ $content->news_letter_heading_red ?? ''}}</h5>
                    <h2 class="mainhead">{{ $content->news_letter_heading ?? ''}}</h2>
                </div>
            </div>
            <div class="col-lg-4">
                <form class="news__form" method="post"action="{{route('subscribe.now.submit')}}">
                    @csrf
                    <input type="email" placeholder="Your email ..." name="email">
                    <button type="submit" class="themeBtn">{{ $content->subscribe_btn_text ?? ''}}</button>
                </form>
                <span class="text-danger mt-3">@error('email') {{$message}} @enderror</span>

            </div>
            <div class="col-lg-3">
                <ul class="news__social">
                    <li>
                        <a href=""><i class="fab fa-facebook-f"></i></a>
                    </li>
                    <li>
                        <a href=""><i class="fab fa-instagram"></i></a>
                    </li>
                    <li>
                        <a href=""><i class="fab fa-youtube"></i></a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</section>
<!-- Begin: Footer -->
<footer class="footer">
    <div class="container">
        <div class="row justify-content-between">
            <div class="col-lg-3">
                <div class="footer__logo">
                    <a href="{{ route('index') }}">
                        <img src="{{ isset($setting) ? $setting->cmsImages('footer_logo') : asset('front/images/No-Image.webp')}}" alt="image" class="img-fluid">
                    </a>
                    <p>
                        {{ $content->footer_description ?? ''}}
                    </p>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="footer__links">
                    <h4>Quick Links</h4>
                    <ul>
                        <li>
                            <a href="{{ route('index') }}"><i class="fas fa-arrow-right"></i> Home</a>
                        </li>
                        <li>
                            <a href="{{ route('about') }}"><i class="fas fa-arrow-right"></i> About</a>
                        </li>
                        {{-- <li>
                            <a href="{{ route('programs') }}"><i class="fas fa-arrow-right"></i> Programs</a>
                        </li> --}}
                        <li>
                            <a href="{{ route('leagues') }}"><i class="fas fa-arrow-right"></i> Leagues & Tournaments</a>
                        </li>
                        <li>
                            <a href="{{ route('personal.training') }}"><i class="fas fa-arrow-right"></i> Personal Training</a>
                        </li>
                        <li>
                            <a href="{{ route('events') }}"><i class="fas fa-arrow-right"></i> Events</a>
                        </li>
                        <li>
                            <a href="{{ route('contact') }}"><i class="fas fa-arrow-right"></i> Contact Us</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="footer__info">
                    <ul>
                        <li>
                            <a href="">
                                <figure>
                                    <img src="{{ asset('front/images/footer-icon1.webp') }}" alt="image" class="img-fluid">
                                </figure>
                                <div>
                                    <h5>Address: <span class="d-block">{{ $content->address ?? ''}}</span></h5>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <figure>
                                    <img src="{{ asset('front/images/footer-icon2.webp') }}" alt="image" class="img-fluid">
                                </figure>
                                <div>
                                    <h5>Phone: <span class="d-block">{{ $content->phone_num ?? ''}}</span></h5>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="">
                                <figure>
                                    <img src="{{ asset('front/images/footer-icon3.webp') }}" alt="image" class="img-fluid">
                                </figure>
                                <div>
                                    <h5>Working Hours: <span class="d-block">{{ $content->working_hours ?? ''}}</span></h5>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="copyright text-center">
        <p class="mb-0">{{ $content->copy_right_content ?? ''}}</p>
    </div>
</footer>
<!-- END: Footer -->

<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<!-- Local Scripts -->
<script src="{{ asset('front/js/all.min.js') }}"></script>
<script src="{{ asset('front/js/custom.min.js') }}"></script>
<script src="{{ asset('front/js/toastr.min.js') }}"></script>

<script>

    $(document).ready(function () {
        toastr.options.timeOut = 10000;
        @if (Session::has('error'))
        toastr.error('{{ Session::get('error') }}');
        @elseif(Session::has('success'))
        toastr.success('{{ Session::get('success') }}');
        @endif
    });

</script>
<script>
    // window.onload = function () {
    //     if (!localStorage.getItem('cookieConsent')) {
    //         setTimeout(function () {
    //             $('#cookie-banner').classList.add('active');
    //         }, 5000);
    //     }
    //     document.getElementById('accept-cookies').addEventListener('click', function () {
    //         localStorage.setItem('cookieConsent', 'accepted');
    //         $('#cookie-banner').classList.remove('active');
    //     });
    //     document.getElementById('reject-cookies').addEventListener('click', function () {
    //         localStorage.setItem('cookieConsent', 'rejected');
    //         $('#cookie-banner').classList.remove('active');
    //     });
    // }

<!-- External Libraries -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.9.0/fullcalendar.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/air-datepicker/2.2.3/js/datepicker.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/air-datepicker/2.2.3/js/i18n/datepicker.en.js"></script>

@yield('script')
</body>

</html>