File: /var/www/html/sarvodayahospital/resources/views/pages/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-500 mb-0">
<!-- <img src="{{ asset('img/bread7.png') }}" alt="" class="img-fluid pe-3" width="70px" height="70px" /> -->
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> Home</a>
</li>
<li class="breadcrumb-item active" aria-current="page">Career</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-form-wrapper mb-4">
<form action="{{ route('careers') }}" method="GET" id="career_form">
<div class="row">
<div class="col-lg-3 col-6 mb-2 mb-lg-0">
<select placeholder="Location"
id="location" name="location" class="form-control">
<option value="">Select Location</option>
@foreach ($hospitals as $name => $value)
<option value="{{ $value }}"
{{ request('location') == $value ? 'selected' : '' }}>{{ $name }}
</option>
@endforeach
</select>
</div>
<div class="col-lg-3 col-6 mb-2 mb-lg-0">
<input type="text" placeholder="Designation" id="designation" name="designation"
class="form-control" name="" />
</div>
<div class="col-lg-3 col-6">
<select placeholder="Category" id="category" name="category"
class="form-control" >
<option value="">Select Category</option>
@foreach ($categories as $category)
<option value="{{ $category->Slug }}">{{ $category->CategoryName }}</option>
@endforeach
</select>
</div>
<div class="col-lg-3 col-6">
<input type="submit" value="Search" class="form-control" name="" />
</div>
</div>
</form>
</div>
@foreach ($careers as $career)
<div class="career-box-wrpaper">
<div class="career-apply-box">
<h3 class="clr5cf-18 fw-500 mb-3">
<a href="{{ route('careers.show', $career->Slug) }}" class="no-underline">
{{ $career->JobTitle }}
</a>
</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>{{ $career->Category }}</span>
</li>
<li>
<img src="{{ asset('img/bag-blue.svg') }}" alt="" />
<span>{{ $career->Experience }}</span>
</li>
@if (count($career->hospital))
<li>
<img src="{{ asset('img/location-blue.svg') }}" alt="" />
<span>{{ $career->hospital[0]->HospitalShortName }},
{{ $career->hospital[0]->Location }}</span>
</li>
@endif
</ul>
<div class="clearfix"></div>
<ul class="content-meta-apply">
{{ \Illuminate\Support\Str::limit($career->ShortDescription, 200, '...') }}
</ul>
<div class="career-apply-btns d-flex">
<a href="{{ route('careers.show', $career->Slug) }}" class="btn me-3">Apply Now</a>
{{-- <a href="javascript:void(0)" class="apply-now-btn btn" data-bs-toggle="modal"
data-job-title="{{ $career->JobTitle }}" data-job-id="{{ $career->id }}"
data-bs-target="#JobApplyModal">Apply Now</a> --}}
</div>
</div>
</div>
@endforeach
<!-- Pagination -->
<div class="row mt-4 ">
<div class="col-md-6">
{{ $careers->links() }}
</div>
</div>
</div>
<div class="col-lg-4">
<div class="">
{{-- <h2 class="f-18 border border-1 border-top-0 border-start-0 border-end-0 f-sm-18 pb-1 mb-2 clr5c"
style="margin-top: -8px;">
Latest Jobs
</h2> --}}
{{-- <ul type="none" class="fw-500 f-15 related-blogs clrBlueDark mt-0 ps-0">
@foreach ($latest as $career)
<li class="mb-2">
<div class="d-flex p-1 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-500 f-16 mb-0 mt-1">
<a href="javascript:void(0)"
class="clr5c underline-none blog-link-text mt-0 clr5cDark">
{{ $career->JobTitle }}
</a>
</h3>
</div>
</div>
</li>
@endforeach
</ul> --}}
<div class="sidebar-form-box subscribe-box">
<h3 class="fw-400 clrBlueDark mb-4">Get New Jobs Alert by Email</h3>
<input type="email" class="form-control mb-0 f-14" id="careerSubscribe"
placeholder="Email address" />
<span class="is-invalid text-danger careerEmailError f-14"></span>
<button type="submit" class="btn w-100 text-white f-18 fw-500 bgBlueDark mt-3 rounded-3 careerSubsBtn">Submit</button>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Modal -->
<div class="modal fade" id="JobApplyModal" 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 closebtn" 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 ($hospitalHasJobs as $hospitalHasJob)
<option value="{{ $hospitalHasJob->id }}">{{ $hospitalHasJob->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>
$.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)
})
</script>
@endsection