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

 <div class="page-heading">
            <div class="bread">
                <h4>{{__('web.services')}}</h4>
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb">
                      <li class="breadcrumb-item"><a href="{{url(getCurrentLocale().'/')}}">{{__('web.home')}}</a></li>
                      <li class="breadcrumb-item active" aria-current="page">{{__('web.services')}}</li>
                    </ol>
                  </nav>
            </div>
       </div>  
        <main>
            <!--start blog-sec-->   
            <section class="services-sec">
                <div class="container">
                <div class="text-heading">
                    <h3>{{__('web.serdesc2')}}</h3>
                    <span class="sub-title">{{__('web.services')}}</span>
                </div>
                <div class="row">
                    @foreach($services as $row)
                     <div class="col-lg-4">
                  <a href="{{url(getCurrentLocale().'/service/'.$row->id)}}">
                <div class="card">
                  <div class="image-content">
                    <img src="{{asset($row->image)}}">
                  </div>
                  <div class="card-body ">
                    <h5>{{servicename($row->id)}}</h5>
                     <p>
                      {{ mb_substr(servicedescription($row->id),0,100,"UTF-8")}}
                    </p>
                    <h6><span>{{$row->cost}}</span>SAR / {{__('web.monthly')}}</h6>
                  </div>
                </div>
                </a>
              </div>
                    @endforeach
                </div>
                </div>
                <img src="{{url('')}}/assets/web/images/nawal-pattern-2.png" class="logo-pattern-r">
            </section>
        </main>


@stop