{% extends 'base.html.twig' %}

{% block title %}Candidate Selection{% endblock %}

{% block content %}
	<div class="kt-subheader kt-grid__item"></div>

	<div class="kt-container kt-grid__item kt-grid__item--fluid">
		<div class="kt-portlet kt-portlet--mobile">
			<div class="kt-portlet__head kt-portlet__head--lg">
				<div class="kt-portlet__head-label">
					<h3 class="kt-portlet__head-title">Candidate Selection</h3>
				</div>

				<div class="kt-portlet__head-toolbar">
					<div class="kt-portlet__head-wrapper">
						<a href="javascript:void(0);" class="btn btn-brand btn-bold mr-2" role="button">Submit</a>
						<a href="{{ path('dashboard') }}" class="btn btn-clean btn-icon-sm"><i class="la la-long-arrow-left"></i>Back</a>
					</div>
				</div>
			</div>

			<div class="kt-portlet__body">
				<form class="kt-form kt-margin-b-10">
					<div class="form-group row">
						<label class="form-label kt-padding-t-10 col-lg-2">Application for the Post of</label>

						<div class="col-lg-3">
							<select class="form-control select-picker">
								<option>Post 1</option>
								<option>Post 2</option>
								<option>Post 3</option>
							</select>
						</div>

						<div class="col-lg-3">
							<button class="btn btn-brand btn-bold">Search</button>
							<button type="reset" class="btn btn-default btn-bold">Cancel</button>
						</div>
					</div>
				</form>

				<div class="table-responsive">
					<table class="table table-striped table-bordered table-hover table-checkable">
						<thead>
							<tr>
								<th class="text-center">
									<label class="kt-checkbox kt-checkbox--single kt-checkbox--bold kt-checkbox--brand">
										<input type="checkbox" id="select-all-candidates">
										<span></span>
									</label>
								</th>
								<th class="text-nowrap">Uploaded Photo</th>
								<th class="text-nowrap">Full Name</th>
								<th class="text-nowrap">Father's Name</th>
								<th>Category</th>
								<th>Mobile</th>
								<th class="text-nowrap">Local Address</th>
								<th class="text-nowrap">Hometown Address</th>
								<th class="text-nowrap">Adhar No.</th>
								<th class="text-nowrap">Date of Birth</th>
								<th>Qualification</th>
								<th>Basic</th>
								<th>%</th>
								<th class="text-nowrap">Uploaded Marksheet &amp; Degree</th>
								<th>Graduation</th>
								<th>%</th>
								<th class="text-nowrap">Uploaded Marksheet &amp; Degree</th>
								<th>Master</th>
								<th>%</th>
								<th class="text-nowrap">Uploaded Marksheet &amp; Degree</th>
								<th class="text-nowrap">Uploaded Certificates</th>
								<th class="text-nowrap">Extra Experience in Year &amp; Month</th>
								<th class="text-nowrap">Choice of Posting</th>
								<th class="text-nowrap">Marks of Qualification &amp; Experience</th>
								<th class="text-nowrap">Interviewer 1</th>
								<th class="text-nowrap">Interviewer 2</th>
								<th class="text-nowrap">Interviewer 3</th>
								<th class="text-nowrap">Interviewer 4</th>
								<th>Total</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td class="text-center">
									<label class="kt-checkbox kt-checkbox--single kt-checkbox--bold kt-checkbox--brand">
										<input type="checkbox" name="select_candidate">
										<span></span>
									</label>
								</td>
								<td class="text-center"><img src="{{ asset('assets/media/users/default.jpg') }}"></td>
								<td class="text-nowrap">Raj Mihir Shah</td>
								<td>Mihir Shah</td>
								<td>SC</td>
								<td class="text-right">9558131100</td>
								<td>Local Address</td>
								<td>Hometown address</td>
								<td class="text-right">261521534122</td>
								<td class="text-right">08/05/1988</td>
								<td>MBA</td>
								<td>HSC</td>
								<td class="text-right">78</td>
								<td class="text-center"><a href="javascript:void(0);"><i class="fa fa-2x fa-file-pdf"></i></a></td>
								<td>BBA</td>
								<td class="text-right">79</td>
								<td class="text-center"><a href="javascript:void(0);"><i class="fa fa-2x fa-file-pdf"></i></a></td>
								<td>MBA</td>
								<td class="text-right">86</td>
								<td class="text-center"><a href="javascript:void(0);"><i class="fa fa-2x fa-file-pdf"></i></a></td>
								<td class="text-center"><a href="javascript:void(0);"><i class="fa fa-2x fa-file-pdf"></i></a></td>
								<td class="text-nowrap">From 06/2018 to 03/2019</td>
								<td>Ahmedabad</td>
								<td class="text-right">90%</td>
								<td class="text-right">20</td>
								<td class="text-right">25</td>
								<td class="text-right">25</td>
								<td class="text-right">22</td>
								<td class="text-right">92</td>
							</tr>
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
{% endblock %}

{% block scripts %}
	{{ parent() }}

	<script>
		$('.select-picker').selectpicker();

    $('#select-all-candidates').on('click', function() {
  		$('input[name="select_candidate"]').prop('checked', this.checked);
    });
	</script>
{% endblock %}