@extends("v1/02_dash-template/layouts/layout-customer")

@section("page-title") سرویس ها @endsection

@section("page-styles")
<style>
    .order-btn-div {
        margin: -20px 0 15px 0
    }
</style>
@endsection
@section("page-body")
<div class="row">
    @foreach($services as $service)
    <div class="col-12 col-lg-6 col-xl-4">
        <div class="box">
            <div class="box-body">
                <div class="product-text">
                    <div class="pro-img-overlay">
                        <a class="btn btn-primary btn-icon-circle icon"><i class="{{ $service->icon }}"></i></a>
                    </div>
                    <h3 class="box-title mb-0">{{ $service->s_title }}</h3>
                    <small class="text-muted db">{!! $service->excerpt !!}</small>
                </div>
            </div>
            <div class="text-center order-btn-div">
                <a href="{{ route('order-service.view', ['id'=>$service->sid]) }}" class="btn btn-rounded btn-primary text-white" target="_blank">رزرو سرویس</a>
            </div>
        </div>
    </div>
    @endforeach
</div>
@endsection