@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}}" 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 linkNav">
        <nav class="row custom__row text-center">
            <ul class="m-auto">
                <li><a href="{{url('/')}}/commitments" class="active">Welcome</a></li>
                <li><a href="{{url('/')}}/business-excellence">Business Excellence</a></li>
                <li><a href="{{url('/')}}/sustainability">Sustainability</a></li>
                <li><a href="{{url('/')}}/corporate-governance">Corporate Governance</a></li>
            </ul>
        </nav>
    </article>
    @if(!empty($company_quotes))
    <article class="container-fluid industries__slider people">
        <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">
                <div class="row industries__slider__section__block m-0">
                    <div class="col-12 col-md-5 left">
                        <img src="{{url('/')}}/assets/images/people/{{$company_quotes->company_quote_thumbnail}}" alt="{{$company_quotes->company_quote_title}}" class="img-fluid">
                        <span></span>
                    </div>
                    <div class="col-12 col-md-7 right">
                        <h4>{{$company_quotes->company_quote_content}}</h4>
                        <h5>Quote from {{$company_quotes->company_quote_title}}</h5>
                    </div>
                </div>
            </div>
        </section>
    </article>
    @endif
    @if(!empty(count($commitment_blocks)))
    @foreach($commitment_blocks as $commitment_block_row)
    @if(in_array($commitment_block_row->id, $left_blocks))
    <article class="container-fluid imageTextBlock">
        <div class="row custom__row left">
            <div class="col-12 col-md-12 col-lg-6">
                <div class="image">
                    <img src="{{url('/')}}/assets/images/commitments/{{$commitment_block_row->commitment_block_thumbnail}}" alt="{{$commitment_block_row->commitment_block_title}}" class="img-fluid">
                </div>
            </div>
            <div class="col-12 col-md-12 col-lg-6">
                <div class="content">
                    <h2 class="secondary-heading">{{$commitment_block_row->commitment_block_title}}</h2>
                    <p class="paragraph">{!!nl2br($commitment_block_row->commitment_block_description)!!}</p>
                    @if(!empty($commitment_block_row->commitment_block_link))
                    <a href="{{$commitment_block_row->commitment_block_link}}" target="_blank">Read More</a>
                    @endif
                </div>
            </div>
        </div>
    </article>
    @elseif(in_array($commitment_block_row->id, $center_blocks))
    <article class="container-fluid socialResponsibilty" style="background: #fff url({{url('/')}}/assets/images/commitments/{{$commitment_block_row->commitment_block_thumbnail}}) no-repeat right/cover;">
        <div class="row custom__row">
            <div class="col-12 col-md-8 col-lg-5">
                <h2 class="secondary-heading mb-3">{{$commitment_block_row->commitment_block_title}}</h2>
                <p class="paragraph">{!!nl2br($commitment_block_row->commitment_block_description)!!}</p>
                @if(!empty($commitment_block_row->commitment_block_link))
                <a href="{{$commitment_block_row->commitment_block_link}}" target="_blank">Read More</a>
                @endif
            </div>
        </div>
    </article>
    @elseif(in_array($commitment_block_row->id, $right_blocks))
    <article class="container-fluid imageTextBlock">
        <div class="row custom__row right">
            <div class="col-12 col-md-12 col-lg-6">
                <div class="content">
                    <h2 class="secondary-heading">{{$commitment_block_row->commitment_block_title}}</h2>
                    <p class="paragraph">{!!nl2br($commitment_block_row->commitment_block_description)!!}</p>
                    @if(!empty($commitment_block_row->commitment_block_link))
                    <a href="{{$commitment_block_row->commitment_block_link}}" target="_blank">Read More</a>
                    @endif
                </div>
            </div>
            <div class="col-12 col-md-12 col-lg-6">
                <div class="image">
                    <img src="{{url('/')}}/assets/images/commitments/{{$commitment_block_row->commitment_block_thumbnail}}" alt="{{$commitment_block_row->commitment_block_title}}" class="img-fluid">
                </div>                
            </div>
        </div>
    </article>
    @endif
    @endforeach
    @endif
</main>
@endsection