@extends('frontend.layouts.layout')
@section('content')
<section class="products">
	<div class="container">
		<div class="breadcrumb">
			<!-- <span>Home</span><span>|</span><span><a href="#">Products</a></span> -->
			<span>
				<div class="breadcrumbs">
					Home |
					Careers
				</div>
			</span>
		</div>
		<h2 class="page-title">Careers</h2>
	</div>
</section>

<!-- destination Section -->
<section class="flights-section inner-page-section destinations-top">
	<!--<div class="container">

      <div class="row">
        <div class="col-12 text-center">
          <nav style="--bs-breadcrumb-divider: url(&#34;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='currentColor'/%3E%3C/svg%3E&#34;);" aria-label="breadcrumb">
            <ol class="breadcrumb">
              <li class="breadcrumb-item"><a href="https://dev.imageonline.co.in/indiaoneair/index.html">Home</a></li>
              <li class="breadcrumb-item active" aria-current="page">Careers</li>
            </ol>
          </nav>
        </div>

        <div class="col-12 ">
          <h1 class="heading mb-4">Careers</h1>
        </div>
    </div>-->
	@if(session()->has('success'))
	<div class="alert alert-success">
		{{ session()->get('success') }}
	</div>
	@endif

	@if(session()->has('error'))
	<div class="alert alert-error">
		{{ session()->get('error') }}
	</div>
	@endif





	<section class="career-form">
		<div class="container">
			<form action="{{route('searchview')}}" method="GET" id="careers-search-form">

				<div class="form-container-career">
					<div class="form-row">
						<div class="form-group w50p">
							<input type="text" name="search" placeholder="Search Keyoword" value="{{ request('search') }}" class="search">
						</div>
						<div class="form-group w25p">
							<select name="position" id="position">
								<option value="all position">All Positions</option>
							    <option value="Sr. Designer">Sr. Designer</option>
                                <option value="Jr. Developer">Jr. Developer</option>

							</select>
						</div>
						<div class="form-group w25p">
							<select name="department" id="department">
								<option value="departments">All Departments</option>
								<option value="design">Design</option>
								<option value="development">Development</option>

							</select>
						</div>
					</div>
					<div class="form-row">
						<div class="form-group w50p">
							<select name="location" id="location">
								<option value="all location">All Location</option>
								<option value="mumbai">Mumbai</option>
								<option value="chennai">Chennai</option>

							</select>

							<select name="experience" id="experianc">
								<option value="experience">All Experience</option>
								<option value="1">1</option>
								<option value="2">2</option>
								<option value="3">3</option>
								<option value="4">4</option>
								<option value="5">5+</option>

							</select>
						</div>
						<div class="form-group w25p">
							<select name="type" id="type">
								<option value="work type">All Works Types</option>
								<option value="designer">Designer</option>
								<option value="developer">Developer</option>

							</select>
						</div>
						<div class="form-group w25p">
							<!-- <button type="submit" class="btn-search">Search</button> -->
							<input type="submit" value="Search" class="search-btn">
						</div>
						<div class="col-6 col-md-3 col-lg-1 job-col">
                         <a href="{{url('careers')}}" class="button">Reset</a>
                        </div>
					</div>
				</div>
			</form>
		</div>

	</section>
	@if($jobs->count() > 0)
	<section class="jobs-conatiner">

		@foreach($jobs as $key => $job)
		<div class="jobs">
			<h2>{{$job->name}}</h2>
			<div class="other-details">
				<span>Experience  <i>{{$job->experience}}</i></span>
				<span>Skills  <i>{{$job->skills}}</i></span>

			</div>
			<p>{{$job->description}}</p>
			<a href="{{route('career.apply',['id'=>$job->id])}}"><button class="btn-apply-now">Apply Now</button></a>
		</div>
		@endforeach

		<!-- <div class="jobs">
       <h2>Branch Manager</h2>
       <div class="other-details">
         <span>Experience : <i>6-8 years</i></span>
         <span>Skills : <i>Management</i></span>

       </div>
       <p>The Branch Manager will direct and supervise the staff and day-to-day operations in the assigned branch location, ensuring delivery of quality customer service and achievement of sales or productivity goals.The branch manager's responsibilities include managing resources and staff, developing and attaining sales goals, delivering customer service, and growing th</p>
       <button class="btn-apply-now">Apply Now</button>
     </div> -->


	</section>
	<div class="aiz-pagination">
		<!-- {{ $jobs->links() }} -->
		{{ $jobs->appends(request()->except('page'))->links() }}
	</div>
	@else
	<p>No jobs found.</p>
	@endif

	@endsection