@extends('front.layout')
@section('meta-keywords', "$job->meta_tags")
@section('meta-description', "$job->meta_description")
@section('content')
<!--====== PAGE TITLE PART START ======-->
<div class="page-title-area" style="background-image: url('{{ asset('assets/front/img/'.$setting->breadcrumb_image) }}')">
<div class="overlay"></div>
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="page-title-item text-center">
<h2 class="title">{{ $job->title }}</h2>
<ul class="breadcrumb-nav">
<li class=""><a href="{{ route('front.index') }}">{{ __('Home') }} </a></li>
<li class="active" aria-current="page">{{ $job->title }}</li>
</ul>
</div> <!-- page title -->
</div>
</div> <!-- row -->
</div> <!-- container -->
</div>
<!--====== PAGE TITLE PART ENDS ======-->
<!--====== ABOT FAQ PART START ======-->
<div class="blog-standard-area pt-120 pb-100">
<div class="container">
<div class="row">
<div class="col-lg-8">
<div class="jobdetails-area">
<h3 class="job_name"><i class="fas fa-briefcase"></i> {{ $job->title }}</h3>
@if ($job->job_responsibility != null)
<div class="j-info">
<h4>{{ __('Job Responsibilities') }}</h4>
<p>
{!! $job->job_responsibility !!}
</p>
</div>
@endif
@if ($job->job_context != null)
<div class="j-info">
<h4>{{ __('Job Context') }}</h4>
<p>
{!! $job->job_context !!}
</p>
</div>
@endif
@if ($job->education_requirement != null)
<div class="j-info">
<h4>{{ __('Educational Requirements') }}</h4>
<p>
{!! $job->education_requirement !!}
</p>
</div>
@endif
@if ($job->experience_requirement != null)
<div class="j-info">
<h4>{{ __('Experience Requirements') }}</h4>
<p>
{!! $job->experience_requirement !!}
</p>
</div>
@endif
@if ($job->additional_requirement != null)
<div class="j-info">
<h4>{{ __('Additional Requirements') }}</h4>
<p>
{!! $job->additional_requirement !!}
</p>
</div>
@endif
@if ($job->job_location != null)
<div class="j-info">
<h4>{{ __('Job Location') }}</h4>
<p>
{{ $job->job_location }}
</p>
</div>
@endif
@if ($job->employment_status != null)
<div class="j-info">
<h4>{{ __('Employment Status') }}</h4>
<p>
{{ $job->employment_status }}
</p>
</div>
@endif
@if ($job->salary != null)
<div class="j-info">
<h4>{{ __('Salary') }}</h4>
<p>
{{ $job->salary }}
</p>
</div>
@endif
@if ($job->vacancy != null)
<div class="j-info">
<h4>{{ __('Vacancy') }}</h4>
<p>
{{ $job->vacancy }}
</p>
</div>
@endif
@if ($job->position != null)
<div class="j-info">
<h4>{{ __('Position') }}</h4>
<p>
{{ $job->position }}
</p>
</div>
@endif
@if ($job->company_name != null)
<div class="j-info">
<h4>{{ __('Company Name') }}</h4>
<p>
{{ $job->company_name }}
</p>
</div>
@endif
@if ($job->other_benefits != null)
<div class="j-info">
<h4>{{ __('Compensation & Other Benefits') }}</h4>
<p>
{!! $job->other_benefits !!}
</p>
</div>
@endif
@if ($job->deadline != null)
<div class="j-info">
<h4>{{ __('Deadline') }}</h4>
<p>
{{ $job->deadline }}
</p>
</div>
@endif
<a href="#" class="main-btn" data-toggle="modal" data-target="#applyjob">{{ __('Apply For Job') }}</a>
</div>
</div>
<div class="col-lg-4 order-first order-lg-last">
<div class="blog-sidebar">
<div class="widget search-widget">
<h4 class="widget-title">{{ __('Search Job') }}</h4>
<div class="sidebar-search-item text-center mt-35">
<form action="{{route('front.career', ['category' => request()->input('category') ])}}" method="GET">
<div class="input-box">
<input name="category" type="hidden" value="{{request()->input('category')}}">
<input name="term" type="text" placeholder="{{ __('Search Job') }}..." value="{{request()->input('term')}}">
<button type="submit"><i class="fal fa-search"></i></button>
</div>
</form>
</div>
</div>
<div class="widget categories-widget">
<h4 class="widget-title">{{ __('All Categories') }}</h4>
<ul>
<li >
<a href="{{route('front.career')}}" class="@if(empty(request()->input('category'))) active @endif">{{ __('All') }}
<span>{{ $alljobs->count() }}</span></a>
</a>
</li>
@foreach ($jcategories as $item)
<li><a href="{{ route('front.career',['category'=>$item->slug]) }}" class=" @if(request()->input('category') == $item->slug) active @endif
">{{ $item->name }}
<span>{{ $item->jobs->count() }}</span></a></li>
</a></li>
@endforeach
</ul>
</div>
<div class="widget social-links">
<h4 class="widget-title">{{ __('Never Miss News') }}</h4>
<ul>
@foreach ($socials as $item)
<li><a href="{{ $item->url }}"><i class="{{ $item->icon }}"></i></a></li>
@endforeach
</ul>
</div>
</div>
</div>
</div>
</div> <!-- container -->
</div>
<!--====== ABOT FAQ PART ENDS ======-->
<!-- Apply Job Modal -->
<div class="modal fade" id="applyjob" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">{{ __('Apply for This Job') }}</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<form action="{{ route('job.apply.submit') }}" method="POST" enctype="multipart/form-data">
@csrf
<input type="hidden" value="{{ $job->id }}" name="job_id">
<div class="modal-body">
<div class="form-group">
<input class="form-control" type="text" name="name" value="{{ old('name') }}" placeholder="{{ __('Your Name') }}">
</div>
<div class="form-group">
<input class="form-control" type="text" name="email" value="{{ old('email') }}" placeholder="{{ __('Email Address') }}">
</div>
<div class="form-group">
<input class="form-control" type="text" name="phone" value="{{ old('phone') }}" placeholder="{{ __('Phone Number') }}">
</div>
<div class="form-group">
<input class="form-control" type="text" name="expected_salary" value="{{ old('expected_salary') }}" placeholder="{{ __('Your Expected Salary') }}">
</div>
<div class="form-group">
<textarea name="message" class="form-control textarea" placeholder="{{ __('Your Message') }}">{{ old('message') }}</textarea>
</div>
<div class="form-group">
<label for="">Accept (PDF) File.</label>
<input class="form-control" type="file" name="file">
</div>
</div>
<div class="modal-footer">
<button type="submit" class="main-btn">{{ __('Apply Now') }}</button>
</div>
</form>
</div>
</div>
</div>
<!-- Carer Area End -->
@endsection