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

{% block title %}Fleet Management — Add Driver Data{% endblock %}

{% block content %}
	<form method="post" class="kt-form">
		<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">Fleet Management &mdash; Add Driver Data</h3>
					</div>

					<div class="kt-portlet__head-toolbar">
						<div class="kt-portlet__head-wrapper">
							<a href="{{ path('pages', {'path': 'drivers'}) }}" class="btn btn-clean btn-icon-sm mr-2"><i class="la la-long-arrow-left"></i>Back</a>
							<input type="reset" class="btn btn-secondary btn-bold mr-2">
							<button class="btn btn-primary btn-bold">Submit</button>
						</div>
					</div>
				</div>

				<div class="kt-portlet__body">
					<div class="form-group row">
						<label class="col-xl-3 col-lg-3 font-weight-bold">Name</label>
						<div class="col-lg-9 col-xl-6"><input type="text" class="form-control"></div>
					</div>
					<div class="form-group row">
						<label class="col-xl-3 col-lg-3 font-weight-bold">Date of Birth</label>
						<div class="col-lg-9 col-xl-6"><input type="text" class="form-control"></div>
					</div>
					<div class="form-group row">
						<label class="col-xl-3 col-lg-3 font-weight-bold">Gender</label>
						<div class="col-lg-9 col-xl-6">
							<div class="kt-radio-inline">
								<label class="kt-radio kt-radio--bold kt-radio--brand">
									<input type="radio" name="hr" id="hr-y" class="kt-radio">
									<label for="hr-y">Male</label>
									<span></span>
								</label>

								<label class="kt-radio kt-radio--bold kt-radio--brand">
									<input type="radio" name="hr" id="hr-n" class="kt-radio">
									<label for="hr-n">Female</label>
									<span></span>
								</label>
							</div>
						</div>
					</div>
					<div class="form-group row">
						<label class="col-xl-3 col-lg-3 font-weight-bold">Address</label>
						<div class="col-lg-9 col-xl-6"><textarea cols="30" rows="3" class="form-control"></textarea></div>
					</div>
					<div class="form-group row">
						<label class="col-xl-3 col-lg-3 font-weight-bold">Contact No.</label>
						<div class="col-lg-9 col-xl-6"><input type="text" class="form-control"></div>
					</div>
					<div class="form-group row">
						<label class="col-xl-3 col-lg-3 font-weight-bold">Education</label>
						<div class="col-lg-9 col-xl-6"><input type="text" class="form-control"></div>
					</div>
					<div class="form-group row">
						<label class="col-xl-3 col-lg-3 font-weight-bold">Driving Licence Type</label>
						<div class="col-lg-9 col-xl-6"><input type="text" class="form-control"></div>
					</div>
					<div class="form-group row">
						<label class="col-xl-3 col-lg-3 font-weight-bold">Driving Licence No.</label>
						<div class="col-lg-9 col-xl-6"><input type="text" class="form-control"></div>
					</div>
					<div class="form-group row">
						<label class="col-xl-3 col-lg-3 font-weight-bold">Issueing RTO</label>
						<div class="col-lg-9 col-xl-6"><input type="text" class="form-control"></div>
					</div>
					<div class="form-group row">
						<label class="col-xl-3 col-lg-3 font-weight-bold">Any Chronic Disease</label>
						<div class="col-lg-9 col-xl-6">
							<div class="kt-radio-inline">
								<label class="kt-radio kt-radio--bold kt-radio--brand">
									<input type="radio" name="hr" id="hr-y" class="kt-radio">
									<label for="hr-y">Yes</label>
									<span></span>
								</label>

								<label class="kt-radio kt-radio--bold kt-radio--brand">
									<input type="radio" name="hr" id="hr-n" class="kt-radio">
									<label for="hr-n">No</label>
									<span></span>
								</label>
							</div>
						</div>
					</div>
					<div class="form-group row">
						<label class="col-xl-3 col-lg-3 font-weight-bold">Type of Employee</label>
						<div class="col-lg-9 col-xl-6">
							<select name="" class="form-control">
								<option value="">Permanent</option>
							</select>
						</div>
					</div>
					<div class="form-group row">
						<label class="col-xl-3 col-lg-3 font-weight-bold">Appointing Authority</label>
						<div class="col-lg-9 col-xl-6"><input type="text" class="form-control"></div>
					</div>
					<div class="form-group row">
						<label class="col-xl-3 col-lg-3 font-weight-bold">Emergency Contact No.</label>
						<div class="col-lg-9 col-xl-6"><input type="text" class="form-control"></div>
					</div>
					<div class="form-group row">
						<label class="col-xl-3 col-lg-3 font-weight-bold">Emergency Contact Address</label>
						<div class="col-lg-9 col-xl-6"><textarea cols="30" rows="3" class="form-control"></textarea></div>
					</div>
				</div>
			</div>
		</div>
	</form>
{% endblock %}