@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')
<article class="container-fluid innerBanner p-0">
<main>
        <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 linkNav">
        <nav class="row custom__row text-center">
            <ul class="m-auto">
                @php
                $i = 1;
                @endphp
                @foreach($executive_team_categories as $executive_team_category_row)
                <li><a href="{{url('/')}}/{{Str::slug($executive_team_category_row->executive_team_category_title)}}" class="@if($i == $active_category_id) active @endif">{{$executive_team_category_row->executive_team_category_title}}</a></li>
                @php
                $i++;
                @endphp
                @endforeach
            </ul>
        </nav>
    </article>
    @php
    $i = 1;
    @endphp
    @foreach($executive_team_categories as $executive_team_category_row)
    @if(isset($executive_teams_object->{$executive_team_category_row->id}))
    <article class="container-fluid team executive_team_blocks {{Str::slug($executive_team_category_row->executive_team_category_title)}}" @if($i != $active_category_id) style="display:none;" @endif>
        <div class="row custom__row">
            @foreach($executive_teams_object->{$executive_team_category_row->id} as $executive_teams_object_row)
            <div class="col-12 col-md-4 executive_team_block">
                <div class="team__block @if(!empty($executive_teams_object_row->executive_team_description)) management_team_block @endif">
                    <div class="image">
                        <img src="{{url('/')}}/assets/images/executives/{{$executive_teams_object_row->executive_team_thumbnail}}" alt="{{$executive_teams_object_row->executive_team_name}}" class="img-fluid executive_team_thumbnail">
                        @if(!empty($executive_teams_object_row->executive_team_description))
                        <div class="caption">
                            <p class="paragraph">{!!nl2br(Str::limit($executive_teams_object_row->executive_team_description, '100'))!!}</p>
                            <p class="paragrapg mt-3">Learn More</p>
                        </div>
                        @endif
                    </div>
                    <div class="info">
                        <h2 class="executive_team_name">{{$executive_teams_object_row->executive_team_name}}</h2>
                        <h3 class="executive_team_designation">{{$executive_teams_object_row->executive_team_designation}}</h3>
                    </div>
                </div>
                <input type="hidden" class="executive_team_twitter_handle" value="{{$executive_teams_object_row->executive_team_twitter_handle}}">
                <input type="hidden" class="executive_team_linked_in_url" value="{{$executive_teams_object_row->executive_team_linked_in_url}}">
                <textarea class="executive_team_description d-none">{!!nl2br($executive_teams_object_row->executive_team_description)!!}</textarea>
            </div>
            @endforeach            
        </div>
    </article>
    @php
    $i++;
    @endphp
    @endif
    @endforeach
    <div class="managementInfo">
        <span class="close">esc</span>
        <div class="row">
            <div class="col-12 col-md-12 col-lg-4">
                <div class="managementInfo__image">
                    <img src="#" class="img-fluid" id="executive_team_thumbnail">
                    <h2 id="executive_team_name"></h2>
                    <h3 id="executive_team_designation"></h3>
                    <ul>
                        <li id="executive_team_twitter_handle">
                            <a href="#" target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i></a>
                        </li>
                        <li id="executive_team_linked_in_url">
                            <a href="#" target="_blank"><i class="fa fa-linkedin-square" aria-hidden="true"></i></i></a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="col-12 col-md-12 col-lg-8">
                <div class="managementInfo__info">
                    <h4>About</h4>
                    <p class="paragraph" id="executive_team_description"></p>
                </div>
            </div>
        </div>
    </div>
</main>
@endsection