@extends('layouts.new_dashboard')

@section('content')

<div class="main-panel">
	<div class="content-wrapper">
		<div class="row">
		          
		    <div class="col-lg-12 grid-margin stretch-card">
		      <div class="card">
		        <div class="card-body">
		          <h4 class="card-title">Applicants Table</h4>
		          <div class="kt-portlet__head-toolbar">
						<div class="kt-portlet__head-wrapper">
							<div class="kt-portlet__head-actions">
								<div class="dropdown dropdown-inline" style="float: right;">
									<button type="button" class="btn btn-default btn-icon-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
										<i class="la la-download"></i> Export
									</button>
									<div class="dropdown-menu dropdown-menu-right">
										<ul class="kt-nav">
											<!-- <li class="kt-nav__section kt-nav__section--first">
												<span class="kt-nav__section-text">Choose an option</span>
											</li> -->
											<li class="kt-nav__item">
												<a href="#" class="kt-nav__link">
													<i class="kt-nav__link-icon la la-print"></i>
													<span class="kt-nav__link-text">Print</span>
												</a>
											</li>
											<!-- <li class="kt-nav__item">
												<a href="#" class="kt-nav__link">
													<i class="kt-nav__link-icon la la-copy"></i>
													<span class="kt-nav__link-text">Copy</span>
												</a>
											</li>
											<li class="kt-nav__item">
												<a href="#" class="kt-nav__link">
													<i class="kt-nav__link-icon la la-file-excel-o"></i>
													<span class="kt-nav__link-text">Excel</span>
												</a>
											</li>
											<li class="kt-nav__item">
												<a href="#" class="kt-nav__link">
													<i class="kt-nav__link-icon la la-file-text-o"></i>
													<span class="kt-nav__link-text">CSV</span>
												</a>
											</li>
											<li class="kt-nav__item">
												<a href="#" class="kt-nav__link">
													<i class="kt-nav__link-icon la la-file-pdf-o"></i>
													<span class="kt-nav__link-text">PDF</span>
												</a>
											</li> -->
										</ul>
									</div>
								</div>								
							</div>
						</div>
					</div>

		          <table class="table table-striped- table-bordered table-hover table-checkable" id="kt_table_1">
		            <thead>
		              <tr>
		                <th>ID</th>
		                <th>Name</th>
		                <th>Job</th>
		                <th>C.V</th>
		                <th>Actions</th>
		              </tr>
		            </thead>
		            <tbody>
		            	@foreach($applicants as $applicant)
			              <tr>
			                <td>{{$applicant->id}}</td>
			                <td>{{$applicant->name}}</td>
			                <td>{{$applicant->career->title}}</td>
			                <td><a href="{{$applicant->file}}" class="btn btn-info"> Download C.V </a></td>
			                <td>
                  				<a href="javascript:void(0)"  class="trigger-btn btn btn-danger delete"
                      			id="{{$applicant->id}}" data-toggle="modal" url="{{url('/')}}" page="applicants"><i class="fas fa-trash"></i></a>  
			                </td>
			              </tr>

			              <div id="myModal" class="modal fade">
							<div class="modal-dialog modal-confirm">
								<div class="modal-content">
									<div class="modal-header">
										<div class="icon-box">
											<i class="fas fa-trash"></i>
										</div>				
											
						                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
									</div>
									<h4 class="modal-title">Are you sure?</h4>
									<form  id="form"  action="" method="GET">
		                                    {{csrf_field()}}
		                                    {{method_field('DELETE')}}
		                                    <div class="modal-body">
		                                        <p id="msg"></p>
		                                    </div>
		                                    <div class="modal-footer">
		                                        <button type="button" class="btn btn-info" data-dismiss="modal">Cancel</button>
		                                        <button type="submit" class="btn btn-danger">Delete</button>
		                                    </div>
		                            </form>
									
								</div>
							</div>
			            @endforeach
		            </tbody>
		          </table>
		        </div>
		      </div>
		    </div>
		</div>
	</div>
</div>
@endsection

@section('scripts')
@endsection