@extends('web.layouts.container')

@section('content')
    <section class="product_det">
        <div class="container">
            <div class="inner">
                <div class="swiper-container peoduct-det-swiper">
                    <div class="swiper-wrapper">
                        @foreach($service['images'] as $image)
                        <div class="swiper-slide">
                            <img src="{{asset($image)}}" alt="" class="peoduct_det_img"/>
                        </div>
                        @endforeach
                    </div>
                    <!-- Add Arrows -->
                    <div class="swiper-button-next"></div>
                    <div class="swiper-button-prev"></div>
                </div>
                <div class="text-box">
                    <h4 class="title">{{$service['name']}}</h4>
                    <p class="text_p">{!! $service['description'] !!}</p>
                </div>
            </div>
        </div>
    </section>
@endsection

@section('inner_js')

@endsection