@extends('front.layout')
@section('title')
{{$model->MetaTitle}}
@endsection
@section('description')
{{$model->MetaDescription}}
@endsection
@include('front/common/meta')

@section('content')


<section class="page-banner bg-overlay" style="background-image: url({{asset(Config("params.media_path.large").$model->bannerImage)}});">
    <div class="page-inner-box col-lg-6 col-md-9 text-center text-white">
        <h3>{{$model->Title}}</h3>
        <?php echo $model->short_description; ?>

    </div>
</div>
</section>


<section class="py-lg-5 py-3 mb-lg-0 mb-4">
    <div class="container">
        <div class="row">
            <div class="col-lg-6">
                <?php echo $model->Content; ?>
            </div>
            <div class="col-lg-6 align-self-center">
                <img src="{{asset(Config("params.media_path.large").$model->HeaderImageName)}}" class="img-fluid" alt="{{$model->imageDetail->altText}}">
            </div>
        </div>
    </div>
</section>

@if(!empty($sec3) )
<section class="py-lg-5 py-3 bg-overlay text-white" style="background-image: url({{asset(Config("params.media_path.large").$sec3->ImageName)}});">
    <div class="container py-lg-5 my-lg-5">
        <div class="row justify-content-center py-lg-5">
            <div class="col-md-6 text-center">
                <h2 class="h1 mb-lg-4">{{$sec3->Title}}</h2>
                <?php echo $sec3->Content; ?>
            </div>
        </div>
    </div>
</section>

@endif

<section class="py-lg-5 py-3 team">
    <div class="container">
        @if(count($leaders)>0)
        <div class="row justify-content-center ">
            <div class="col-lg-8  text-center">
                <h4 class="mb-0 h1 text-primary">Our People</h4>
                <h3 class="mb-lg-4">Our Leaders</h3>
                <div class="row">
                    @foreach($leaders as $leader)
                    <div class="col-md-6 my-lg-0 my-3">
                        <div class="card">
                            @if(!empty($leader->image))
                            <img src="<?php echo asset(Config("params.media_path.thumbnail").\App\Aws\FileSystem::image_resize($leader->image, '550','550')); ?>" class="img-fluid card-img-top" alt="{{$leader->image}}">
                            

                            @endif
                            <div class="card-body text-center">
                                <h3>{{$leader->first_name}} {{$leader->last_name}}</h3>
                                <p>{{$leader->designation}}</p>
                                <p><a href="{{url($leader->linkedin)}}" class="mx-2 h4"><i class="fab fa-linkedin"></i></a><a href="{{url($leader->instagram)}}" class="mx-2 h4"><i class="fab fa-instagram"></i></a></p>
                            </div>
                        </div>
                    </div>
                    @endforeach
                </div>
            </div>
        </div>
        @endif
        @if(count($stafs)>0)
        <div class="row pt-lg-5">
            <div class="col-md-12 text-center">
                <h3 class="h1 mb-lg-4 text-primary">Rest Of Team</h3>
            </div>
            @foreach($stafs as $staf)
            <div class="col-lg-3 col-md-6 my-lg-1 my-3">
                <div class="card">
                    @if(!empty($staf->image))
                    <img src="<?php echo asset(Config("params.media_path.thumbnail").\App\Aws\FileSystem::image_resize($staf->image, '550','550')); ?>" class="img-fluid card-img-top" alt="{{$staf->image}}">
                    @endif        
                    <div class="card-body text-center">
                        <h3>{{$staf->first_name}} {{$staf->last_name}}</h3>
                        <p>{{$staf->designation}}</p>
                        <p>
                        @if(!empty($staf->linkedin))
                            <a href="{{url($staf->linkedin)}}" class="mx-2 h4"><i class="fab fa-linkedin"></i></a>
                        @endif
                        @if(!empty($staf->instagram))
                        <a href="{{url($staf->instagram)}}" class="mx-2 h4"><i class="fab fa-instagram"></i></a>
                        @endif
                        </p>
                    </div>
                </div>
            </div>
            @endforeach
        </div>
        @endif
        <div class="row pt-lg-5 justify-content-center ">
            <div class="col-xl-3 col-lg-4 col-md-6">
                <div class="card border-0">
                    <img src="{{ asset('/front/images/member5.jpg') }}" class="img-fluid card-img-top" alt="">
                    <div class="card-body text-center">
                        <h3>You?</h3>
                        <a href="{{url('contact-us')}}" class="mx-2 h4 btn btn-lg btn-primary">We Are Hiring</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

@if(!empty($sec4) )
<section class="py-lg-5 py-3 bg-overlay text-white" style="background-image:url({{asset(Config("params.media_path.large").$sec4->ImageName)}})">
    <div class="container py-lg-5 py-3">
        <div class="row">
            <div class="col-md-12 text-center">
                <h2 class="h1 mb-lg-5 font-weight-bold text-uppercase">{{$sec4->Title}}</h2>

            </div>
            <?php echo $sec4->Content; ?>
        </div>
    </div>
</section>
@endif
@if(!empty($sec5) )
<section class="py-lg-5 py-3">
    <div class="container">
        <div class="row justify-content-center">
            <?php echo $sec5->Content; ?>
            <div class="col-md-12 text-center py-3">
               <a class="btn btn-lg btn-primary mx-md-1 mb-md-0 mb-3" href="{{url('get_covered')}}"><i class="far fa-hand-point-right mr-1"></i>Get Covered</a> 
               <a class="btn btn-lg btn-secondary mx-md-1" href="{{url('contact-us')}}"><i class="far fa-hand-point-right mr-1"></i>Contact Us</a></div>
        </div>
        </div>
    </div>
</section>
@endif
@if(!empty($sec6) )
<section class="py-lg-5 py-3">
    <div class="container">
        <div class="row">
            <div class="col-md-12 text-center">
                <h2 class="h1 text-primary ">{{$sec6->Title}}</h2>
                <p class="text-center pb-4"><img src="front/images/trustpilot-logo.svg" width="250" height="61" alt="" ></p>
                 <script src="https://apps.elfsight.com/p/platform.js" defer></script>
                <div class="elfsight-app-7d15d6d0-c59a-499b-80e2-af99c88b68b9"></div>
            </div>
        </div>
    </div>
</section>
@endif
@if(count($latests)>0)
<section class="latest-news py-lg-5 py-3">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-12 text-center">
                <h3 class="h1 text-primary mb-lg-5 mb-4">Latest News</h3>
            </div>
            @foreach($latests as $latest)
            <div class="col-lg-4 col-md-6 mb-lg-0 mb-3">
                <a href="#" class="post-item">
                    
                     @if(!empty($latest->image))
                        <img src="<?php echo asset(Config("params.media_path.thumbnail").\App\Aws\FileSystem::image_resize($latest->image, '1600','900')); ?>" alt="{{$latest->image}}">
                    

                    @endif 
                   
                    <div class="post-content">
                        <small><i class="fas fa-clock mr-1"></i><?php echo date("d/m/Y", strtotime($latest->created_at));?></small>
                        <h3 class="pt-2">{{$latest->title}}</h3>
                    </div>
                </a>
            </div>
            
            
            @endforeach

        </div>
    </div>
</section>
@endif
@if(!empty($sec7) )
<section class="py-lg-5 py-3 text-white bg-overlay" style="background-image: url({{asset(Config("params.media_path.large").$sec7->ImageName)}});">
    <div class="container py-lg-4 py-3">
        <div class="row justify-content-center ">
            <div class="col-md-6 text-center">
                <h3 class="h1 mb-lg-4">{{$sec7->Title}}</h3>
                <?php echo $sec7->Content; ?>
            </div>
        </div>
    </div>
</section>
@endif
@endsection