File: /var/www/html/sarvodayahospital/resources/views/pages/single-career.blade.php
@extends('layouts.main')
@section('content')
<section class="py-4 py-md-3 banner-c">
<div class="container">
<div class="row align-items-center">
<div class="col-md-6">
<h1 class="text-white f-sm-30 f-30 fw-700 mb-0">
Career
</h1>
</div>
<div class="col-md-6 text-end"></div>
</div>
</div>
</section>
<section class="breadcrumb py-4 mb-0 custom_breadcrumb">
<div class="container">
<div class="row align-items-center">
<ol class="breadcrumb mb-0">
<li class="breadcrumb-item">
<a href="{{ route('home') }}" role="button" tabindex="0"><i class="fa fa-home"></i></a>
</li>
<li class="breadcrumb-item" aria-current="page"><a href="{{ route('careers') }}">Career</a></li>
<li class="breadcrumb-item active" aria-current="page">{{ $career->JobTitle }}</li>
</ol>
</div>
</div>
</section>
<section class="career-section pb-4">
<div class="container">
<div class="row">
<div class="col-lg-8 mb-4 mb-lg-0">
<div class="career-box-wrpaper">
<div class="career-apply-box pb-0 border-0">
<h3 class="clr5c f-18 fw-700 mb-3">
{{ $career->JobTitle }}
</h3>
<ul class="p-0 m-0 list-unstyled apply-postion-list">
<li>
<img src="{{ asset('img/user-blue.svg') }}" alt="Sarvodaya search icon" />
<span>Non Medical</span>
</li>
<li>
<img src="{{ asset('img/bag-blue.svg') }}" alt="" />
<span>{{ $career->Experience }}</span>
</li>
<li>
<img src="{{ asset('img/location-blue.svg') }}" alt="" />
@php
$h = [];
foreach ($career->hospital as $hospital) {
$h[] = $hospital->HospitalShortName . ', ' . $hospital->Location;
}
echo '<span>' . implode(', ', $h) . '</span>';
@endphp
</li>
</ul>
<div class="clearfix"></div>
<h3 class="clr5c f-18 fw-700 mb-2 mt-3">Job Description</h3>
<div class="content-meta-apply">
{!! $career->Description !!}
</div>
<div class="single-career-meta mb-4 pb-2">
<h3 class="clr5c f-18 fw-700 mb-2 mt-3">Key Skills</h3>
<ul class="career-tags-listing list-unstyled p-0 m-0">
@php
$skills = explode(',', $career->KeySkills);
foreach ($skills as $skill) {
echo '<li>' . $skill . '</li>';
}
@endphp
</ul>
</div>
<div class="single-career-meta mb-4 pb-2">
<h3 class="clr5c f-18 fw-700 mb-2 mt-3">Walk In</h3>
<ul class="career-tags-listing list-unstyled p-0 m-0">
<li>{{ $career->IsWalkIn ? 'Yes' : 'No' }}</li>
</ul>
</div>
<!-- apply single creer -->
<h3 class="clr5c f-18 fw-700 mb-2 mt-3">Contact Details</h3>
<div>
{!! $career->ContactDetails !!}
</div>
<div class="career-bottom-btn mt-4">
<a href="javascript:void(0)" class="apply-now-btn btn btn-apply" data-bs-toggle="modal"
data-job-title="{{ $career->JobTitle }}" data-job-id="{{ $career->id }}"
data-bs-target="#JobApplyModal">Apply Now
</a>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="">
<h2 class="f-14 border border-1 border-top-0 border-start-0 border-end-0 f-sm-13 mb-2 clrGrey"
style="margin-top: -8px;">
Latest Jobs
</h2>
<ul type="none" class="fw-700 f-15 related-blogs clrBlueDark mt-0 ps-0">
@foreach ($latest as $career)
<li class="mb-2">
<div class="d-flex bg-white rounded-3">
<div>
<span
class="rounded-pill mb-2 d-inline-block bgBlueLight clrBlueDark f-11 fw-400 px-3 py-0">
{{ $career->Category }}
</span>
<h3 class="fw-700 f-14 mb-0 mt-1">
<a href="javascript:void(0)"
class="clrGrey underline-none blog-link-text mt-0 clrGreyDark">
{{ $career->JobTitle }}
</a>
</h3>
@if (count($career->hospital))
<p class="mb-0 f-12 clrGrey fw-400 mt-1">
{{ $career->hospital[0]->HospitalShortName }},
{{ $career->hospital[0]->Location }}
</p>
@endif
</div>
</div>
</li>
@endforeach
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- Modal -->
<div class="modal fade" id="JobApplyModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-lg">
<div class="modal-content">
<form method="POST" id="jobApplyForm" enctype="multipart/form-data">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel"></h5>
<button type="button" class="btn-close" data-bs-dismiss="modal"
aria-label="Close"></button>
</div>
<div class="modal-body">
<div class="row">
<input type="hidden" name="JobId" id="JobId">
<input type="hidden" name="source_url" id="source_url" value="{{ request()->fullUrl() }}">
<div class="col-md-6">
<div class="mb-1">
<label for="name" class="col-form-label">Name</label>
<input type="text" class="form-control inputBox" id="name" name="name"
placeholder="Name" onkeydown="return /[a-z, ]/i.test(event.key)"
onblur="if (this.value == '') {this.value = '';}"
onfocus="if (this.value == '') {this.value='';}">
</div>
</div>
<div class="col-md-6">
<div class="mb-1">
<label for="phone" class="col-form-label">Phone</label>
<input type="text" class="form-control inputBox" id="phone" minlength="5"
maxlength="10" pattern="[0-9]{10}" name="phone" placeholder="Mobile">
</div>
</div>
<div class="col-md-6">
<div class="mb-1">
<label for="email" class="col-form-label">Email</label>
<input type="text" class="form-control inputBox" id="email" name="email"
placeholder="Email ID">
</div>
</div>
<div class="col-md-6">
<div class="mb-1">
<label for="location" class="col-form-label">Location</label>
<select name="HospitalId" class="form-control">
<option value="">Choose Location</option>
@foreach ($hospitals as $hospital)
<option value="{{ $hospital->id }}">{{ $hospital->HospitalName }}</option>
@endforeach
</select>
</div>
</div>
<div class="col-md-6">
<div class="mb-1">
<label for="speciality" class="col-form-label">Speciality</label>
<input type="text" class="form-control inputBox" id="speciality" name="speciality"
placeholder="Speciality">
</div>
</div>
<div class="col-md-6">
<div class="mb-1">
<label for="qualification" class="col-form-label">Qualification</label>
<input type="text" class="form-control inputBox" id="qualification" name="qualification"
placeholder="Qualification">
</div>
</div>
<div class="col-md-6">
<div class="mb-1">
<label for="CurrentCTC" class="col-form-label">Current CTC</label>
<input type="text" class="form-control inputBox" id="CurrentCTC" name="CurrentCTC"
placeholder="Current CTC">
</div>
</div>
<div class="col-md-6">
<div class="mb-1">
<label for="ExpectedCTC" class="col-form-label">Expected CTC</label>
<input type="text" class="form-control inputBox" id="ExpectedCTC" name="ExpectedCTC"
placeholder="Expected CTC">
</div>
</div>
<div class="col-md-6">
<div class="mb-1">
<label for="Experience" class="col-form-label">Experience <span>(in Year)</span></label>
<input type="text" class="form-control inputBox" id="Experience" name="Experience"
placeholder="Experience">
</div>
</div>
<div class="col-md-6">
<div class="mb-1">
<label for="Experience" class="col-form-label">Upload Resume</label>
<input type="file" class="form-control inputBox" id="resume" name="resume">
</div>
</div>
<div class="col-md-12">
<div class="mb-1">
<label for="CoverLetter" class="col-form-label">Cover Letter</label>
<textarea name="CoverLetter" class="form-control inputBox" id="CoverLetter" rows="3"
placeholder="CoverLetter"></textarea>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-primary" id="modal-job-apply">Apply Now</button>
</div>
</form>
</div>
</div>
</div>
@stop
@section('javascript')
<script>
$(document).ready(function() {
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': '{{ csrf_token() }}'
}
});
$('#JobApplyModal').on('show.bs.modal', function(event) {
var button = $(event.relatedTarget)
var JobId = button.data('job-id')
var JobTitle = button.data('job-title')
var modal = $(this)
modal.find('.modal-title').text('Apply for ' + JobTitle)
modal.find('.modal-body #JobId').val(JobId)
})
var validator = $("#jobApplyForm").validate();
$('#JobApplyModal').on('hidden.bs.modal', function() {
console.log('close and clear form errors');
$('.inputBox').removeClass('is-invalid');
validator.resetForm();
});
})
</script>
@endsection