@extends('layouts.website_layout')
@section('meta_title', $facility->meta_title)
@section('meta_description', $facility->meta_description)
@section('canonical_tag', "complete-resources/".$facility->facility_management_url_slug)
@section('banner_image', "facility-management/".$facility->facility_management_thumbnail)
@section('content')
<main>
    <article class="container-fluid innerBanner p-0">
        <figure>
            <img src="{{url('/')}}/assets/images/banners/{{$facility->banner_image}}" alt="{{$facility->facility_management_name}}" class="img-fluid desktop_image">
            <img src="{{url('/')}}/assets/images/banners/{{$facility->banner_image_mobile}}" alt="{{$facility->facility_management_name}}" class="img-fluid mobile_image">
            <figcaption class="custom__row slider-heading">
                {!!nl2br($facility->banner_caption)!!}
                <p class="paragraph mt-4">{!!nl2br($facility->banner_description)!!}</p>
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item"><a href="{{url('/')}}">Home</a></li>
                        <li class="breadcrumb-item"><a href="{{url('/')}}/complete-resources">Resources</a></li>
                        <li class="breadcrumb-item active" aria-current="page">{{$facility->facility_management_name}}</li>
                    </ol>
                </nav>
            </figcaption>
        </figure>
    </article>
    <article class="container-fluid sectionIntro mt-5 pb-5">
        <section class="row custom__row justify-content-center mb-5">
            <header class="col-12 col-md-10 col-lg-9 text-center">
                <h2 class="secondary-heading mb-4">{{$facility->facility_management_name}}</h2>
                <p class="paragraph">{{$facility->facility_management_description}}</p>
            </header>
        </section>
        @if(!empty($facility->facility_management_overview_image))
        <section class="col-12 col-md-10 col-lg-10 m-auto p-4">
            <figure class="col-12 specifications__video @if(!empty($facility->facility_management_overview_video_youtube_id)) play__icon @endif my-4" @if(!empty($facility->facility_management_overview_video_youtube_id)) data-youtube-id="{{$facility->facility_management_overview_video_youtube_id}}" @endif>
                <img src="{{url('/')}}/assets/images/facility-management/{{$facility->facility_management_overview_image}}" alt="{{$facility->facility_management_overview_title}}" class="img-fluid">
                @if(!empty($facility->facility_management_overview_video_youtube_id))
                <img src="{{url('/')}}/assets/images/product-details/play-button.png" alt="play" class="img-fluid play">
                @endif
            </figure>
        </section>
        @endif
        @php
        $i = 0;
        @endphp
        @foreach($facility_management_key_points as $facility_management_key_point_row)
        @if($i %2 == 0)
        <section class="row keyItems">
            <div class="col-12 col-md-6 keyItems__image left">
                <div class="keyItems__image__block">
                    <img src="{{url('/')}}/assets/images/facility-management/{{$facility_management_key_point_row->facility_management_key_point_thumbnail}}" alt="{{$facility_management_key_point_row->facility_management_key_point_title}}" class="img-fluid">
                </div>
            </div>
            <div class="col-12 col-md-6 keyItems__content right">
                <h3>{{$facility_management_key_point_row->facility_management_key_point_title}}</h3>
                <p class="paragraph">{!!nl2br($facility_management_key_point_row->facility_management_key_point_description)!!}</p>
            </div>
        </section>
        @else
        <section class="row keyItems">
            <div class="col-12 col-md-6 keyItems__content left">
                <h3>{{$facility_management_key_point_row->facility_management_key_point_title}}</h3>
                <p class="paragraph">{!!nl2br($facility_management_key_point_row->facility_management_key_point_description)!!}</p>
            </div>
            <div class="col-12 col-md-6 keyItems__image right">
                <div class="keyItems__image__block">
                    <img src="{{url('/')}}/assets/images/facility-management/{{$facility_management_key_point_row->facility_management_key_point_thumbnail}}" alt="{{$facility_management_key_point_row->facility_management_key_point_title}}" class="img-fluid">
                </div>
            </div>
        </section>
        @endif
        @php
        $i++;
        @endphp
        @endforeach
    </article>
    @if(!empty($facility->facility_management_content))
    <article class="container-fluid facilitiesStatic">
        <div class="row custom__row">
            {!!$facility->facility_management_content!!}
        </div>
    </article>
    @endif
    @if(!empty(count($facility_management_certificates)))
    <article class="container-fluid productIntro pt-5">
        <section class="row custom__row justify-content-center">
            <header class="col-12 col-md-10 col-lg-8 text-center">
                <h2 class="secondary-heading mb-4">Certificates</h2>
            </header>
        </section>
        <section class="row custom__row certifications__content mt-5">
            <div class="col-12 col-md-10 m-auto">
                <div class="row">
                    @foreach($facility_management_certificates as $facility_management_certificate_row)
                    <div class="col-12 col-md-6">
                        <figure>
                            @if($facility_management_certificate_row->facility_management_certificate_attachment_type == 1)
                            <img src="{{url('/')}}/assets/images/facility-management/{{$facility_management_certificate_row->facility_management_certificate_image}}" alt="{{$facility_management_certificate_row->facility_management_certificate_title}}" class="img-fluid">
                            @elseif($facility_management_certificate_row->facility_management_certificate_attachment_type == 3)
                            <a href="{{url('/')}}/assets/pdfs/{{$facility_management_certificate_row->facility_management_certificate_pdf}}" target="_blank">
                                <img src="{{url('/')}}/assets/images/facility-management/{{$facility_management_certificate_row->facility_management_certificate_image}}" alt="{{$facility_management_certificate_row->facility_management_certificate_title}}" class="img-fluid">
                            </a>
                            @endif
                            <figcaption>
                                <h5>{{$facility_management_certificate_row->facility_management_certificate_title}}</h5>
                                <span>{{$facility_management_certificate_row->facility_management_certificate_sub_title}}</span>
                                <p>{!!nl2br($facility_management_certificate_row->facility_management_certificate_description)!!}</p>
                            </figcaption>
                        </figure>
                    </div>
                    @endforeach
                </div>
            </div>
        </section>
    </article>
    @endif
    @if(!empty(count($facility_management_awards)))
    <article class="container-fluid serviceList threeDSlider">
        <div class="row custom__row">
            <div class="col-12 title mb-5">
                <h2 class="secondary-heading black">Awards & Recognition</h2>
            </div>
        </div>
        <section class="row custom__row">
            <div class="threeDSlider__slider owl-carousel" id="threeDSlider_slider">
                 @foreach($facility_management_awards as $facility_management_award_row)
                <figure class="item">
                    <img src="{{url('/')}}/assets/images/facility-management/{{$facility_management_award_row->facility_management_award_image}}" alt="{{$facility_management_award_row->facility_management_award_caption}}" class="img-fluid">
                    <figcaption>
                        <h3 class="product-title">{{$facility_management_award_row->facility_management_award_caption}}</h3>
                        <p class="paragraph">{!!nl2br($facility_management_award_row->facility_management_award_description)!!}</p>
                    </figcaption>
                </figure>
                @endforeach
            </div>
        </section>
        <!-- <div class="row custom__row m-0">
            <div class="col-12 threeDSlider__inner">
                <div class="gallery">
                    <div class="gallery-container">
                        @php
                        $i = 0;
                        @endphp
                        @foreach($facility_management_awards as $facility_management_award_row)
                        <div class="gallery-item gallery-item-{{$i}}" data-index="{{$i}}">
                            <img src="{{url('/')}}/assets/images/facility-management/{{$facility_management_award_row->facility_management_award_image}}" alt="{{$facility_management_award_row->facility_management_award_caption}}" class="img-fluid">
                            <h3>{{$facility_management_award_row->facility_management_award_caption}}</h3>
                            <div class="paragraph">{!!nl2br($facility_management_award_row->facility_management_award_description)!!}</div>
                        </div>
                        @php
                        $i++;
                        @endphp
                        @endforeach
                    </div>
                    <div class="gallery-controls"></div>
                </div>
            </div>
        </div> -->
    </article>
    @endif
</main>
@endsection