@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">

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

    </section>
    @if(isset($categories)&&($categories->isNotEmpty()))
        <!--Services Two Start-->
        <section class="services-two">
            <div class="container">
                <div class="row justify-content">
                    <div class="col-xl-9">
                <div class="section-title text-center">
                    <div class="section-title__tagline-box">
                        <div class="section-title__shape"></div>
                        <h2 class="section-title__title mb25-main" style="color: #7c1327;">{{trans('web_site.Our_Services')}}</h2>
                    </div>
                    <div class="titfirabout"> {{trans('web_site.Our_Services_detailes')}} </div>

                    {{--   <div class="titfirabout"> let us write a brief about our trainings the share participant’s testimonial. sLorem ipsum dolor sit
                        amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. let us write a
                        brief about our trainings the share participant’s testimonial. sLorem ipsum dolor sit amet,
                        consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. </div>--}}
                </div>
            </div>
            </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>-->

                        <!--Services -->
                        <div class="col-md-4">
                            <div class="services-two__single high">
                                <div class="services-two__content pdd-ser">
                                    <div class="services-two__icon-and-title"><h3 class="services-two__title font-weight"><a
                                                    href="{{route('services',$item->id)}}">{{$item->name}}</a>
                                        </h3></div>
                                    <div class="services-two__text">
                                        {{$item->details}}
{{--                                        Write a very short brief of one line Write a very short brief of one line Write a very short brief of one line--}}
                                    </div>
                                    <div><a href="{{route('services',$item->id)}}"  class="backcatbttn"> <i  class="fas fa-arrow-right"></i></a></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">
                    <div class="section-title__tagline-box">
                        <div class="section-title__shape"></div>
                        <span class="section-title__tagline">{{optional($category->parent_data)->name}}</span>
                    </div>
                    <h2 class="section-title__title">{{$category->name}}</h2>
                </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">
                                <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)}}">{{$item->title}}</a></h3>
                                    </div>
                                    <div class="services-two__text">
                                        {{getDefultText($item->details)}}

                                    </div>
                                    <div><a href="{{route('service.Details',$item->id)}}"
                                            class=" btnserv thm-btn">{{trans('web_site.read_more')}} <i
                                                class="fas fa-arrow-right ms-2"></i></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