@extends('client.'.env("CLIENT_PATH").'.partials.layout')
@section('header')
<title>{{env("APP_NAME")}}</title>
@endsection
@section('content')



<p class="rs-p-wp-fix"></p>
<rs-module-wrap id="rev_slider_7_1_wrapper" data-alias="home-1-11" data-source="gallery" style="background:transparent;padding:0;margin:0px auto;margin-top:0;margin-bottom:0;">
    <rs-module id="rev_slider_7_1" style="" data-version="6.2.22">
        <rs-slides>
            <?php $a = 1; ?>
            @foreach(MPCMS::getslider() as $slider)
            <rs-slide data-key="rs-{{$a}}" data-title="Slide" data-thumb="{{$slider->thumb}}" data-anim="ei:d;eo:d;s:600;r:0;t:fade;sl:0;">
                <img src="{{$slider->thumb}}" alt="5" width="1920" height="1080" data-bg="p:center top;" class="rev-slidebg" data-no-retina>
                <rs-layer id="slider-{{$a}}-slide-22-layer-0 a{{$a}}" data-type="text" data-rsp_ch="on" data-xy="xo:30px,23px,17px,10px;y:m;yo:-30px,-33px,0,0;" data-text="w:normal;s:82,64,52,32;l:90,70,62,38;fw:500;" data-frame_0="x:50,39,29,17;" data-frame_1="st:600;sp:1000;" data-frame_999="o:0;st:w;" style="z-index:9;font-family:Teko;text-transform:capitalize;">{{ $slider->slider_desc}} </rs-layer>
                <a id="slider-{{$a}}-slide-22-layer-4 a{{$a}}" class="rs-layer rev-btn" href="{{$slider->url1}}" rel="nofollow noopener" data-type="button" data-rsp_ch="on" data-xy="xo:30px,30px,15px,15px;y:m;yo:180px,141px,103px,73px;" data-text="w:normal;s:16,16,16,14;l:32,32,32,30;a:center;" data-dim="minh:0px,none,none,none;" data-padding="t:10,8,10,6;r:30,24,30,19;b:10,8,10,6;l:30,24,30,19;" data-frame_0="x:50,39,29,17;" data-frame_1="st:1600;sp:1000;" data-frame_999="o:0;st:w;" data-frame_hover="c:#fff;bgc:#0b4c9f;bor:0px,0px,0px,0px;" style="z-index:12;background-color:#bb141b;font-family:Poppins;">Explore More <br />
                </a><a id="slider-{{$a}}-slide-22-layer-8 a{{$a}}" class="rs-layer rev-btn" href="{{$slider->url2}}" rel="nofollow noopener" data-type="button" data-rsp_ch="on" data-xy="xo:210px,210px,200px,160px;y:m;yo:180px,141px,103px,73px;" data-text="w:normal;s:16,16,16,14;l:32,32,32,30;a:center;" data-dim="minh:0px,none,none,none;" data-padding="t:10,8,10,6;r:30,24,30,19;b:10,8,10,6;l:30,24,30,19;" data-frame_0="x:50,39,29,17;" data-frame_1="st:1600;sp:1000;" data-frame_999="o:0;st:w;" data-frame_hover="c:#fff;bgc:#0b4c9f;bor:0px,0px,0px,0px;" style="z-index:11;background-color:#192436;font-family:Poppins;">Get In Touch<br />
                </a>
            </rs-slide>
            <?php $a++; ?>
            @endforeach
        </rs-slides>
    </rs-module>
</rs-module-wrap>

<section class="our-complit pt-bg-light pt-0 thre-btn_prt">

         <div class="container">

            <div class="row mt-4">

               <div class="col-xl-4 col-md-4">

                  <div class="pt-icon-box-style-04 txt-cntr">

                     <div class="pt-icon">

                        <img src="{{template('assets/images/niwida/why-niwida.png')}}">

                     </div>

                     <div class="pt-icon-box-info">

                        <h3 class="pt-icon-box-title">

                           <span>Why Niwida?</span>

                        </h3>

                        <p class="pt-icon-box-description mb-0">

                         Critical business function that helps companies succeed in hiring employees.

                        </p>

                     </div>

                  </div>

               </div>

               <div class="col-xl-4 col-md-4">

                  <div class="pt-icon-box-style-04 txt-cntr">

                     <div class="pt-icon">

                        <img src="{{template('assets/images/niwida/reason-for-niwida.png')}}">

                     </div>

                     <div class="pt-icon-box-info">

                        <h3 class="pt-icon-box-title">

                           <span>Reason for Niwida</span>

                        </h3>

                        <p class="pt-icon-box-description mb-0">

                        Attract above-average salary packages, along with various other benefits.

                        </p>

                     </div>

                  </div>

               </div>

               <div class="col-xl-4 col-md-4">

                  <div class="pt-icon-box-style-04 txt-cntr">

                     <div class="pt-icon">

                        <img src="{{template('assets/images/niwida/services-we-provide.png')}}">

                     </div>

                     <div class="pt-icon-box-info">

                        <h3 class="pt-icon-box-title">

                           <span>Service we Provide</span>

                        </h3>

                        <p class="pt-icon-box-description mb-0">

                        A wide range of onsite and offsite HR services to different businesses.

                        </p>

                     </div>

                  </div>

               </div>

            </div>

         </div>

      </section>


<section class="our-complit pt-bg-light pt-0 thre-btn_prt">
    <div class="container">
        <div class="row mt-4">
            @foreach(MPCMS::getCustomFields() as $Customfield)
            <div class="col-xl-4 col-md-4">
                <div class="pt-icon-box-style-04 txt-cntr">
                    <div class="pt-icon">
                        <img src="{{$Customfield->logo}}">
                    </div>
                    <div class="pt-icon-box-info">
                        <h3 class="pt-icon-box-title">
                            <span>{{$Customfield->title}}</span>
                        </h3>
                        <p class="pt-icon-box-description mb-0">
                            {!!$Customfield->text!!}
                        </p>
                    </div>
                </div>
            </div>
            @endforeach
        </div>
    </div>
</section>
<section id="availablejobs" class="our-complit bg-eeeffe">
    <div class="container">
        <div class="row">
            <div class="col-xl-8   text-xl-left text-center">
                <div class="pt-section-title-box ">
                    <span class="pt-section-sub-title">Recent offers</span>
                    <h2 class="pt-section-title">Job Demands by NIWIDA</h2>
                </div>
            </div>
            <div class="col-xl-4 d-xl-flex justify-content-xl-end align-items-center text-center mt-3">
                <div class="pt-btn-container">
                    <div class="pt-button-block">
                        <a class="pt-button" href="{{site_url('job_seekers/current-job-demands')}}"> <span>View More</span></a>
                    </div>
                </div>
            </div>
        </div>
        <div class="row g-4">
            @foreach(MPCMS::getPaperDemands(8) as $PaperDemand)
            <div class="col-md-3 mt-30">
                <a href="{{$PaperDemand->thumb}}" data-lightbox="{{$PaperDemand->title}}">
                    <div class="card mb-4 demandimg">
                        <img class="img-fluid rounded" src="{{$PaperDemand->thumb}}" alt="">
                        <div class="card-body">
                            <h5 class="card-title">{{$PaperDemand->title}} </h5>
                        </div>
                    </div>
                </a>
            </div>
            @endforeach
        </div>
    </div>
</section>
<section class=" fancy-box-slider bg-FBFBFD">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-3">
            </div>
            <div class="col-md-6 text-center">
                <div class="pt-section-title-box">
                    <span class="pt-section-sub-title">OUR SERVICES</span>
                    <h2 class="pt-section-title">Categories of Human Resource</h2>
                </div>
            </div>
            <div class="col-md-3">
            </div>
        </div>
        {{-- foreach loop here --}}
        {{-- job categories section here --}}
        @php
        $job_categries=MPCMS::getJobCategories();
        // $job_details=MPCMS::getJobCategory();
     
        @endphp
        <div class="pt-fancy-box-slider pt-fancy-box-slider-1">
            <div class="owl-carousel owl-loaded owl-drag" data-desk_num="3" data-lap_num="2" data-tab_num="2" data-mob_num="1" data-mob_sm="1" data-autoplay="true" data-loop="true" data-margin="30">
                @foreach ($job_categries as $job_category)
                <div class="item1">
                    <div class="pt-service-box pt-service-box-2">
                        <div class="pt-service-banner " style="height:100px;width:100px;">
                         <img src="{{$job_category->thumb}}" alt="High Skilled" >
                            <div class="pt-service-media dsply-cntr"><img src="" ></div>
                        </div>
                        <div class="pt-service-box-info" style="height:100%; max-height:700px; width:auto;">
                            <h5 class="pt-service-title"><a>{!!$job_category->title!!}</a></h5>
                            <p>{!!$job_category->details!!}</p>
                        </div>
                    </div>
                </div>
             @endforeach
             
                  
                </div>
            </div>
        </div>









    </div>
</section>
{{-- Testimonial section --}}


@include('client.niwida.inside.testimonial')
{{-- testimonial section ends --}}

<section class="pt-bg-dark pt-q">
    <div class="pt-bg-overley" style="background-image: url('{{template('assets/images/niwida/cta-banner.jpg')}}');"></div>
    <div class="container">
        <div class="row">
            <div class="col-xl-3 col-md-6 mb-md-4 mb-xl-0 mb-5 col-12 text-center">
                <div class="pt-counter-contain">
                    <div class="pt-counter-img">
                        <div class="pt-counter-media">
                            <img src="{{template('assets/images/niwida/job-placement.png')}}">
                        </div>
                    </div>
                    <div class="pt-counter-info">
                        <div class="pt-counter-num-prefix">
                            <h5 class="timer" data-to="3200" data-speed="5000">3200</h5>
                            <span class="pt-counter-prefix">+</span>
                        </div>
                        <p class="pt-counter-description mb-0 text-white">Job Placement</p>
                    </div>
                </div>
            </div>
            <div class="col-xl-3 col-md-6 mb-md-4 mb-xl-0 mb-5 col-12 text-center">
                <div class="pt-counter-contain">
                    <div class="pt-counter-img">
                        <div class="pt-counter-media">
                            <img src="{{template('assets/images/niwida/international-relations.png')}}">
                        </div>
                    </div>
                    <div class="pt-counter-info">
                        <div class="pt-counter-num-prefix">
                            <h5 class="timer" data-to="2000" data-speed="5000">2000</h5>
                            <span class="pt-counter-prefix">+</span>
                        </div>
                        <p class="pt-counter-description mb-0 text-white">International Relations</p>
                    </div>
                </div>
            </div>
            <div class="col-xl-3 col-md-6 mb-md-4 mb-xl-0 mb-5 col-12 text-center">
                <div class="pt-counter-contain">
                    <div class="pt-counter-img">
                        <div class="pt-counter-media">
                            <img src="{{template('assets/images/niwida/company.png')}}">
                        </div>
                    </div>
                    <div class="pt-counter-info">
                        <div class="pt-counter-num-prefix">
                            <h5 class="timer" data-to="500" data-speed="5000">500</h5>
                            <span class="pt-counter-prefix">+</span>
                        </div>
                        <p class="pt-counter-description mb-0 text-white">No of Company</p>
                    </div>
                </div>
            </div>
            <div class="col-xl-3 col-md-6 mb-md-4 mb-xl-0 mb-5 col-12 text-center">
                <div class="pt-counter-contain">
                    <div class="pt-counter-img">
                        <div class="pt-counter-media">
                            <img src="assets/images/niwida/awards.png">
                        </div>
                    </div>
                    <div class="pt-counter-info">
                        <div class="pt-counter-num-prefix">
                            <h5 class="timer" data-to="200" data-speed="5000">200</h5>
                            <span class="pt-counter-prefix">+</span>
                        </div>
                        <p class="pt-counter-description mb-0 text-white">Awards Winning</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection