@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)!!}
                <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">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" class="active">Corporate Governance</a></li>
            </ul>
        </nav>
    </article>
    @php
    $i = 0;
    @endphp
    @foreach($corporate_governance_blocks as $corporate_governance_block_row)
    @if(empty($i %2))
    <article class="container-fluid imageTextBlock mt-5 pt-5">
        <div class="row custom__row left">
            <div class="col-12 col-md-12 col-lg-6">
                <div class="image">
                    <img src="{{url('/')}}/assets/images/corporate-governance/{{$corporate_governance_block_row->corporate_governance_block_thumbnail}}" alt="{{$corporate_governance_block_row->corporate_governance_block_title}}" class="img-fluid">
                </div>
            </div>
            <div class="col-12 col-md-12 col-lg-6">
                <div class="content">
                    <h2 class="secondary-heading">{{$corporate_governance_block_row->corporate_governance_block_title}}</h2>
                    <p class="paragraph">{!!nl2br($corporate_governance_block_row->corporate_governance_block_title)!!}</p>
                    <a href="{{url('/')}}/{{Str::slug($corporate_governance_block_row->corporate_governance_block_title)}}">Read More</a>
                </div>
            </div>
        </div>
    </article>
    @else
    <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">{{$corporate_governance_block_row->corporate_governance_block_title}}</h2>
                    <p class="paragraph">{!!nl2br($corporate_governance_block_row->corporate_governance_block_title)!!}</p>
                    <a href="{{url('/')}}/{{Str::slug($corporate_governance_block_row->corporate_governance_block_title)}}">Read More</a>
                </div>
            </div>
            <div class="col-12 col-md-12 col-lg-6">
                <div class="image">
                    <img src="{{url('/')}}/assets/images/corporate-governance/{{$corporate_governance_block_row->corporate_governance_block_thumbnail}}" alt="{{$corporate_governance_block_row->corporate_governance_block_title}}" class="img-fluid">
                </div>
            </div>
        </div>
    </article>
    @endif
    @php
    $i++;
    @endphp
    @endforeach
    @if(!empty(count($corporate_governance_members)))
    <article class="container-fluid commitee">
        <div class="row custom__row">
            <section class="col-12 col-md-8 m-auto title text-left">
                <h2 class="secondary-heading">Corporate Social Responsibility <br> Commitee Members</h2>
            </section>
        </div>
        <div class="row custom__row">
            <div class="col-12 commitee__inner">
                <div class="row">
                    @foreach($corporate_governance_members as $corporate_governance_member_row)
                    <div class="col-12 col-md-4">
                        <div class="commitee__inner__block">
                            <img src="{{url('/')}}/assets/images/corporate-governance/{{$corporate_governance_member_row->corporate_governance_member_image}}" alt="{{$corporate_governance_member_row->corporate_governance_member_name}}" class="img-fluid">
                            <h3>{{$corporate_governance_member_row->corporate_governance_member_name}}</h3>
                            <h4>{{$corporate_governance_member_row->corporate_governance_member_designation}}</h4>
                        </div>
                    </div>
                    @endforeach
                </div>
            </div>
        </div>
    </article>
    @endif
    @if(!empty(count($corporate_governance_categories)))
    @foreach($corporate_governance_categories as $corporate_governance_category_row)
    @if(isset($corporate_governance_pdfs[$corporate_governance_category_row->id]))
    <article class="container-fluid faqs commitee__faqs pt-5">
        <div class="row custom__row justify-content-end">
            <div class="col-12 col-md-12">
                <section class="row faqs__title mb-5">
                    <header class="col-12 col-md-10 col-lg-8 m-auto pl-0 text-center">
                        <h2 class=" secondary-heading mb-3">{{$corporate_governance_category_row->corporate_governance_category_title}}</h2>
                    </header>
                </section>
                <section class="row faqs__content commitee__faqs__content active">
                    @foreach($corporate_governance_pdfs[$corporate_governance_category_row->id] as $corporate_governance_pdf_row)
                        <header class="col-12">
                            <a @if(!empty($corporate_governance_pdf_row->corporate_governance_pdf)) href="{{url('/')}}/assets/pdfs/{{$corporate_governance_pdf_row->corporate_governance_pdf}}" target="_blank" @endif>
                                <h4>{{$corporate_governance_pdf_row->corporate_governance_pdf_title}} @if(!empty($corporate_governance_pdf_row->corporate_governance_pdf)) <img src="{{url('/')}}/assets/images/home/right-arrow-red.png" alt="Download"> @endif</h4>
                            </a>
                        </header>
                    @endforeach
                </section>
            </div>
        </div>
    </article>
    @endif
    @endforeach
    @endif
</main>
@endsection