@extends('client.humancarerecruit.partials.layout')
@section('header')
<title>{{env("APP_NAME")}}</title>
@endsection
@section('content')
@include("client.humancarerecruit.slider")
<section class="bg-light partners section-padding" >
    <div class="container">
        <div class="text-center">
            <p class="fw-bold">Our Partners</p>
            <p class="medium-text">Collaborators & Clients</p>
        </div>
        <div class="owl-carousel owl-theme mt-5" id="clients">
            @foreach(MPCMS::getCompanies() as $client)
            <div class="item">
                <img class="img-fluid custom-img-job" src="{{env('APP_URL').'/'.$client->logo}}" alt="">
            </div>
            @endforeach
        </div>

        <div class="mt-5 text-center">
            <a class="learn-more" href="industries-served">View More <i class="fa-solid fa-arrow-right ms-2"></i></a>
        </div>
    </div>
</section>

<section class="section-padding about-us">
    <div class="container">
        <div class="row g-5 d-flex align-items-center">
            <div class="col-md-6">
                @php $aboutus=MPCMS::getarticle('welcome') @endphp 
                <p class="medium-text text-uppercase fw-bold">{!!$aboutus->title!!}</p>
                <p class="mt-4">
                    {!!substr($aboutus->text,0,300).'...'!!}
                </p>
                <div class="row g-3 d-flex justify-content-start mt-3">
                    <div class="col-3 text-center ">
                        <i class="fa-solid fa-shield-halved"></i>
                        <p class="fw-bold">Success Rate</p>
                    </div>
                    <div class="col-3 text-center ">
                        <i class="fa-regular fa-user"></i>
                        <p class="fw-bold">Clients</p>

                    </div>
                    <div class="col-3 text-center ">
                        <i class="fa-regular fa-message"></i>
                        <p class="fw-bold">Employees</p>

                    </div>
                </div>
                <div class="mt-5">
                    <a class="custom-btn" aria-current="page" href="about/introduction">Read More</a>
                </div>
            </div>
            <div class="col-md-6 position-relative uk-scrollspy-inview " uk-scrollspy="cls: uk-animation-slide-right-medium; repeat: true" style="">
                <div class="thumb" style="right:0%; top:-40px; z-index:1;"></div>
                @php $aboutus=MPCMS::getarticle('welcome') @endphp 
                <img src="{{$aboutus->cover_photo}}" class="rounded-3 img-fluid object-fit-contain" alt="">
            </div>
        </div>
    </div>
</section>








<section class="job-category custom-color section-padding" style="background-image: url('assets/img/bg-dark.jpg'); background-repeat: no-repeat; background-position: center top; background-size: cover;">
    <div class="container">
        <div class="text-center">
            <p class="">Jobs by Categories</p>
            <p class="medium-text">Choose Your Desire Category</p>
        </div>
        <div class="text-start">
            <button class="customPrevBtn me-2 p-2"><i class="fa-solid fa-arrow-left fs-4"></i></button>
            <button class="customNextBtn p-2"><i class="fa-solid fa-arrow-right fs-4"></i></button>
        </div>
        <div class="owl-carousel owl-theme" id="category">
            @foreach(MPCMS::getjobcategories() as $category)
            <div class="item">
                <div class="graphics-card p-2 position-relative">
                    <div>
                        <div class="uk-inline-clip uk-transition-toggle" tabindex="0">
                            <a href="job-category/{{$category->alias}}">
                                <img class="uk-transition-scale-up uk-transition-opaque" src="{{($category->thumb)}}" width="1800" height="1200" alt="">
                            </a>
                        </div>
                    </div>
                    <div class="contents-card ">
                        <a href="job-category/{{$category->alias}}">
                            <p class="custom-text fs-5">{{$category->title}}</p>
                        </a>
                       
                        <a class="learn-more" href="{{ route('single_job_category', ['alias' => $category->alias]) }}">Learn More <i class="fa-solid fa-arrow-right ms-2"></i></a>
                    </div>

                </div>
            </div>
            @endforeach
        </div>
        
    </div>
</section>


<section class="section-padding all-job" style="background-image: url(assets/img/ban.jpg); background-size: cover; background-position: 50% 0%;">
    <div class="container">
        <div class="text-center">
            <p class="custom-text fw-bold fs-5">All Jobs Post</p>
            <p class="medium-text">Find Your Career, You Deserve it</p>
        </div>

        <!-- Add the new image here -->
        {{-- <div class="text-center">
            <img src="{{ asset('assets/img/your-image.jpg') }}" alt="Welcome Image">
        </div> --}}

        <div class="row d-flex align-items-center">
            @foreach(MPCMS::getPaperDemands() as $PaperDemand)
            <div class="col-md-3">
                <a href="{{ $PaperDemand->thumb }}" data-fancybox="gallery1">
                    <img class="img-fluid rounded" src="{{ $PaperDemand->thumb }}" alt="">
                    <div class="mt-2">
                        <p class="text-center small-text"><i class="fa-solid fa-calendar-check me-2"></i>{{ $PaperDemand->title }}</p>
                    </div>
                </a>
            </div>
            @endforeach
        </div>
        <div class="mt-5 text-left">
            <a class="custom-btn" href="{{ asset('job_seekers/current-job-demands') }}">View More <i class="fa-solid fa-arrow-right ms-2"></i></a>
        </div>

    </div>
</section>



@endsection