@extends("Front::Layout.master")
@section('title',$service->name)
@section('content')

    <!-- breadcrumb -->
    <div class="breadcrumbSection marginX my-md-3 my-3">
        <div class="breadcrumb_contanier">
            <ul class="d-flex">
                <li class="ml-2"><a href="{{route('home')}}" class="font_size_2">تاسیسات اول</a></li>
                <li class="ml-2"><a href="{{ route("page.index","services") }}" class="font_size_2">خدمات</a></li>
                <li class="ml-2"><a href="#" class="font_size_2">{{$service->name}}</a></li>
            </ul>
        </div>
    </div>
    <!-- end breadcrumb -->


    <div class="cards_container_service d-flex flex-wrap justify-content-around marginX">
        @foreach($children as $item)
            <div class="col-md-3 mt-3 col-sm-6 col-12 d-flex justify-content-center">
                <div class="card_slider  swiper-slide border ">
                    <a href="{{route('service.info',$item->slug)}}" class="text-decoration-none">
                        <img class="img img-fluid" src="{{$item->thumb()}}">
                        <div class="slider_title">
                            <p class="font_size_0">{{$item->name}}</p>
                        </div>
                    </a>
                </div>
            </div>
        @endforeach
    </div>

    {{ $children->appends(request()->query())->links() }}


@endsection
