@extends('n.layouts.app')
@section('page_title')
    {{(!empty($page_title) && isset($page_title)) ? $page_title : ''}}
@endsection

@push('head-scripts')
@endpush
@section('content')

    <!--=====HERO AREA START =======-->
<div class="common-hero">
    <div class="container">
        <div class="row">
            <div class="col-lg-6 m-auto text-center">
                <div class="main-heading">
                    <h1>Department Jobs</h1>
                    <div class="pages-intro">
                        <a href="{{route('home')}}">Home </a>
                        <span><i class="fa-regular fa-angle-right"></i></span>
                        <p>Jobs</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--=====HERO AREA END=======-->
    @if(count($jobs) > 0)
    <!--===== JOB POST START =======-->
    <div class="job-page sp">
        <div class="container">
            <div class="row">
                @foreach($jobs as $job)
                <div class="col-lg-4 col-md-6">
                    <div class="job-post-box">
                        <p class="tag">{{$job->shift}}</p>
                        <div class="job-owners-area">
                            <div class="image">
                                <img src="{{asset('n/img/ucs/logo.png')}}" width="50" alt="">
                            </div>
                            <div class="text">
                                <a href="https://ucsf.edu.pk/">University Cambridge School</a>
                                <p>{{$job->location}}</p>
                            </div>
                        </div>
                        <div class="divider"></div>
                        <div class="work-info">
                            <h5>{{$job->title}}</h5>
                            <h6>{{$job->salary}}</h6>
                            <span>{{date('d M/Y', strtotime($job->closing_date))}}</span>
                        </div>
                        <div class="button">
                            <a class="job-learn" href="{{route('job_detail',$job->job_id)}}">View Details <span><i class="fa-solid fa-arrow-right"></i></span></a>
                        </div>
                    </div>
                </div>
                @endforeach
                    <div class="space30"></div>
            </div>
        </div>
    </div>
    <div class="theme-pagination d-flex justify-content-center flex-row" id="department-pagination">
        {!!  $jobs->withQueryString()->links() !!}
    </div>
        <!--=====ABOUT AREA START=======-->
        @else
        <div class="about9 sp">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-6">
                        <div class="images-all">
                            <div class="row align-items-center">
                                <div class="col-md-6">
                                    <div class="image reveal overlay-anim">
                                        <img src="{{asset('n/img/ucs/sr-1-1.jpg')}}" alt="">
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="image reveal overlay-anim">
                                        <img src="{{asset('n/img/ucs/ab-1-4.jpg')}}" alt="">
                                    </div>
                                    <div class="space30"></div>
                                    <div class="image reveal overlay-anim">
                                        <img src="{{asset('n/img/ucs/sr-1-4.jpg')}}" alt="">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="heading9">
                            <h2 class="text-anime-style-3">We are sorry</h2>
                            <div class="space16"></div>
                            <p data-aos="fade-left" data-aos-duration="700">Currently, there are no open positions available. However, we encourage you to submit your application for future opportunities. Thank you for your interest!</p>
                            <div class="space10"></div>
                            <div class="space30"></div>
                            <div class="" data-aos="fade-left" data-aos-duration="1200">
                                <a class="theme-btn15" href="{{route('register')}}">Sign Up <span><i class="fa-solid fa-arrow-right"></i></span></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @endif
        <!--=====ABOUT AREA END=======-->
        <!--===== JOB POST AREA END =======-->
@endsection
@push('footer-scripts')
@endpush