@extends('layouts.app-home')
@section('content')

<section class="single-service-area pt-4 bg-grey">
            <div class="container-fuild">
                <div class="row">
                    <div class="col-xl-3 col-lg-5 col-md-12 col-sm-12">
                        <div class="single-service-sidebar">
                            <!--Start Single sidebar-->
                            <div class="single-sidebar">
                                <h5 class="pt-3 pb-3 pl-3" style="color: #fff; background: #724bdb;">Categories</h5>
                                <ul class="service-pages">
                                    @foreach($Categorylist as $ctr)
                                    <li class="">
                                    @if(auth()->guard('agent')->user())
                                        <a href="{{url('category/'.$ctr->url_slug)}}?area={{@$_REQUEST['area']}}&shop={{@$_REQUEST['shop']}}">
                                            @else
                                            <a href="{{url('category/'.$ctr->url_slug)}}">
                                            @endif

                                            <div class="title">
                                                <h3 class="static">{{$ctr->title}}</h3>
                                                <div class="overlay-title">
                                                    <h3>{{$ctr->title}}</h3>
                                                </div>
                                            </div>
                                        </a>
                                    </li>
                                    @endforeach
                                  

                                </ul>
                            </div>
                          
                         
                            <!--End Single sidebar-->
                        </div>
                    </div>
                    <div class="col-xl-9 col-lg-7 col-md-12 col-sm-12">
                       
                      
                            <div class="row p-4">
                            @foreach($Categorylist as $ctry)
                                <!--Start Single Advantages Box-->
                                <div class="col-xl-3 col-lg-6 col-md-6">
                                @if(auth()->guard('agent')->user())
                                <a href="{{url('category/'.$ctry->url_slug)}}?area={{@$_REQUEST['area']}}&shop={{@$_REQUEST['shop']}}"> 
                                    @else
                                    <a href="{{url('category/'.$ctry->url_slug)}}"> 
                                    @endif
                                    <div class="single-advantages-box mb-4">
                                        <div class="inner">
                                            <div class="static-content">
                                                <div class="icon-holder pb-0">
                                              
                                                @if($ctry->img)
                                                    <img src="{{url('media/category/'.@$ctry->img)}}" alt="{{$ctry->title}}" class="d-block ui-w-10 rounde1d-circle mb-3" style="width:160PX;    margin: auto;">
                                                    @else
                                                    <img src="{{url('adminAssets/assets/img/default.png')}}" alt="{{$ctry->title}}" class="d-block ui-w-10 rounded-circle mb-3"  style="width:160PX;    margin: auto;">
                                                    @endif

                                                </div>
                                                <div class="title">
                                                    <h3>{{$ctry->title}}</h3>
                                                </div>
                                            </div>
                                            
                                        </div>
                                    </div>
                                   </a>
                                </div>
                                <!--End Single Advantages Box-->
                                @endforeach
                               
                            
                        </div>

                       

                    


                    </div>
                </div>
            </div>
        </section>


      <section class="about-one pd-120-0-120 " style="padding: 10px 0;"></section>



@endsection