<footer class="py-5">
    <div class="container-fluid px-0">
        <div class="row col-xl-11 py-3">
            <div class="footer-top">
                <div class="location d-flex align-items-center justify-content-start pt-5">
                <img src="{{ asset('/images/loc.png') }}" alt="">
                <span>آدرس فروشگاه: {{ settings('address')}}</span>
            </div>
            <div class="footer-logo-sec d-flex flex-column align-items-center">
                @if($footer_logo && count($footer_logo->activeItems))
                    <div class="footer-logo">
                        <img src="{{ asset($footer_logo->activeItems[0]->image) }}" alt="{{ $footer_logo->activeItems[0]->title }}">
                    </div>
                @endif
                @if($social_networks && count($social_networks->activeItems))
                    <div class="socials mt-3 d-flex justify-content-evenly">
                        @foreach($social_networks->activeItems as $item)
                            <a href="{{ $item->url }}">
                                <img src="{{ asset($item->image) }}" alt="">
                            </a>
                        @endforeach
                    </div>
                @endif
            </div>
            <div class="tel-mail d-flex flex-column justify-content-center  pt-5">
                <div class="tel pe-lg-3 ">
                    <img src="/images/tel.png" alt="">
                    <span>شماره تماس: </span>
                    <a href="tel:{{ settings('phone')}}">{{ settings('phone')}}</a>
                </div>
                    <div class="tel mt-3 pe-lg-3">
                    <img src="/images/mail.png" alt="">
                    <span >پست الکترونیکی : </span>
                    <a href="#">{{ settings('email')}}</a>
                </div>
            </div>
            </div>
        </div>
        <div class="row col-xl-11 footer-middle d-flex py-5 ">
            @if($description_footer && count($description_footer->activeItems))
                <div class='catalog-box'>
                    <div class="catalog px-0">
                    <a href="{{   $description_footer->activeItems[0]->url }}">
                        <img src="{{ asset('images/catalog-back.png') }}" alt="" class="catalg-back">
                   
                    <div class="catalog-txt py-3">
                        <span class="my-2">{{ $description_footer->activeItems[0]->title }}</span>
                        <div class="txt-down mt-2 d-flex align-items-center">
                            <div>
                            <span class="d-block text-red">Download catalog</span>
                        <span>{{ $description_footer->activeItems[0]->description }}</span>
                            </div>
                        <div class="txt-flesh">
                            <img src="{{ asset('images/catalog-flesh.png') }}" alt="">
                        </div>
                        </div>
                    </div>
                    </a>
                     <img src="{{ asset($description_footer->activeItems[0]->image) }}" alt="{{ $description_footer->activeItems[0]->title }}" class="catalog-img">
                </div>
                </div>
            @endif    
            <div class="footer-nav d-flex">
                    @if($footer1 && count($footer1->activeItems))
                        <ul class="footer-list">
                            @foreach($footer1->activeItems as $item)
                                <li><a href="{{ $item->url }}">{{ $item->title }}</a></li>
                            @endforeach
                        </ul>
                    @endif  
                    @if($footer2 && count($footer2->activeItems))  
                        <ul class="footer-list">
                            @foreach($footer2->activeItems as $item)    
                                <li><a href="{{ $item->url }}">{{ $item->title }}</a></li>
                            @endforeach
                        </ul>
                    @endif
                    @if($footer3 && count($footer3->activeItems))  
                        <ul class="footer-list">
                            @foreach($footer2->activeItems as $item)    
                                <li><a href="{{ $item->url }}">{{ $item->title }}</a></li>
                            @endforeach
                        </ul>
                    @endif
            </div>
           
            <div class=" e-namads d-flex justify-content-xl-end justify-content-center">
                {!! settings('enamad') !!}
              {!! settings('elmaz') !!}
                <!-- <img src="/image/enamad.png" alt="">
                <img src="/image/enmd2.png" alt=""> -->
            </div>
        
        </div>
        <div class="row col-xl-11 footer-rigths mt-3">
            <div class="col-lg-11 col-12 rights-sec d-flex px-0 px-sm-2">
                <div class="rights d-flex justify-content-lg-between">
                    <div>
                    <span>{!! settings('copyright') !!}</span>

                </div>
                <div>
                    <span class="eng-right">website designed by <span class="company">NONEGAR PARDAZESH</span>  </span>
                <span> | developed by <span class="company">NONEGAR</span></span>
                </div>
                </div>
                <div class="d-flex d-lg-none up-img" onclick="scrollToTop()">
                    <img src="{{ asset('images/top.png') }}" alt="">
                </div>
            </div>
            <div class="col-lg-1 up justify-content-center align-items-center d-none d-lg-flex" >
                <div class="up-img" onclick="scrollToTop()">
                    <img src="{{ asset('images/top.png') }}" alt="">
                </div>
            </div>
        </div>
        <div class="fixed d-flex flex-column">
       
            <a href="{{ settings('whatsapp') }}">
                <img src="{{ asset('images/fix-whats.png') }}" alt="">
            </a>
            <a href="#">
                <img src="{{asset('images/fix-chat.png')}}" alt="">
            </a>
        </div>
    </div>
</footer>