@extends('web.layouts.main')
@section('content')

     <div class="page-heading">
                <div class="bread">
                    <h4>{{servicename($service->id)}}</h4>
                    <nav aria-label="breadcrumb">
                        <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{url(getCurrentLocale().'/')}}">{{__('web.home')}}</a></li>
                        <li class="breadcrumb-item"><a href="{{url(getCurrentLocale().'/service')}}">{{__('web.services')}}</a></li>
                        <li class="breadcrumb-item active" aria-current="page">{{servicename($service->id)}}</li>
                        </ol>
                    </nav>
                </div>
        </div>  
        <main>
            <!--start single-blog-->   
            <section class="single-blog">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="single-blog-inner">
                                <img src="{{asset($service->image)}}" class="blog-img">
                                <div class="inner">
                                    <div class="details">
                                        <div class="author price">
                                            
                                            <p> <small>SAR</small> {{$service->cost}} </p>
                                            
                                            <i class="fas fa-money-bill-wave"></i>

                                        </div>
                                       
                                    </div>
                                    <h4>{{servicename($service->id)}}</h4>
                                    <p class="desc">
                                       {{servicedescription($service->id)}}
                                        </p>
                                </div>
                         
                            </div>
                        </div>
                        
                    </div>
                </div>   
            </section>
            <!--start blog-sec-->
          
        </main>
@stop