@extends('u.layouts.app')
@section('page_title')
    {{(!empty($page_title) && isset($page_title)) ? $page_title : ''}}
@endsection
@push('head-scripts')
    <link href="{{ asset('u/select2/dist/css/select2-bootstrap5.min.css') }}" rel="stylesheet"/>
    <link href="{{ asset('u/select2/dist/css/select2.min.css') }}" rel="stylesheet"/>
    <link href="{{ asset('u/select2/dist/css/select2-bootstrap5.min.css') }}" rel="stylesheet"/>
@endpush
@section('content')
    <main class="page-wrapper compact-wrapper" id="pageWrapper">
        @include('u.applicant.inc.topMenu')
        <div class="page-body-wrapper">
            <div class="page-body">
                <div class="container-fluid">
                    <div class="row page-title">
                        <div class="col-sm-6">
                            <h1>Job Details</h1>
                        </div>
                    </div>
                </div>
                <!-- Container-fluid starts-->
                <div class="container-fluid job-cards-view">
                    <div class="row">
                        <div class="col-xl-3 xl-40 box-col-12">
                            <div class="md-sidebar">
                                <div class="md-sidebar-aside job-sidebar">
                                    <div class="default-according style-1 faq-accordion job-accordion accordion accordion-flush" id="accordionoc">
                                        <div class="row">
                                            <div class="col-xl-12">
                                                <div class="card">
                                                    <div class="card-header">
                                                        <h3 class="text-center m-4">Summery</h3>
                                                    </div>
                                                    <div class="collapse show p-4" id="collapseicon" aria-labelledby="collapseicon" data-bs-parent="#accordion">
                                                        <h5 class="mb-3"><b>Job ID:</b> {{$data->job_no}}</h5>
                                                        <h5 class="mb-3"><b>Published On:</b> {{date('d M/Y', strtotime($data->created_at))}}</h5>
                                                        <h5 class="mb-3"><b>Campus:</b> {{$data->Campus->name}}</h5>
                                                        @if(count($data->jobCatalogue->qua_department) > 0)
                                                            <h5 class="mb-3"><b>Department:</b> @foreach($data->jobCatalogue->qua_department as $dpt) {{$dpt->title}} @endforeach</h5>
                                                        @endif
                                                        <h5 class="mb-3"><b>Designation:</b> {{$data->jobCatalogue->jobDesignation->title}}</h5>
                                                        <h5 class="mb-3"><b>Vacancy:</b> {{$data->seat_no}}</h5>
                                                        <h5 class="mb-3"><b>Job Nature:</b> {{$data->Shift->title}}</h5>
                                                        @if(count($data->jobCatalogue->qua_degree) > 0)
                                                            <h5 class="mb-3"><b>Qualification:</b> @foreach($data->jobCatalogue->qua_degree as $deg) {{$deg->title.','}}@endforeach</h5>
                                                        @endif
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-9 xl-60 box-col-12">
                            <div class="card">
                                <div class="job-search">
                                    <div class="card-body">
                                        <div class="flex-grow-1">
                                            <h1 class="f-w-600">{{$data->jobCatalogue->title}}<span class="pull-right"></span></h1>
                                        </div>
                                        <div class="job-description">
                                            <h3>Job Description</h3>
                                            {!! $data->jobCatalogue->job_description !!}
                                        </div>

                                        <div class="job-description">
                                            <h3>Requirement</h3>
                                            {!! $data->jobCatalogue->job_requirement !!}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
@endsection
@push('footer-scripts')
@endpush