@extends('layouts.app')

@section('content')
  @include('partials.page-header')
  <section class="jobs-section">
    <div class="container-fluid">
      <div class="jobs-section--row">
        <div class="jobs-sidebar">
          <div class="jobs-sidebar--sticky">
            <div class="im-jobs-search">
	<div class="im-search-filter">
		<div class="panel-heading" role="tab" id="searchTitle">
			<h4 class="h3 panel-title">Filter Jobs</h4>
		</div>
		<div id="searchFilter" role="tabpanel" aria-labelledby="searchTitle">
			<form role="search" action="https://stage.interactmedical.com/jobs/" method="get" id="im-search-form">
        
        <div class="form-group">
          <select class="custom-select _someDropDown" name="candidatetype">
            <option selected value="">Select a candidate type</option>
                                          <option value="agency-nurses" >Agency Nurses</option>
                              <option value="ahp-hss" >AHP / HSS</option>
                              <option value="locum-doctors" >Locum Doctors</option>
                                    </select>
        </div>

        <div class="form-group">
          <select id="grade-jobsearch"  class="custom-select" name="grade" '>
                          <option selected value="">Select a grade</option>
                              <option value="Associate Spec" >Associate Spec</option>
                              <option value="CT1+" >CT1+</option>
                              <option value="Consultant" >Consultant</option>
                              <option value="FHO2" >FHO2</option>
                              <option value="FY1" >FY1</option>
                              <option value="FY2" >FY2</option>
                              <option value="GP" >GP</option>
                              <option value="GPST" >GPST</option>
                              <option value="Nurse Band 2" >Nurse Band 2</option>
                              <option value="Nurse Band 3" >Nurse Band 3</option>
                              <option value="Nurse Band 5" >Nurse Band 5</option>
                              <option value="Nurse Band 6" >Nurse Band 6</option>
                              <option value="Nurse Band 7" >Nurse Band 7</option>
                              <option value="Nurse Band 8a" >Nurse Band 8a</option>
                              <option value="Nurse Band 8b" >Nurse Band 8b</option>
                              <option value="RMN" >RMN</option>
                              <option value="RMO" >RMO</option>
                              <option value="Reg" >Reg</option>
                              <option value="SHO" >SHO</option>
                              <option value="ST1" >ST1</option>
                              <option value="ST2" >ST2</option>
                              <option value="ST3" >ST3</option>
                              <option value="ST4+" >ST4+</option>
                              <option value="Spec. Reg" >Spec. Reg</option>
                              <option value="Specialty Doctor" >Specialty Doctor</option>
                              <option value="StR Higher" >StR Higher</option>
                              <option value="StR Lower " >StR Lower </option>
                              <option value="Staff Grade" >Staff Grade</option>
                                    </select>
        </div>

        <div class="form-group">
          <select id="specialty-jobsearch" class="custom-select" name="specialty" '>
                          <option selected value="">Select a specialty</option>
                              <option value="A & E" >A & E</option>
                              <option value="Anaesthetics" >Anaesthetics</option>
                              <option value="General" >General</option>
                              <option value="General Practitioner" >General Practitioner</option>
                              <option value="H&N" >H&N</option>
                              <option value="Medicine" >Medicine</option>
                              <option value="Mental Health" >Mental Health</option>
                              <option value="Obs & Gynae" >Obs & Gynae</option>
                              <option value="Paediatrics" >Paediatrics</option>
                              <option value="Pathology" >Pathology</option>
                              <option value="Psychiatry" >Psychiatry</option>
                              <option value="Radiology" >Radiology</option>
                              <option value="Surgery" >Surgery</option>
                                    </select>
        </div>

        <div class="form-group">
        	<select class="custom-select" name="region">
					  <option selected value="">Select a region</option>
					  					  						  		<option value="East Midlands" >East Midlands</option>
					  						  		<option value="East Of England" >East Of England</option>
					  						  		<option value="Ireland" >Ireland</option>
					  						  		<option value="Jersey" >Jersey</option>
					  						  		<option value="London" >London</option>
					  						  		<option value="North East" >North East</option>
					  						  		<option value="North West" >North West</option>
					  						  		<option value="Northern Ireland" >Northern Ireland</option>
					  						  		<option value="Scotland" >Scotland</option>
					  						  		<option value="South East" >South East</option>
					  						  		<option value="South West" >South West</option>
					  						  		<option value="Wales" >Wales</option>
					  						  		<option value="West Midlands" >West Midlands</option>
					  						  		<option value="Yorkshire And The Humber" >Yorkshire And The Humber</option>
					  						  					</select>
        </div>

        <div class="form-group">
        	<select class="custom-select limit-control" name="limit">
            <option value="10" selected>10 jobs per page</option>
            <option value="20" >20 jobs per page</option>
            <option value="30" >30 jobs per page</option>
            <option value="40" >40 jobs per page</option>
            <option value="50" >50 jobs per page</option>
          </select>
        </div>

				<div class="form-group">
					<button type="submit" class="btn btn-fw btn-primary accent-button">Search Now</button>
				</div>
							</form>
		</div>
	</div>
</div>
            <div class="sidebar-register">
              <a href="https://stage.interactmedical.com/register/" class="sidebar-register--link">
                <div class="sidebar-register--inside">
                  <h3>Register Now</h3>
                  <p>Take the effort out of recruitment</p>
                </div>
              </a>
            </div>
          </div>
        </div>
        <div class="jobs-objects">
          @if (have_posts())
            <div class="jobs-controls--row">
              <div class="jobs-viewing">{!! App::imapi_showingposts() !!}</div>
              <div class="jobs-filter"><a href="#" class="jobs-filter--toggle"><i class="fa fa-filter"></i> Filter Jobs</a></div>
              <div class="jobs-pagination">{!! App::imapi_pagination() !!}</div>
            </div>
          @endif
          <div class="jobs-objects--row">
            @if (!have_posts())
              <div class="col-12 alert alert-danger">
                {{ __('Sorry, no jobs were found.', 'sage') }}
              </div>
            @endif
            @while (have_posts()) @php the_post() @endphp
              {!! do_shortcode('[im-content-jobs]') !!}
            @endwhile
          </div>
          <div class="jobs-controls--row">
            <div class="jobs-pagination">{!! App::imapi_pagination() !!}</div>
          </div>
        </div>
      </div>
    </div>
  </section>
@endsection