@php
    $settings = \App\Models\Setting::pluck('value', 'key');

    $appName = \App\Models\Setting::where('key', 'app_name')->value('value');
    $copyright = \App\Models\Setting::where('key', 'copyright')->value('value');

@endphp
<!-- Start Footer -->
<footer class="footer">
    <div class="container">
        <div class="row">
            <div class="col-lg-4 col-md-6 footer-logo align-self-center wow fadeIn">
                <div class="footer-widget about-widget ">
                    <img src="{{ $settings->get('logo') ? asset('storage/' . $settings->get('logo')) : asset('public/frontend/assets/img/logo.svg') }}"
                        class="fot_logo" alt="{{ $settings->get('app_name') ?? config('app.name') }}">
                    <p>
                        Test your knowledge with exciting quizzes, compete on the leaderboard, earn rewards, and learn
                        something new every day. Join thousands of players and make learning fun.
                    </p>

                    <ul class="fsocial-option">
                        <li><a href="#" class="fb"><i class="fa-brands fa-facebook-f"></i></a></li>
                        <li><a href="#" class="tw"><i class="fa-brands fa-x-twitter"></i></a></li>
                        <li><a href="#" class="lin"><i class="fa-brands fa-linkedin-in"></i></a></li>
                        <li><a href="#" class="yt"><i class="fa-brands fa-youtube"></i></a></li>
                    </ul>
                </div>
            </div><!-- End Col -->

            <div class="col-lg-2 col-md-6 wow fadeIn">
                <div class="footer-widget">
                    <h4 class="ftitle">Useful Links</h4>
                    <ul>
                        <li><a href="{{ route('about') }}">About</a></li>
                        <li><a href="{{ route('faq') }}">FAQ</a></li>
                        <li><a href="{{route('games')}}">Games</a></li>
                         <li><a href="{{route('contact')}}">contact</a></li>

                    </ul>
                </div>
            </div><!-- End Col -->

            <div class="col-lg-2 col-md-6 wow fadeIn">
                <div class="footer-widget">
                    <h4 class="ftitle">Our Company</h4>

                    <ul>
                        <li><a href="{{ route('terms') }}">Terms & Conditions</a></li>
                        <li><a href="{{ route('privacy') }}">Privacy Policy</a></li>

                        @guest
                            <li><a href="{{ route('login') }}">Login</a></li>
                            <li><a href="{{ route('register.show') }}">Register</a></li>
                        @else
                            <li><a href="{{ auth()->user()->role === 'admin' ? route('admin.dashboard') : route('dashboard') }}">Dashboard</a></li>
                        @endguest
                    </ul>
                </div>
            </div><!-- End Col -->

            <div class="col-lg-4 col-md-6 wow fadeIn">
                <div class="footer-widget contact-widget">
                    <h4 class="ftitle">Contact Us</h4>

                    <ul class="fcontact-info">

                        <li>
                            <span>
                                <i class="fa-solid fa-envelope"></i>
                            </span>
                            <p>{{ $settings->get('support_email') }}</p>
                        </li>

                        <li>
                            <span>
                                <i class="fa-solid fa-phone"></i>
                            </span>
                            <p>{{ $settings->get('support_mobile') }}</p>
                        </li>

                        <li>
                            <span>
                                <i class="fa-solid fa-location-dot"></i>
                            </span>
                            <p>{{ $settings->get('address') }}</p>
                        </li>

                    </ul>
                    <!-- Download App -->
                    <div class="mt-4">
                        {{-- <h5 class="text-white mb-3">Download Our App</h5> --}}

                        <a href="https://play.google.com/store/apps/details?id=raysapps.brainthink.com" target="_blank"
                            class="btn btn-success text-white">
                            <i class="fa-brands fa-google-play me-2"></i>
                            Download App
                        </a>
                    </div>
                </div>
            </div><!-- End Col -->

        </div>
    </div>

  <div class="copyright text-center">
        <div class="container">
            <p>
                &copy; {{ date('Y') }}
                {{ $appName ?? config('app.name') }}.

                    @if($copyright)
                    <a href="https://www.raysitworld.com/">{{ $copyright  }}</a>
                    @else 
                    All Rights Reserved.
                    @endif
            
            </p>
        </div>
    </div>

    <img src="{{ asset('public/frontend/assets/img/icons/graduation-hat.svg') }}" alt="cap" class="fot-cap">

    <img src="{{ asset('public/frontend/assets/img/icons/idea.svg') }}" alt="lamp" class="fot-lamp">

    <img src="{{ asset('public/frontend/assets/img/icons/fotshap.svg') }}" alt="lamp" class="fot-shap">
</footer>
<!-- End Footer -->



<!-- Start progress-wrap -->
<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"></path>
    </svg>
</div>
<!-- End progress-wrap -->