@extends('front.layouts.app')
@section('title', 'Home')

@section('content')

    <!-- Begin: Main Slider -->
<div class="main-slider">
    <div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
        <div class="carousel-inner">
            <div class="carousel-item active" data-wow-delay="0.5s">
                <img class="img-fluid w-100 wow fadeInRight" src="{{optional($home->getMedia('homeBannerImage')->first())->getUrl()}}" alt="First slide">
                <div class="carousel-caption">
                    <div class="container">
                        <div class="slideContent ">
                            <h4 class="headZero">{{!empty($home) ? $data->homeBannerTitle : ''}}</h4>
                            <h2 class="headOne wow fadeInLeft">{{!empty($home) ? $data->homeBannerHeading : ''}}</h2>
                            <p class="headPara">{{!empty($home) ? $data->homeBannerDescription : ''}}
                            </p>
                            <div class="themeBtn wow fadeInLeft"><a href="{{!empty($home) ? $data->homeBannerButtonLink : ''}}"><span></span>{{!empty($home) ? $data->homeBannerButton : ''}}</a></div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- END: Main Slider -->
<section class="proSec">
    <div class="container">
        <h2 class="sectionHeading wow fadeInDown">{{!empty($home) ? $data->serviceTitle : ''}}</h2>
        <div class="row wow fadeInDown">
            <div class="col-md-6 col-lg-3">
                <div class="proBox">
                    <figure><img src="{{ optional($home->getMedia('serviceImage1')->first())->getUrl() }}" class="img-fluid" alt="{{ isset($home) && !empty($home->services_tag1) ? $home->services_tag1 : 'null' }}"></figure>
                    <div class="proContent">
                        <h2>{{!empty($home) ? $data->serviceHeading1 : ''}}</h2>
                        <p>
                            {{!empty($home) ? $data->serviceDescription1 : ''}}
                        </p>
                        <ul>
                            <li><a href="{{!empty($home) ? $data->serviceLabelLink1 : ''}}">{{!empty($home) ? $data->serviceLabel1 : ''}}</a></li>
                            <li><a href="{{!empty($home) ? $data->serviceLabelLink2 : ''}}">{{!empty($home) ? $data->serviceLabel2 : ''}}</a></li>
                            <li><a href="{{!empty($home) ? $data->serviceLabelLink3 : ''}}">{{!empty($home) ? $data->serviceLabel3 : ''}}</a></li>
                            <li><a href="{{!empty($home) ? $data->serviceLabelLink4 : ''}}">{{!empty($home) ? $data->serviceLabel4 : ''}}</a></li>
                        </ul>
                        <a href="{{route('front.talent.aquistion')}}" class="arowOne"><i class="fal fa-long-arrow-right"></i></a>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-lg-3">
                <div class="proBox">
                    <figure><img src="{{optional($home->getMedia('serviceImage2')->first())->getUrl() }}" class="img-fluid" alt="{{ isset($home) && !empty($home->services_tag2) ? $home->services_tag2 : 'null' }}}"></figure>
                    <div class="proContent">
                        <h2>{{!empty($home) ? $data->serviceHeading2 : ''}}</h2>
                        <p>
                            {{!empty($home) ? $data->serviceDescription2 : ''}}
                        </p>
                        <ul>
                            <li><a href="{{!empty($home) ? $data->serviceLabelLink21 : ''}}">{{!empty($home) ? $data->serviceLabel21 : ''}}</a></li>
                            <li><a href="{{!empty($home) ? $data->serviceLabelLink22 : ''}}">{{!empty($home) ? $data->serviceLabe22 : ''}}</a></li>
                            <li><a href="{{!empty($home) ? $data->serviceLabelLink23 : ''}}">{{!empty($home) ? $data->serviceLabel23 : ''}}</a></li>
                        </ul>
                        <a href="{{route('front.human.resource')}}" class="arowOne"><i class="fal fa-long-arrow-right"></i></a>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-lg-3">
                <div class="proBox">
                    <figure><img src="{{optional($home->getMedia('serviceImage3')->first())->getUrl()}}" class="img-fluid" alt="{{ isset($home) && !empty($home->services_tag3) ? $home->services_tag3 : 'null' }}"></figure>
                    <div class="proContent">
                        <h2>{{!empty($home) ? $data->serviceHeading3 : ''}}</h2>
                        <p>
                            {{!empty($home) ? $data->serviceDescription3 : ''}}
                        </p>
                        <ul>
                            <li><a href="{{!empty($home) ? $data->serviceLabelLink31 : ''}}">{{!empty($home) ? $data->serviceLabel31 : ''}}</a></li>
                            <li><a href="{{!empty($home) ? $data->serviceLabelLink32 : ''}}">{{!empty($home) ? $data->serviceLabe32 : ''}}</a></li>
                        </ul>
                        <a href="{{route('front.time.attendance')}}" class="arowOne"><i
                                class="fal fa-long-arrow-right"></i></a>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-lg-3">
                <div class="proBox">
                    <figure><img src="{{optional($home->getMedia('serviceImage4')->first())->getUrl() }}" class="img-fluid" alt="{{ isset($home) && !empty($home->services_tag4) ? $home->services_tag4 : 'null' }}"></figure>
                    <div class="proContent">
                        <h2>{{!empty($home) ? $data->serviceHeading4 : ''}}</h2>
                        <p>{{!empty($home) ? $data->serviceDescription4 : ''}}</p>
                        <a href="{{route('front.scheduling.tool')}}" class="arowOne"><i class="fal fa-long-arrow-right"></i></a>
                    </div>
                </div>
            </div>

            <div class="col-md-6 col-lg-3">
                <div class="proBox">
                    <figure><img src="{{optional($home->getMedia('serviceImage5')->first())->getUrl()}}" class="img-fluid" alt="{{ isset($home) && !empty($home->services_tag5) ? $home->services_tag5 : 'null' }}"></figure>
                    <div class="proContent">
                        <h2>{{!empty($home) ? $data->serviceHeading5 : ''}}</h2>
                        <p>{{!empty($home) ? $data->serviceDescription5 : ''}}</p>
                        <a href="{{route('front.even.management')}}" class="arowOne"><i class="fal fa-long-arrow-right"></i></a>
                    </div>
                </div>
            </div>

            <div class="col-md-12">
                <div class="themeBtn"><a href="{{!empty($home) ? $data->serviceButtonLink : ''}}"><span></span>{{!empty($home) ? $data->serviceButton : ''}}</a></div>
            </div>
        </div>
    </div>
</section>

<section class="counterSec" id="counter">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <ul>
                    <li>
                        <span><i class="{{!empty($home) ? $data->counterSectionIcon1 : ''}}"></i></span>
                        <h6>{{!empty($home) ? $data->counterSectionHeading1 : ''}}</h6>
                    </li>
                    <li>
                        <span>{{!empty($home) ? $data->counterSectionNumber : ''}}</span>
                        <h6>{{!empty($home) ? $data->counterSectionHeading2 : ''}}</h6>
                    </li>
                    <li>
                        <span><i class="{{!empty($home) ? $data->counterSectionIcon2 : ''}}"></i></span>
                        <h6>{{!empty($home) ? $data->counterSectionHeading3 : ''}}</h6>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</section>

<section class="galerySec">
    <div class="container">
        <h2 class="sectionHeading wow fadeInLeft">{{!empty($home) ? $data->GalleryTitle : ''}}</h2>
        <div class="row wow fadeInDown">
            <div class="col-md-5">
                <div class="falrySt">
                    <a data-fancybox="" href="{{optional($home->getMedia('galleryImage1')->first())->getUrl() }}">
                        <img src="{{optional($home->getMedia('galleryImage1')->first())->getUrl() }}" class="img-fluid" alt=" {{ isset($home) && !empty($home->gallery_tag1) ? $home->gallery_tag1 : 'null' }}">
                    </a>
                </div>
            </div>
            <div class="col-md-7 d-flex flex-wrap">
                <div class="row">
                    <div class="col-md-6 d-md-flex">
                        <div class=" falrySt">
                            <a data-fancybox="" href="{{optional($home->getMedia('galleryImage2')->first())->getUrl() }}">
                                <img src="{{optional($home->getMedia('galleryImage2')->first())->getUrl() }}" class="img-fluid" alt=" {{ isset($home) && !empty($home->gallery_tag2) ? $home->gallery_tag2 : 'null' }}">
                            </a>
                        </div>
                    </div>
                    <div class="col-md-6 d-md-flex">
                        <div class=" falrySt">
                            <a data-fancybox="" href="{{optional($home->getMedia('galleryImage3')->first())->getUrl() }}">
                                <img src="{{optional($home->getMedia('galleryImage3')->first())->getUrl() }}" class="img-fluid" alt=" {{ isset($home) && !empty($home->gallery_tag3) ? $home->gallery_tag3 : 'null' }}">
                            </a>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-6 d-md-flex">
                        <div class=" falrySt">
                            <a data-fancybox="" href="{{optional($home->getMedia('galleryImage4')->first())->getUrl() }}">
                                <img src="{{optional($home->getMedia('galleryImage4')->first())->getUrl() }}" class="img-fluid" alt=" {{ isset($home) && !empty($home->gallery_tag4) ? $home->gallery_tag4 : 'null' }}">
                            </a>
                        </div>
                    </div>
                    <div class="col-md-6 d-md-flex flex-wrap">
                        <div class="falrySt">
                            <a data-fancybox="" href="{{optional($home->getMedia('galleryImage5')->first())->getUrl() }}">
                                <img src="{{optional($home->getMedia('galleryImage5')->first())->getUrl() }}" class="" alt=" {{ isset($home) && !empty($home->gallery_tag5) ? $home->gallery_tag5 : 'null' }}">
                            </a>
                        </div>
                        <div class="falrySt">
                            <a data-fancybox="" href="{{optional($home->getMedia('galleryImage6')->first())->getUrl() }}">
                                <img src="{{optional($home->getMedia('galleryImage6')->first())->getUrl() }}" class="" alt=" {{ isset($home) && !empty($home->gallery_tag6) ? $home->gallery_tag6 : 'null' }}">
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row mt-3">
            <div class="col-md-12 wow fadeInRight">
                <div class="themeBtn"><a href="{{!empty($home) ? $data->GalleryButtonLink : ''}}"><span></span>{{!empty($home) ? $data->GalleryButton : ''}}</a></div>
            </div>
        </div>
    </div>
</section>

<section class="whatSec">
    <div class="container">
        <h2 class="sectionHeading wow fadeInLeft">{{!empty($home) ? $data->whatWeDoTitle : ''}}</h2>
        <div class="row justify-content-center">
            <div class="col-md-8">
                <div class="whatCont">
                    <video width="100%" height="500" controls>
                        <source src="{{optional($home->getMedia('whatWeDoVideo')->first())->getUrl()}}" type="video/mp4">
                    </video>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="valSec">
    <div class="container">
        <h2 class="sectionHeading wow fadeInLeft">{{!empty($home) ? $data->coreValuesTitle : ''}}</h2>
        <div class="row wow fadeInLeft justify-content-center">
            <div class="col-md-6 col-lg">
                <div class="valCont text-center">
                    <div class="vcHead">
                        <img src="{{optional($home->getMedia('coreImageLayer')->first())->getUrl() }}" class="img-fluid val-Img" alt="">
                        <img src="{{optional($home->getMedia('coreImage1')->first())->getUrl()}}" class="img-fluid val-1" alt="">
                    </div>
                    <div class="vcBody">
                        <h3>{{!empty($home) ? $data->coreHeading1 : ''}}</h3>
                        <p>{{!empty($home) ? $data->coreDescription1 : ''}}</p>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-lg">
                <div class="valCont text-center">
                    <div class="vcHead">
                        <img src="{{optional($home->getMedia('coreImageLayer')->first())->getUrl() }}" class="img-fluid val-Img" alt="">
                        <img src="{{optional($home->getMedia('coreImage2')->first())->getUrl()}}" class="img-fluid val-1" alt="">
                    </div>
                    <div class="vcBody">
                        <h3>{{!empty($home) ? $data->coreHeading2 : ''}}</h3>
                        <p>{{!empty($home) ? $data->coreDescription2 : ''}}</p>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-lg">
                <div class="valCont text-center">
                    <div class="vcHead">
                        <img src="{{optional($home->getMedia('coreImageLayer')->first())->getUrl() }}" class="img-fluid val-Img" alt="">
                        <img src="{{optional($home->getMedia('coreImage3')->first())->getUrl()}}" class="img-fluid val-1" alt="">
                    </div>
                    <div class="vcBody">
                        <h3>{{!empty($home) ? $data->coreHeading3 : ''}}</h3>
                        <p>{{!empty($home) ? $data->coreDescription3 : ''}}</p>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-lg">
                <div class="valCont text-center">
                    <div class="vcHead">
                        <img src="{{optional($home->getMedia('coreImageLayer')->first())->getUrl() }}" class="img-fluid val-Img" alt="">
                        <img src="{{optional($home->getMedia('coreImage4')->first())->getUrl()}}" class="img-fluid val-1" alt="">
                    </div>
                    <div class="vcBody">
                        <h3>{{!empty($home) ? $data->coreHeading4 : ''}}</h3>
                        <p>{{!empty($home) ? $data->coreDescription4 : ''}}</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="row justify-content-center">
            <div class="col-md-6 col-lg">
                <div class="valCont text-center">
                    <div class="vcHead">
                        <img src="{{optional($home->getMedia('coreImageLayer')->first())->getUrl() }}" class="img-fluid val-Img" alt="">
                        <img src="{{optional($home->getMedia('coreImage5')->first())->getUrl()}}" class="img-fluid val-1" alt="">
                    </div>
                    <div class="vcBody">
                        <h3>{{!empty($home) ? $data->coreHeading5 : ''}}</h3>
                        <p>{{!empty($home) ? $data->coreDescription5 : ''}}</p>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-lg">
                <div class="valCont text-center">
                    <div class="vcHead">
                        <img src="{{optional($home->getMedia('coreImageLayer')->first())->getUrl() }}" class="img-fluid val-Img" alt="">
                        <img src="{{optional($home->getMedia('coreImage6')->first())->getUrl()}}" class="img-fluid val-1" alt="">
                    </div>
                    <div class="vcBody">
                        <h3>{{!empty($home) ? $data->coreHeading6 : ''}}</h3>
                        <p>{{!empty($home) ? $data->coreDescription6 : ''}}</p>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-lg">
                <div class="valCont text-center">
                    <div class="vcHead">
                        <img src="{{optional($home->getMedia('coreImageLayer')->first())->getUrl() }}" class="img-fluid val-Img" alt="">
                        <img src="{{optional($home->getMedia('coreImage7')->first())->getUrl()}}" class="img-fluid val-1" alt="">
                    </div>
                    <div class="vcBody">
                        <h3>{{!empty($home) ? $data->coreHeading7 : ''}}</h3>
                        <p>{{!empty($home) ? $data->coreDescription7 : ''}}</p>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-lg">
                <div class="valCont text-center">
                    <div class="vcHead">
                        <img src="{{optional($home->getMedia('coreImageLayer')->first())->getUrl() }}" class="img-fluid val-Img" alt="">
                        <img src="{{optional($home->getMedia('coreImage8')->first())->getUrl()}}" class="img-fluid val-1" alt="">
                    </div>
                    <div class="vcBody">
                        <h3>{{!empty($home) ? $data->coreHeading8 : ''}}</h3>
                        <p>{{!empty($home) ? $data->coreDescription8 : ''}}</p>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-lg">
                <div class="valCont text-center">
                    <div class="vcHead">
                        <img src="{{optional($home->getMedia('coreImageLayer')->first())->getUrl() }}" class="img-fluid val-Img" alt="">
                        <img src="{{optional($home->getMedia('coreImage9')->first())->getUrl()}}" class="img-fluid val-1" alt="">
                    </div>
                    <div class="vcBody">
                        <h3>{{!empty($home) ? $data->coreHeading9 : ''}}</h3>
                        <p>{{!empty($home) ? $data->coreDescription9 : ''}}</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
{{--@dd($aboutData)--}}
<section class="psaySection">
    <div class="container">
        <div class="row mt-5 justify-content-center wow fadeInDown">
            <div class="col-md-10 wow fadeInDown">
                <div class="sayContent">
                    <div class="saySlider">
                        <div class="pslidcont">
                            <div class="row align-items-center">
                                <div class="col-md-2">
                                    <div class="psImg">
                                        <img src="{{ asset('front/images/slide-Img.png') }}" class="img-fluid slide-Img" alt="">
                                    </div>
                                </div>
                                <div class="col-md-10">
                                    <div class="psCont">
                                        <img src="{{ asset('front/images/quot-Img-1.png') }}" class="img-fluid qout-img" alt="">
                                        <p>We preferred LaborPay "Time and Attendance" services because of its
                                            cost-effectiveness and efficiently keeping track of our approximately
                                            300 employees. Now attendance management is no more a hurdle for us.
                                            Their team is really supportive. 10/10 for their services.
                                        </p>
                                        <div class="test">
                                            <h5>–Tim Hank-</h5>
                                            <img src="{{ asset('front/images/quot-Img-2.png') }}" class="img-fluid quot-Img-2" alt="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="pslidcont">
                            <div class="row align-items-center">
                                <div class="col-md-2">
                                    <div class="psImg">
                                        <img src="{{ asset('front/images/slide-Img-1.png') }}" class="img-fluid slide-Img" alt="">
                                    </div>
                                </div>
                                <div class="col-md-10">
                                    <div class="psCont">
                                        <img src="{{ asset('front/images/quot-Img-1.png') }}" class="img-fluid qout-img" alt="">
                                        <p>LaborPay has been with us since we stepped into the business world and
                                            successfully provided talent acquisition and event management services
                                            with proficiency. Their services are nothing less than relief for us.
                                            Thank you, team LaborPay.
                                        </p>
                                        <div class="test">
                                            <h5>–Anna Agnes- </h5>
                                            <img src="{{ asset('front/images/quot-Img-2.png') }}" class="img-fluid quot-Img-2" alt="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="pslidcont">
                            <div class="row align-items-center">
                                <div class="col-md-2">
                                    <div class="psImg">
                                        <img src="{{ asset('front/images/slide-Img-2.png') }}" class="img-fluid slide-Img" alt="">
                                    </div>
                                </div>
                                <div class="col-md-10">
                                    <div class="psCont">
                                        <img src="{{ asset('front/images/quot-Img-1.png') }}" class="img-fluid qout-img" alt="">
                                        <p>Not all HRM systems give us the level of productivity that LaborPay has
                                            provided us. The implementation team's timeliness and efficiency are
                                            exceptional. Our HR operations have been significantly expedited thanks
                                            to the dynamic workflow management module.
                                        </p>
                                        <div class="test">
                                            <h5>–Arya Green- </h5>
                                            <img src="{{ asset('front/images/quot-Img-2.png') }}" class="img-fluid quot-Img-2" alt="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <button class="btn prev wow fadeInLeft"><i class="fal fa-chevron-left"></i></button>
    <button class="btn next wow fadeInRight"><i class="fal fa-chevron-right"></i></button>
</section>

<section class="abSec">
    <img src="{{ asset('front/images/abElm.png') }}" class="img-fluid abElm" alt="">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-md-7 wow fadeInLeft">
                <div class="abCont">
                    <h2 class="sectionHeading">{{!empty($about) ? $aboutData->aboutBannerTitle : ''}}</h2>
                    <p>
                        {{!empty($about) ? $aboutData->aboutBannerDescription : ''}}
                    </p>
                </div>
            </div>
            <div class="col-md-5 wow fadeInRight">
                <div class="abiMain">
                    <div class="abImg">
                        <img src="{{optional($about->getMedia('ImageLayer')->first())->getUrl()}}" class="img-fluid abBorder" alt="">
                        <img src="{{optional($about->getMedia('aboutImage')->first())->getUrl()}}" class="img-fluid abImage" alt="">
                    </div>
                </div>
            </div>
        </div>
        <div class="row mt-md-2">
            <div class="col-md-12">
                <div class="abCont">
                    <p>{{!empty($about) ? $aboutData->aboutBannerMoreDescription : ''}}</p>
                    <div class="themeBtn"><a href="{{!empty($about) ? $aboutData->aboutSectionButtonLink : ''}}"><span></span>{{!empty($about) ? $aboutData->aboutSectionButton : ''}}</a></div>
                </div>
            </div>
        </div>
    </div>
</section>

{{--<section class="subSec">--}}
{{--    <div class="container">--}}
{{--        <div class="row">--}}
{{--            <div class="col-md-4 wow fadeInLeft">--}}
{{--                <div class="subCont">--}}
{{--                    <h2>Subscribe Now!</h2>--}}
{{--                    <h3>Laborpay</h3>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--            <div class="col-md-8 wow fadeInRight">--}}
{{--                <div class="subForm">--}}
{{--                    <form>--}}
{{--                        <div class="input-group mb-3">--}}
{{--                            <input type="text" class="form-control" placeholder="Email Address:"--}}
{{--                                   aria-label="Recipient's username" aria-describedby="basic-addon2">--}}
{{--                            <div class="input-group-append">--}}
{{--                                <button class="btn btn-outline-secondary" type="button">Send Now</button>--}}
{{--                            </div>--}}
{{--                        </div>--}}
{{--                    </form>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--    </div>--}}
{{--</section>--}}
@endsection