@extends('webFront.layouts.app')
@section('page_title')
    {{(!empty($page_title) && isset($page_title)) ? $page_title : ''}}
@endsection
@push('head-scripts')
{{--    <link href="{{ asset('webFront/select2/dist/css/select2-bootstrap5.min.css') }}" rel="stylesheet"/>--}}
{{--    <link href="{{ asset('admin/select2/dist/css/select2.min.css') }}" rel="stylesheet"/>--}}
{{--    <link href="{{ asset('admin/select2/dist/css/select2-bootstrap5.min.css') }}" rel="stylesheet"/>--}}
@endpush
@section('content')

    <div class="job-details-wrapper">
        <div class="py-1 bg-dark page-header card mt-3">
            <div class="container-fluid my-5 p-1">
                <h2 class="text-white mb-3 ps-4">{{$jobs->jobCatalogue->title}}</h2>
            </div>
        </div>

        <div class="card my-3">
            <div class="row card-body">
                <div class="col-lg-8">
{{--                    <h3 class="mb-4">{{$jobs->jobCatalogue->title}}</h3>--}}
{{--                    <hr>--}}
                    <div class="mb-5">
                        <h4 class="mb-3">Description</h4>
                        {!! $jobs->jobCatalogue->job_description !!}

                        <h4 class="mb-3">Requirement</h4>
                        {!! $jobs->jobCatalogue->job_requirement !!}
                    </div>
                </div>

                <div class="col-lg-4">
                    <div class="row px-2 m-0">
                        <a href="{{route('user.open.position.apply', $jobs->id)}}" class="btn-dark btn mb-1"> Apply Now</a>
                    </div>
                    <hr>
                    <div class="bg-light rounded ps-4 py-3 mb-4 wow slideInUp" data-wow-delay="0.1s">
                        <h4 class="mb-4">Summary</h4>
                        <p class="mb-1"><b>Job ID:</b> {{$jobs->job_no}}</p>
                        <p class="mb-1"><b>Published On:</b> {{date('d M/Y', strtotime($jobs->created_at))}}</p>
                        <p class="mb-1"><b>Campus:</b> {{$jobs->Campus->name}}</p>
                        @if(count($jobs->jobCatalogue->qua_department) > 0)
                            <p class="mb-1"><b>Department:</b> @foreach($jobs->jobCatalogue->qua_department as $dpt) {{$dpt->title}} @endforeach</p>
                        @endif
                        <p class="mb-1"><b>Designation:</b> {{$jobs->jobCatalogue->jobDesignation->title}}</p>
                        <p class="mb-1"><b>Vacancy:</b> {{$jobs->seat_no}}</p>
                        <p class="mb-1"><b>Job Nature:</b> {{$jobs->Shift->title}}</p>
{{--                        <p class="mb-1"><b>Salary:</b> {{$jobs->salary}}</p>--}}
                    </div>
                    @if(count($jobs->jobCatalogue->qua_degree) > 0)
                        <div class="bg-light rounded px-4 py-3 wow slideInUp" data-wow-delay="0.1s">
                            <p class="mb-1"><b>Qualification:</b> @foreach($jobs->jobCatalogue->qua_degree as $deg) {{$deg->title.','}}@endforeach</p>

                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
@endsection