@extends('frontLayout.frontlayout')
@section('content')

<section class="breadcame top-space">
    <div class="container">
        <div class="row">
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="label">
                    <h5>
                    {{$page->breadcrumb_title}}
                    </h5>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="our_service_head">
    <div class="container">
        <div class="row">
            <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                <div class="head">
                    <h4>
                        {{strtok($page['title']," ")}}
                        <span>{{strstr($page['title']," ")}}</span>
                    </h4>
                    <p>
                        {!! nl2br($page['short_description']) !!}
                    </p>
                </div>
                @if($page['image'] && file_exists(public_path($page['image'])))
                <div class="img_area">
                    @include('frontend.partials.fileRender', ['file' => $page['image'], 'size' => "large"])
                </div>
                @endif
            </div>
        </div>
    </div>
</section>

@php $i = 1; @endphp
@foreach($services as $key => $s)
@if ($i%2 == 1)
<section class="service_left" id="{{$s['slug']}}">
@else
<section class="service_right" id="{{$s['slug']}}">
@endif
    <div class="container">
        <div class="row">
            @if ($i%2 == 1)
            <div class="col-xxl-5 col-xl-5 col-lg-5 col-md-5 col-sm-5 col-12">
            @else
            <div class="col-xxl-7 col-xl-7 col-lg-7 col-md-7 col-sm-7 col-12  order-sm-0 order-2">
            @endif
                <div class="left_us">
                    @if ($i%2 == 1)
                    @if($s['image'] && file_exists(public_path($s['image'])))
                    <div class="img_area">
                        @include('frontend.partials.fileRender', ['file' => $s['image'], 'size' => "large"])
                    </div>
                    @endif
                    @else
                    <div class="head">
                        <h4>
                            {{$s['title']}}
                        </h4>
                        <p>
                            {!! nl2br($s['description']) !!}
                        </p>
                    </div>
                    @endif
                </div>
            </div>
            @if ($i%2 == 1)
            <div class="col-xxl-7 col-xl-7 col-lg-7 col-md-7 col-sm-7 col-12">
            @else
            <div class="col-xxl-5 col-xl-5 col-lg-5 col-md-5 col-sm-5 col-12">
            @endif
                <div class="right_us">
                    @if ($i%2 == 1)
                    <div class="head">
                        <h4>
                            {{$s['title']}}
                        </h4>
                        <p>
                            {!! nl2br($s['description']) !!}
                        </p>
                    </div>
                    @else
                    @if($s['image'] && file_exists(public_path($s['image'])))
                    <div class="img_area">
                        @include('frontend.partials.fileRender', ['file' => $s['image'], 'size' => "large"])
                    </div>
                    @endif
                    @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@php $i++; @endphp
@endforeach

@endsection