<!--============ Footer Area Start ============-->
<footer class="footer_area section_margin_top">
    <div class="_footer_top">
        <div class="container">
            <div class="row">
                <div class="col-xl-4 col-lg-4 col-md-12">
                    <div class="_footer_content">
                        <div class="_footer_logo">
                            <a href="{{ route('root') }}">
                                <img src="{{ asset('storage/' . $general_settings->logo) }}" alt="logo">
                            </a>
                        </div>
                        <div class="_footer_para">
                            <p>{!! $footer_settings->footer_description !!}</p>
                        </div>
                        <div class="_footer_social">
                            <ul>

                                <li>
                                    <a href="{{ $footer_settings->facebook_url }}" class="_footer_social_link" target="_blank">
                                        <i class="fa-brands fa-facebook-f"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="{{ $footer_settings->youtube_url }}" class="_footer_social_link" target="_blank">
                                        <i class="fa-brands fa-youtube"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="{{ $footer_settings->twitter_url }}" class="_footer_social_link" target="_blank">
                                    <i class="fa-brands fa-instagram"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="{{ $footer_settings->linkedin_url }}" class="_footer_social_link" target="_blank">
                                    <i class="fa-brands fa-linkedin-in"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="{{ $footer_settings->tiktok }}" class="_footer_social_link" target="_blank">
                                    <i class="fa-brands fa-tiktok"></i>
                                    </a>
                                </li>
                              
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-xl-2 col-lg-2 col-md-3 col-sm-6 col-6 padding_top_f">
                    <div class="_footer_content">
                        <div class="_footer_title">
                            <h2>My Account</h2>
                        </div>
                        <div class="_footer_list">
                            <ul>

                                <li>
                                    <a href="{{ route('root') }}" class="_footer_list_link">
                                        <p>Home Page</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="{{ route('about') }}" class="_footer_list_link">
                                        <p>About Us</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="{{ route('contact-us') }}" class="_footer_list_link">
                                        <p>Contact Us</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="{{ route('login') }}" class="_footer_list_link">
                                        <p>User Login</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="{{ route('register') }}" class="_footer_list_link">
                                        <p>User Register</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-xl-2 col-lg-2 col-md-3 col-sm-6 col-6 padding_top_f">
                    <div class="_footer_content">
                        <div class="_footer_title">
                            <h2>Information</h2>
                        </div>
                        <div class="_footer_list">

                            <ul>
                                @foreach ($pages as $page)
                                <li>
                                    <a href="{{ route('custom.page', $page->slug) }}"
                                        class="_footer_list_link">
                                        <p>{{ $page->name }}</p>
                                    </a>
                                </li>
                                @endforeach

                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12 padding_top_f">
                    <div class="_footer_content">
                        <div class="_footer_title">
                            <h2>Talk To Us</h2>
                        </div>
                        <div class="_footer_number">
                            <p>Got Questions? Call us</p>
                            <a href="tel:{{ $general_settings->header_contact_number }}">{{ $general_settings->header_contact_number }}</a>
                        </div>
                        @if ($general_settings->header_email)
                            <div class="_footer_email">
                                <a href="mailto:{{ $general_settings->header_email }}">
                                    <i class="fa-regular fa-envelope"></i>
                                    {{ $general_settings->header_email }}
                                </a>
                            </div>
                        @endif
                        <div class="_footer_address">
                            <i class="fa-solid fa-location-dot"></i>
                            <p> {!! $general_settings->invoice_address_details !!}</p>
                        </div>
                    </div>
                  
                </div>
            </div>
        </div>
    </div>

    <div class="footer_img">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-12">
                    <div class="footer_payment_img">
                        <img src="{{asset('frontend')}}/images/footer_bg/ssl.png" alt="Footer Payment Image">
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div class="footer_bottom">
        <div class="container">
            <div class="row">
                <div class="col-xxl-6 col-xl-8 col-lg-8 col-md-12 col-sm-12 col-12">
                    <div class="footer_copyright">
                        <p>{{ $footer_settings->copyright_info }}</p>
                    </div>
                </div>
                @if ($site_configurations->active_develop_by == 1)
                    <div class="col-xxl-6 col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12">
                        <div class="footer_develop_by">
                            <p>Developed by</p>
                            <a href="https://mohasagorit.solutions/" target="_blank"
                                class="footer_develop_by_link">MIT</a>
                        </div>
                    </div>
                @else
                    
                @endif
                
            </div>
        </div>
    </div>
</footer>
<!--============ Footer Area End ============-->