@php
    $footerTop = getThemeOption('footer_top' . activeLanguage()) ?? null;
    $footerTop = $footerTop ? $footerTop : getThemeOption('footer_topen');
    $footerBottom = getThemeOption('footer_bottom' . activeLanguage()) ?? null;
    $footerBottom = $footerBottom ? $footerBottom : getThemeOption('footer_bottom');
@endphp

<footer class="footer-section">
    <div class="container">
        <div class="footer-top">
            <div class="row g-lg-4 gy-5">
                <div class="col-lg-3 col-md-6 col-sm-6 d-flex align-items-center">
                    <div class="footer-widget">
                        <a href="{{ url('/') }}" class="footer-logo">
                            @if (isset($footerTop['footer_logo']) &&
                                    fileExists($folder = 'theme-options', $fileName = $footerTop['footer_logo']) == true &&
                                    $footerTop['footer_logo'] !== '')
                                <img src="{{ asset('storage/theme-options/' . $footerTop['footer_logo']) }}" alt="footer-logo" />
                            @else
                                <img src="{{ asset('frontend/assets/images/160x80.png') }}" alt="footer-logo" />
                            @endif
                        </a>
                        {!! clean($footerTop['footer_about_text'] ?? '') !!}
                        @if (isset($footerTop['is_footer_social']) && $footerTop['is_footer_social'] == 'on')
                            <div class="social-area">
                                <h5>{{ translate('Follow Us') }}</h5>
                                @include('front.layouts.includes.social-area')
                            </div>
                        @endif
                    </div>
                </div>
                <div class="col-lg-2 col-md-3 col-sm-6 d-flex justify-content-md-start justify-content-sm-end">
                    <div class="footer-widget">
                        {!! clean($footerTop['footer_widget_one'] ?? '') !!}
                    </div>
                </div>
                <div class="col-lg-2 col-md-3 col-sm-6 d-flex justify-content-lg-center justify-content-md-end">
                    <div class="footer-widget">
                        {!! clean($footerTop['footer_widget_two'] ?? '') !!}
                    </div>
                </div>
                <div
                    class="col-lg-2 col-md-4 col-sm-6 d-flex justify-content-lg-center justify-content-md-start justify-content-sm-end">
                    <div class="footer-widget">
                        {!! clean($footerTop['footer_widget_three'] ?? '') !!}
                    </div>
                </div>
                <div class="col-lg-3 col-md-4 col-sm-6 d-flex justify-content-lg-end justify-content-md-center">
                    <div class="footer-widget">
                        {!! clean($footerTop['footer_widget_four'] ?? '') !!}
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer-bottom-wrap">
        <div class="container">
            <div class="footer-bottom">
                <div class="copyright-area">
                    {!!  clean($footerBottom['copy_right_text'] ?? '')  !!}
                </div>
                <div class="contact-area">
                    {!!  clean($footerBottom['hot_line'] ?? '')  !!}
                </div>
            </div>
        </div>
    </div>
</footer>