@extends('front.layouts.app')
@section('title', 'Human-Resource')
@section('content')

    <!-- Begin: Inner Slider -->
    <div class="main-slider innerBanner">
        <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($humanResource->getMedia('humanBannerImage')->first())->getUrl()}}"
                         alt="First slide">
                    <div class="carousel-caption">
                        <div class="container">
                            <div class="slideContent">
                                <h2 class="headOne wow fadeInLeft">{{!empty($humanResource) ? $data->humanBannerTitle : ''}}</h2>
                                <img src="{{optional($humanResource->getMedia('humanBackgroundImage')->first())->getUrl()}}" class="img-fluid"/>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- END: Inner Slider -->

    <section class="hrMainSection">
        <div class="container">
            <div class="row">
                <div class="col-md-12 text-center">
                    <div class="txtCenter">
                        <h2>{{!empty($humanResource) ? $data->humanHeading : ''}}</h2>
                        <p class="innerTxt">{{!empty($humanResource) ? $data->humanDescription : ''}}
                        </p>
                    </div>
                </div>
            </div>
            <div class="row align-items-center mt-md-5">
                <div class="col-md-6">
                    <div class="hrContent">
                        <h2 class="innerHeading ffs">{{!empty($humanResource) ? $data->humanSectionHeading : ''}}</h2>
                        <p class="innerTxt">{{!empty($humanResource) ? $data->humanSectionDescription : ''}}</p>
                        <div class="rdMoreBtn">
                            <a href="javascript:;" class="roundBtn">
                                <i class="fal fa-arrow-right"></i>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <figure>
                        <img src="{{optional($humanResource->getMedia('humanImage')->first())->getUrl()}}" class="img-fluid roundImg"/>
                    </figure>
                </div>
            </div>
            <div class="row align-items-center flex-md-row-reverse mt-md-5">
                <div class="col-md-6">
                    <div class="hrContent">
                        <h2 class="innerHeading ffs">{{!empty($humanResource) ? $data->humanSectionHeading2 : ''}}</h2>
                        <p class="innerTxt">{{!empty($humanResource) ? $data->humanSectionDescription2 : ''}}</p>
                        <div class="rdMoreBtn">
                            <a href="javascript:;" class="roundBtn">
                                <i class="fal fa-arrow-right"></i>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <figure>
                        <img src="{{optional($humanResource->getMedia('humanImage2')->first())->getUrl()}}" class="img-fluid roundImg"/>
                    </figure>
                </div>
            </div>
            <div class="row align-items-center mt-md-5">
                <div class="col-md-6">
                    <div class="hrContent">
                        <h2 class="innerHeading ffs">{{!empty($humanResource) ? $data->humanSectionHeading3 : ''}} </h2>
                        <p class="innerTxt">{{!empty($humanResource) ? $data->humanSectionDescription3 : ''}}
                        </p>
                        <div class="rdMoreBtn">
                            <a href="javascript:;" class="roundBtn">
                                <i class="fal fa-arrow-right"></i>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <figure>
                        <img src="{{optional($humanResource->getMedia('humanImage3')->first())->getUrl()}}" class="img-fluid roundImg"/>
                    </figure>
                </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