@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-8 m-auto text-center">
                <div class="main-heading">
                    <h1>Job Details</h1>
                    <div class="pages-intro">
                        <a href="{{route('home')}}">Home </a>
                        <span><i class="fa-regular fa-angle-right"></i></span>
                        <p>Details</p>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--=====HERO AREA END=======-->
<!--=====JOB POST DETAILS START=======-->

<div class="job-post-details sp">
    <div class="container">
        <div class="row">
            <div class="col-lg-8">
                <div class="job-details-area right-padding">
                    <div class="tags-area">
                        <ul>
                            <li class="add-icon"><span class="icon"><img src="{{asset('n/img/icons/map-pin.png')}}" alt=""></span>{{$jobs->Campus->name}}</li>
                            <li class="add-icon"><span class="icon"><img src="{{asset('n/img/icons/calendar.png')}}" alt=""></span>{{date('d M/Y', strtotime($jobs->end_date))}}</li>
                        </ul>
                    </div>
                    <div class="job-owner">
                        <div class="image">
                            <img src="{{asset('n/img/ucs/logo.png')}}" height="50" alt="">
                        </div>
                        <div class="text">
                            <h4>{{$jobs->jobCatalogue->title}}</h4>
                        </div>
                    </div>

                    <div class="space40"></div>
                    <article>
                        <div class="job-single-post">
{{--                            <div class="image">--}}
{{--                                <img src="{{asset('n/img/job-post/job-details-image.png')}}" alt="">--}}
{{--                            </div>--}}
{{--                            <p>{!! $jobs->jobCatalogue->short_description !!}</p>--}}
                            <div class="space20"></div>
                            <div class="heading1">
                                <h3>Job Description</h3>
                                <div class="space16"></div>
                                <p>{!! $jobs->jobCatalogue->job_description !!}</p>
                            </div>
                        </div>
                    </article>
                    <div class="space40"></div>
                    <article>
                        <div class="job-single-post">
                            <div class="heading1">
                                <h3>Requirements</h3>
                                <div class="space16"></div>
                                {!! $jobs->jobCatalogue->job_requirement !!}
                                <div class="job-detials-list">
                                    <div class="space10"></div>
                                </div>
                            </div>
                        </div>
                    </article>
                    <div class="space40"></div>
                    <div class="social-area">
                        <div class="button">
                            <a class="job-learn" href="{{route('u.open_position_apply', $jobs->id)}}">Apply For Job <span><i class="fa-solid fa-arrow-right"></i></span></a>
                        </div>
                    </div>

                    <div class="space30"></div>
                    <div class="space40"></div>
                </div>
            </div>
            <div class="col-lg-4">
                <div class="job-sidebar">

                    <div class="_job_widget _recent-job mt-40">
                        <h3 CLASS="text-center">Summary</h3>
                        <div class="recent-job-list">
                            <div class="recent-job-single">
                                <h4>Job ID</h4>
                                <p>{{$jobs->job_no}}</p>
                            </div>
                            <div class="recent-job-single">
                                <h4>Published On</h4>
                                <p>{{date('d M/Y', strtotime($jobs->created_at))}}</p>
                            </div>
                            <div class="recent-job-single">
                                <h4>Deadline</h4>
                                <p>{{date('d M/Y', strtotime($jobs->end_date))}}</p>
                            </div>
                            <div class="recent-job-single">
                                <h4>Campus</h4>
                                <p>{{$jobs->Campus->name}}</p>
                            </div>
                            <div class="recent-job-single">
                                @if(count($jobs->jobCatalogue->qua_department) > 0)
                                <h4>Department</h4>
                                <p>@foreach($jobs->jobCatalogue->qua_department as $dpt) {{$dpt->title}} @endforeach</p>
                                @endif
                            </div>
                            <div class="recent-job-single">
                                <h4>Designation</h4>
                                <p>{{$jobs->jobCatalogue->jobDesignation->title}}</p>
                            </div>
                            <div class="recent-job-single">
                                <h4>Vacancy</h4>
                                <p>{{$jobs->seat_no}}</p>
                            </div>
                            <div class="recent-job-single">
                                <h4>Job Nature</h4>
                                <p>{{$jobs->Shift->title}}</p>
                            </div>
                            <div class="recent-job-single">
                                @if(count($jobs->jobCatalogue->qua_degree) > 0)
                                <h4>Qualification</h4>
                                <p>@foreach($jobs->jobCatalogue->qua_degree as $deg) {{$deg->title.','}}@endforeach</p>
                                @endif
                            </div>
                        </div>
                    </div>

                    <div class="_job_widget _call-btn mt-40">
                        <h3>If You Need Any Help Contact With Us</h3>
                        <div class="space10"></div>
                        <a href="tel:041118866162" class="call-btn"><img src="{{asset('n/img/icons/call2.png')}}" alt=""> 041-8811661-62</a>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>

<!--=====JOB POST DETAILS START=======-->
@endsection
@push('footer-scripts')
@endpush