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

{% block title %}My Service Book{% 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">My Service Book</h3>
				</div>
			</div>

			<div class="kt-portlet__body">
				<div class="row">
		  		<div class="col-6 col-sm-4 col-lg-3 icons data-sm">
						<a href="{{ path('service_book_my_details') }}" class="btn btn-elevate btn-outline-brand btn-lg px-12 py-5 btn-square">
							<i class="fa fas fa-user-tag fa-2x"></i>
							<h4 class="d-inline-block">My Details</h4>
						</a>
					</div>

		  		<div class="col-6 col-sm-4 col-lg-3 icons data-sm">
						<a href="{{ path('service_book_family_members') }}" class="btn btn-elevate btn-outline-brand btn-lg px-12 py-5 btn-square">
							<i class="fa fas fa-user-tag fa-2x"></i>
							<h4 class="d-inline-block">Family Members</h4>
						</a>
					</div>

		  		<div class="col-6 col-sm-4 col-lg-3 icons data-sm">
						<a href="{{ path('service_book_education_details') }}" class="btn btn-elevate btn-outline-brand btn-lg px-12 py-5 btn-square">
							<i class="fa fas fa-user-tag fa-2x"></i>
							<h4 class="d-inline-block">Education Details</h4>
						</a>
					</div>

		  		<div class="col-6 col-sm-4 col-lg-3 icons data-sm">
						<a href="{{ path('service_book_training_details') }}" class="btn btn-elevate btn-outline-brand btn-lg px-12 py-5 btn-square">
							<i class="fa fas fa-user-tag fa-2x"></i>
							<h4 class="d-inline-block">Training Details</h4>
						</a>
					</div>

		  		<div class="col-6 col-sm-4 col-lg-3 icons data-sm mt-4">
						<a href="{{ path('service_book_working_experience') }}" class="btn btn-elevate btn-outline-brand btn-lg px-12 py-5 btn-square">
							<i class="fa fas fa-user-tag fa-2x"></i>
							<h4 class="d-inline-block">Working Experience</h4>
						</a>
					</div>

		  		<div class="col-6 col-sm-4 col-lg-3 icons data-sm mt-4">
						<a href="{{ path('service_book_deputation_details') }}" class="btn btn-elevate btn-outline-brand btn-lg px-12 py-5 btn-square">
							<i class="fa fas fa-user-tag fa-2x"></i>
							<h4 class="d-inline-block">Deputation Details</h4>
						</a>
					</div>

		  		<div class="col-6 col-sm-4 col-lg-3 icons data-sm mt-4">
						<a href="{{ path('service_book_salary_history') }}" class="btn btn-elevate btn-outline-brand btn-lg px-12 py-5 btn-square">
							<i class="fa fas fa-user-tag fa-2x"></i>
							<h4 class="d-inline-block">Salary History</h4>
						</a>
					</div>

		  		<div class="col-6 col-sm-4 col-lg-3 icons data-sm mt-4">
						<a href="{{ path('staff_leave_history_index') }}" class="btn btn-elevate btn-outline-brand btn-lg px-12 py-5 btn-square">
							<i class="fa fas fa-user-tag fa-2x"></i>
							<h4 class="d-inline-block">Leaves</h4>
						</a>
					</div>

		  		<div class="col-6 col-sm-4 col-lg-3 icons data-sm mt-4">
						<a href="#" class="btn btn-elevate btn-outline-brand btn-lg px-12 py-5 btn-square">
							<i class="fa fas fa-user-tag fa-2x"></i>
							<h4 class="d-inline-block">Appraisals</h4>
						</a>
					</div>

		  		<div class="col-6 col-sm-4 col-lg-3 icons data-sm mt-4">
						<a href="{{ path('service_book_pay_slip') }}" class="btn btn-elevate btn-outline-brand btn-lg px-12 py-5 btn-square">
							<i class="fa fas fa-user-tag fa-2x"></i>
							<h4 class="d-inline-block">Download Payslip</h4>
						</a>
					</div>

		  		<div class="col-6 col-sm-4 col-lg-3 icons data-sm mt-4">
						<a href="{{ path('service_book_download') }}" class="btn btn-elevate btn-outline-brand btn-lg px-12 py-5 btn-square">
							<i class="fa fas fa-user-tag fa-2x"></i>
							<h5 class="d-inline-block">Download Service Book</h5>
						</a>
					</div>
				</div>
			</div>
		</div>
	</div>
{% endblock %}