@extends('web.layouts.main')
@section('content')
   <main>
        <!-- Start pg-header -->
        <section class="pg-header section">
            <div class="container">
                <div class="content wow text-focus-in">
                    <h1 class="title text-white text-center"><b>{{__('web.services')}}</b></h1>
                    <div class="bread text-center mt-3">
                        <a href="{{url(getCurrentLocale().'/')}}" class="link">{{__('web.home')}}</a> |
                        <span class="this-pg">{{__('web.services')}}</span>
                    </div>
                </div>
            </div>
        </section>
        <!--Start services-pg -->
        <section class="services-pg section">
            <div class="container">
                <div class="text-box text-center mb-5">
                    <p class="color-secondary mb-3 wow tracking-in-expand-fwd-bottom">{{__('web.electron_service')}}</p>
                    <h1 class="title mb-3 wow tracking-in-expand-fwd-top"><b>{{__('web.service_fix')}}</b></h1>
                    <p class="p wow fadeInUp">{{__('web.examine')}}</p>
                </div>
                <div class="swiper-container our-services-swiper pt-2 pb-4">
                    <div class="swiper-wrapper pb-5">
                        
                        @foreach($services as $row)
                        <div class="swiper-slide">
                            <div class="item">
                                <img src="{{asset($row->image)}}" alt="" class="icon"/>
                                <h6 class="title mb-0"><b>{{servicedescription($row->id,'name')}} </b></h6>
                            </div>
                        </div>
                        @endforeach
                    </div>
                    <!-- Add Pagination -->
                    <div class="swiper-pagination"></div>
                </div>
            </div>
        </section>
        <!-- Start services-sec -->
        <section class="services-sec ser_steps section">
            <div class="container">
                <div class="text-box text-center mb-5">
                    <p class="text-white mb-3 wow tracking-in-expand-fwd-bottom">{{__('web.steps')}}</p>
                    <h1 class="text-white title mb-3 wow tracking-in-expand-fwd-top"><b>{{__('web.easy_fix')}}</b></h1>
                    <p class="text-white p wow fadeInUp">{{__('web.fix_desc')}}</p>
                </div>
                <div class="row">
                    @foreach($steps as $row)
                    <div class="col-lg-3">
                        <div class="ser_steps_box">
                            <div class="icon">
                                <img src="{{asset($row->image)}}" alt="">
                            </div>
                            <div class="info">
                                <h5> {{stepdescription($row->id,'name')}}</h5>
                                <div class="text">
{{stepdescription($row->id,'description')}}                                </div>
                            </div>
                        </div>
                    </div>
                    @endforeach
                </div>
                <div class="text-center">
                    <a href="{{url(getCurrentLocale().'/reservation')}}" class="butn border-white-butn mt-5 d-inline-block"><span class="zi-5">{{__('web.reserve_now')}}</span></a>
                </div>
            </div>
        </section>
        <!-- Start blog-sec -->
        <section class="blog-sec section">
            <div class="container">
                <div class="text-box text-center mb-5">
                    <p class="color-secondary mb-3 wow tracking-in-expand-fwd-bottom">{{__('web.electron_service')}}</p>
                    <h1 class="title mb-3 wow tracking-in-expand-fwd-top"><b>{{__('web.can_fix')}}</b></h1>
                </div>
                <div class="row">
                    @foreach($try as $row)
                    <div class="col-lg-4">
                        <div class="blog_card wow fadeInUp">
                            <div class="img-box">
                                <img src="{{asset($row->image)}}" alt="" class="sec-img"/>
                            </div>
                            <div class="card-body">
                                <h5 class="title"><b>{{servicedescription($row->id,'name')}}</b></h5>
                                <p class="p mb-0">
{{servicedescription($row->id,'description')}}
                                </p>
                            </div>
                        </div>
                    </div>
                    @endforeach
                </div>
            </div>
        </section>
    </main>
@stop