@extends('web_site.layouts.master')
@section('content')
    <!--Page Header Start-->
    <section class="page-header">
        <div class="page-header__bg" style="background-image: url({{asset('assets_web/img/newbaner/services.webp')}});"></div>
        <div class="container">
            <div class="page-header__inner">
                <h2>{{trans('web_site.Services')}}</h2>
                <div class="thm-breadcrumb__box">
                    <ul class="thm-breadcrumb list-unstyled">
                        <li><a href="{{route('subcategory')}}">{{ trans('web_site.Services') }}</a></li>
                        <li><span>-</span></li>
                        @if($category->parent_data && $category->parent_data->id)
                            <li>
                                <a href="{{route('services',$category->parent_data->id)}}">{{$category->parent_data->name}}</a>
                             </li>
                            <li><span>-</span></li>
                        @endif
                        <li> {{$category->name}}</li>
                    </ul>
                </div>
            </div>
        </div>

    </section>
    @if(isset($categories)&&($categories->isNotEmpty()))
        <!--Services Two Start-->
        <section class="services-two">
            <div class="container">
                <div class="section-title text-center">

                    <h2 class="section-title__title " style="color: #7c1327;">{{optional($category->parent_data)->name}}</h2>

                </div>

                <div class="row">
                @foreach($categories as $item)
                    <!--Services sub category-->
                        <div class="col-xl-4 col-lg-4 wow fadeInLeft" data-wow-delay="100ms">
                            <div class="team-two__single">
                                <div class="team-two__img-box">
                                    <div class="team-two__img-shape-1"></div>
                                    <div class="team-two__img">
                                        <a href="{{route('services',$item->id)}}">
                                            <div style="background-image: url({{$item->image_path}});"
                                                 class="subcat-back"></div>
                                        </a>
                                        <div class="team-two__content">
                                            <h3 class="team-two__title"><a
                                                    href="{{route('services',$item->id)}}">{{$item->name}}</a></h3>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                    @endforeach

                </div>
            </div>
        </section>
    @endif
    @if(isset($all)&&($all->isNotEmpty()))

        <!--Services Two Start-->
        <section class="services-two">
            <div class="container">
                <div class="section-title text-center">
                    <h2 class="section-title__title mb25-main" style="color: #7c1327;">{{$category->name}}</h2>
{{--                    <div class="titfirabout">{{ trans('web_site.section_service_page') }} </div>--}}
                    <div class="titfirabout">{{$category->details}}</div>
                </div>

                <!-- Filter & Search Section End -->

                <div class="row">
                @foreach ($all as $item)
                    <!--Services Two Single Start-->
                        <div class="col-xl-4 col-lg-4 wow fadeInLeft" data-wow-delay="100ms">
                            <div class="services-two__single pp-serv1">
                                <div class="services-two__img-box">
                                    <a href="{{route('service.Details',$item->id)}}">
                                        <div class="services-two__img servimg"
                                             style="background-image: url({{$item->image_url}});" alt="services img"></div>
                                    </a>
                                </div>
                                <div class="services-two__content">
                                    <div class="services-two__icon-and-title"><h3 class="services-two__title"><a
                                                href="{{route('service.Details',$item->id)}}">{{getDefultheader($item->title)}}</a></h3>
                                    </div>
                                    <div class="services-two__text">
                                        {{getDefultText($item->details)}}

                                    </div>
                                    <div><a href="{{route('service.Details',$item->id)}}"
                                            class="aclrbtn">{{trans('web_site.read_more')}}  </a></div>
                                </div>
                            </div>
                        </div>
                @endforeach

                <!----pagination-->
                    <div class="about-three__btn-box text-center">
                        {{-- <div class="pagination">
                             <a href="#">&laquo;</a> <!-- Previous -->
                             <a href="#" class="active">1</a>
                             <a href="#">2</a>
                             <a href="#">3</a>
                             <a href="#">4</a>
                             <a href="#">5</a>
                             <a href="#">6</a>
                             <a href="#">&raquo;</a> <!-- Next -->
                         </div>--}}
                        <div class="about-three__btn-box text-center">
                            {!! $all->withQueryString()->links('vendor/pagination/default') !!}

                        </div>
                    </div>


                </div>
            </div>
        </section>
    @endif
@endsection