@extends('layouts.master')
@section('title', $title) 
@section('content')
<link rel="stylesheet" href="{{ asset('css/Candidatesearch.css') }}" />
<section class="content">
<div class="color">
        <form>
          <div class="box">
            <div class="first-box">
               <img src="{{ asset('images/details.png') }}" />
                <p>Candidates: Search Candidates</p>
            </div>
          </div>
        </form>
      </div>

      <div class="mycontait">
        <div class="left_upper">
			<form name="resumesearchform" id="resumesearchform" action="" method="get">
                <div class="d-flex">
                    <div class="vancy">
                        <label>Search By:</label>
                        <div>
                            <select
                                class="custom-select1 mr-sm-2 vancy2"
                                id="inlineFormCustomSelect"
                            >
                                <option selected>Resume Keywords</option>
                            </select>
                        </div>
                        <div><input name="resumesearch" id="resumesearch" class="vancy2" value="" required/></div>
                    </div>
                </div>
                <button type="submit" class="btn" style="color:white;">Search</button>
            </form>
            <table class="table table-bordered" id="joborderSearchResult">
				<thead>
					<tr>
						
						<th>First Name</th>
						<th>Last Name</th>
						<th>Resume</th>
						<th>City</th>
						<th>State</th>
						<th>Created</th>
						<th>Modified</th>
						<th>Owner</th>
						
					</tr>
				</thead>
				<tbody>
					@if(!empty($candidates))
						
						@foreach($candidates as $candidate)
												@endforeach
					@else
						<tr>
							<td colspan="8" style="text-align:center;">No Candidat Found</td>
						</tr>
					@endif
				</tbody>
            </table>
        </div>
      </div>
	  <!-- The Modal -->
	<div id="myModal" class="modal">

	  <!-- Modal content -->
	  <div class="modal-content">
		<span class="close">&times;</span>
		<p>Some text in the Modal..</p>
	  </div>

	</div>
	  <style>
	   .highlight {color:red;}
	   .green {color:green!important;}
	  </style>
	 
		

@endsection