<!-- ---------- footer  ----------- -->
<footer class="footer">
    <div class="top-footer">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-4">
                    <div class="icon-item mb-5 mb-lg-0">
                            <span class="icon">
                                <img src="{{asset($footer->image)}}" alt="">
                            </span>
                        <div class="cont">
                            <h6> {!! $footer->currentDescription->title !!} </h6>
                            <div class="text"> {!! $footer->currentDescription->description !!} </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-2">
                    <div class="contact-item mb-5 mb-lg-0">
                        <span class="icon"> <i class="fas fa-at"></i> </span>
                        <div class="cont">
                            <div class="text small"> {{__('web.help_center')}} </div>
                            <a href="#"> <span class="txt"> {{settings('center_help_user')}} </span> </a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-2">
                    <div class="contact-item mb-5 mb-lg-0">
                        <span class="icon"> <i class="fas fa-question-square"></i> </span>
                        <div class="cont">
                            <div class="text small"> {{__('web.support_email')}} </div>
                            <a href="#">  <span class="txt"> {{settings('center_help_email')}} </span> </a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="social-icons text-lg-end mb-5 mb-lg-0">
                        @if(settings('facebook'))
                            <a href="{{settings('facebook')}}" target="_blank"> <i class="fab fa-facebook-f"></i> </a>
                        @endif
                        @if(settings('x'))
                            <a href="{{settings('x')}}" target="_blank"> <i class="fab fa-x-twitter"></i> </a>
                        @endif
                        @if(settings('linkedin'))
                            <a href="{{settings('linkedin')}}" target="_blank"> <i class="fab fa-linkedin-in"></i> </a>
                        @endif
                        @if(settings('instagram'))
                            <a href="{{settings('instagram')}}" target="_blank"> <i class="fab fa-instagram"></i> </a>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="main-footer">
        <div class="container">
            <div class="footer-links pt-3">
                <div class="row">
                    <div class="col-lg-3">
                        <div class="links-group mt-4">
                            <h6 class="mb-3"> {{__('web.best_brands')}} </h6>
                            <ul class="list-icon list-half">
                                @foreach($footer_brands as $row)
                                    <li> <span class="icon"> <i class="fal fa-tags"></i> </span> <span class="text"> {{$row->title}} </span> </li>
                                @endforeach
                            </ul>
                        </div>
                    </div>
                    @foreach($footer_categories as $row)
                        <div class="col-lg-{{6 / count($footer_categories)}}">
                            <div class="links-group mt-4">
                                <h6 class="mb-3"> {{$row->title}} </h6>
                                <ul class="list-icon">
                                    @foreach($row->sub as $model)
                                        <li> <span class="icon"> <i class="fas fa-circle"></i> </span> <span class="text"> {!! $model->currentDescription->title !!} </span> </li>
                                    @endforeach
                                </ul>
                            </div>
                        </div>
                    @endforeach
                    <div class="col-lg-3">
                        <div class="contact-group mt-4">
                            <h6 class="mb-3"> {{__('web.call_us')}} </h6>
                            <div class="item mb-4">
                                <span class="icon"> <i class="fal fa-map-location-dot"></i> </span>
                                <div class="cont">
                                    <h6 class="mb-3"> {{settings('site_address_'.getCurrentLocale())}} </h6>
                                    <div class="text small">  {{settings('address_1_'.getCurrentLocale())}} </div>
                                    <div class="text small">  {{settings('address_2_'.getCurrentLocale())}} </div>
                                </div>
                            </div>
                            <div class="item">
                                <span class="icon"> <i class="fal fa-phone"></i> </span>
                                <div class="cont">
                                    <h6 class=""> <span dir="ltr">  {{settings('site_phone')}} </span> </h6>
                                </div>
                            </div>
                            <div class="item">
                                <span class="icon"> <i class="fal fa-at"></i> </span>
                                <div class="cont">
                                    <h6 class=""> <span dir="ltr"> {{settings('site_email')}} </span> </h6>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="foot">
                <a href="#" class="logo">
                    <img src="{{url('')}}/assets/web/images/logo.svg" alt="">
                </a>
                <div class="btm-links">
                    <div class="text"> {!! __('web.rights') !!} </div>
                    <div class="links">
{{--                        <a href="#"> اتصل بنا </a>--}}
{{--                        <a href="#"> الوظائف </a>--}}
                        <a href="{{route('web.terms')}}"> {{__('web.terms')}} </a>
                        <a href="{{route('web.conditions')}}"> {{__('web.conditions')}} </a>
                        <a href="{{route('web.policy')}}"> {{__('web.policy')}} </a>
                    </div>
                </div>
                <div class="payment ms-lg-auto">
                    <img src="{{url('')}}/assets/web/images/payment.svg" alt="">
                </div>
            </div>
        </div>
    </div>
</footer>
<!--End-Contents-->


<!-- ----------- mobile navigation ----------- -->
<div class="mob-nav d-lg-none">
    <ul class="links-list">
        <li class="item">
            <a href="{{route('web.home')}}" class="lnk active"> <span class="icon"> <i class="fal fa-home"></i> </span> <span class="txt"> {{__('web.home')}} </span> </a>
        </li>
        <li class="item">
            <a href="{{route('web.product')}}" class="lnk"> <span class="icon"> <i class="fal fa-percentage"></i> </span> <span class="txt"> {{__('web.products')}} </span> </a>
        </li>
        @if(auth()->user())
            <li class="item">
                <a href="{{route('web.profile')}}" class="lnk"> <span class="icon"> <i class="fal fa-user"></i> </span> <span class="txt"> {{__('web.profile')}} </span> </a>
            </li>
        @endif
        <li class="item">
            <a href="{{route('cart.index')}}" class="lnk"> <span class="icon"> <i class="fal fa-shopping-bag"></i> </span> <span class="txt"> {{__('web.cart')}} </span> </a>
        </li>
    </ul>
</div>

<!-- ====== start to top button ====== -->
<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"
              style="transition: stroke-dashoffset 10ms linear 0s; stroke-dasharray: 307.919, 307.919; stroke-dashoffset: 220.587;">
        </path>
    </svg>
</div>
<!-- ====== end to top button ====== -->
