@extends('layouts.website_layout')
@section('meta_title', $meta_data->meta_title)
@section('meta_description', $meta_data->meta_description)
@section('canonical_tag', $meta_data->canonical_tag)
@section('banner_image', "banners/".$banner->banner_image)
@section('content')
<main>
    <article class="container-fluid innerBanner p-0">
        <figure>
            <img src="{{url('/')}}/assets/images/banners/{{$banner->banner_image}}" alt="{{$meta_data->page_name}}" class="img-fluid desktop_image">
             <img src="{{url('/')}}/assets/images/banners/{{$banner->banner_image_mobile}}" alt="{{$meta_data->page_name}}" class="img-fluid mobile_image">
            <figcaption class="custom__row slider-heading">
                {!!nl2br($banner->banner_caption)!!}
                <p class="paragraph mt-4">{!!nl2br($banner->banner_description)!!}</p>
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{url('/')}}">Home</a></li>
                        <li class="breadcrumb-item active" aria-current="page">{{$meta_data->page_name}}</li>
                    </ol>
                </nav>
            </figcaption>
        </figure>
    </article>
    <article class="container-fluid industries__slider">
        <section class="row custom__row industries__slider__section justify-content-end">
            <div class="col-12 col-md-12 col-lg-10 owl-carousel owl-theme" id="industries__slider">
                @foreach($service_heads as $service_head_row)
                <div class="row industries__slider__section__block m-0">
                    <div class="col-12 col-md-5 left">
                        <img src="{{url('/')}}/assets/images/services/{{$service_head_row->service_head_image}}" alt="{{$service_head_row->service_head_name}}" class="img-fluid">
                        <span></span>
                    </div>
                    <div class="col-12 col-md-7 right">
                        <h4>{{$service_head_row->service_head_title}}</h4>
                        <p class="paragraph">{!!($service_head_row->service_head_description)!!}</p>
                        <h5>{{$service_head_row->service_head_name}}</h5>
                        <h6 class="paragtaph">{{$service_head_row->service_head_designation}}</h6>
                    </div>
                </div>
                @endforeach
            </div>
        </section>
    </article>
    <article class="container-fluid productIntro pb-0 pt-0">
        <section class="row custom__row justify-content-center">
            <header class="col-12 text-left">
                <h2 class="secondary-heading mb-4">Explore Our Services</h2>
            </header>
        </section>
        <section class="row custom__row services mb-5">
            @foreach($services as $service_row)
            <div class="col-12 col-md-6 services__block">
                <div class="services__block__inner">
                    <figure>
                        <img src="{{url('/')}}/assets/images/services/{{$service_row->service_thumbnail}}" alt="{{$service_row->service_name}}" class="img-fluid">
                        <figcaption>
                            <h2 class="secondary-heading">{{$service_row->service_name}}</h2>
                            <p class="paragraph">{{$service_row->service_description}}</p>
                            <a href="{{url('/')}}/services/{{$service_row->service_url_slug}}">Discover {{$service_row->service_name}}</a>
                        </figcaption>
                    </figure>
                </div>
            </div>
            @endforeach
        </section>
    </article>
    <article class="container-fluid caseStudies py-5">
        <div class="row custom__row">
            @foreach($service_blocks as $service_block_row)
            <div class="col-12 col-md-5 col-lg-4 caseStudies__image">
                <img src="{{url('/')}}/assets/images/services/{{$service_block_row->service_block_image}}" alt="{{$service_block_row->service_block_title}}" class="img-fluid">
            </div>
            <div class="col-12 col-md-7 col-lg-8 caseStudies__content">
                <div class="caseStudies__content__inner">
                    <div class="content">
                        <h3>{{$service_block_row->service_block_title}}</h3>
                        <h2>{{$service_block_row->service_block_tagline}}</h2>
                        <p class="paragraph">{{$service_block_row->service_block_description}}</p>
                        @if(!empty($service_block_row->service_block_button_link) && !empty($service_block_row->service_block_button_name))
                        <a href="{{$service_block_row->service_block_button_link}}">{{$service_block_row->service_block_button_name}} <span></span></a>
                        @endif
                    </div>
                </div>
            </div>
            @endforeach
        </div>
    </article>
    <article class="container-fluid serviceList py-5">
        <div class="row custom__row">
            <div class="col-12 title mb-5">
                <h2>Services Promise</h2>
            </div>
        </div>
        <div class="row custom__row m-0">
            @foreach($service_promises as $service_promise_row)
            <div class="col-12 col-md-4 col-lg-3 serviceList__block">
                <div class="inner">
                    <img src="{{url('/')}}/assets/images/services/{{$service_promise_row->service_promise_icon}}" alt="{{$service_promise_row->service_promise_caption}}" class="img-fluid">
                    <h3>{{$service_promise_row->service_promise_caption}}</h3>
                    <p class="paragraph">{{$service_promise_row->service_promise_description}}</p>
                </div>
            </div>
            @endforeach
        </div>
    </article>
    @if(!empty(count($service_customer_testimonials)))
    <article class="container-fluid serviceList mb-5">
        <div class="row custom__row">
            <div class="col-12 title mb-5">
                <h2 class="secondary-heading black">Recognition for operational excellence</h2>
            </div>
        </div>
        <section class="row custom__row">
            <div class="threeDSlider__slider owl-carousel" id="threeDSlider_slider">
                 @foreach($service_customer_testimonials as $service_customer_testimonial_row)
                <figure class="item">
                    <img src="{{url('/')}}/assets/images/services/{{$service_customer_testimonial_row->service_testimonial_thumbnail}}" alt="{{$service_customer_testimonial_row->service_testimonial_title}}" class="img-fluid">
                    <figcaption>
                        <h3 class="product-title">{{$service_customer_testimonial_row->service_testimonial_title}}</h3>
                        <p class="paragraph">{!!nl2br($service_customer_testimonial_row->service_testimonial_description)!!}</p>
                    </figcaption>
                </figure>
                @endforeach
            </div>
        </section>
    </article>
    @endif
</main>
@endsection