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

{% block title %}My Dashboard{% endblock %}

{% block content %}
	<div class="card">
		<div class="kt-container kt-grid__item kt-grid__item--fluid">
			{% include 'parts/flash.html.twig' %}
			<div class="card-body">
				<div class="row">
		  		<div class="col-6 col-sm-4 col-lg-3 icons mb-3">
						<a href="{{ path('profile') }}" class="btn btn-outline-brand btn-elevate btn-square">
							<div class="data">
								<span class="kt-font-info icon">
									<i class="fa fa-user-tag fa-3x"></i>
								</span>

								<h2>View Profile</h2>

								<div class="navArrow">
									<i class="fa fa-arrow-circle-right fa-3x"></i>
								</div>
							</div>
						</a>
					</div>

					<div class="col-6 col-sm-4 col-lg-3 icons mb-3">
						<a href="{{ path('profile_edit') }}" class="btn btn-outline-brand btn-elevate btn-square">
							<div class="data">
								<span class="kt-font-info icon">
									<i class="fa fa-user-tag fa-3x"></i>
								</span>

								<h2>Edit Profile</h2>

								<div class="navArrow">
									<i class="fa fa-arrow-circle-right fa-3x"></i>
								</div>
							</div>
						</a>
					</div>

					<div class="col-6 col-sm-4 col-lg-3 icons mb-3">
						<a href="{{ path('user_change_password') }}" class="btn btn-outline-brand btn-elevate btn-square">
							<div class="data">
								<span class="kt-font-info icon">
									<i class="fa fa-user-tag fa-3x"></i>
								</span>

								<h2>Change Password</h2>

								<div class="navArrow">
									<i class="fa fa-arrow-circle-right fa-3x"></i>
								</div>
							</div>
						</a>
					</div>

					<div class="col-6 col-sm-4 col-lg-3 icons mb-3">
						<a href="{{ path('service_book_index') }}" class="btn btn-outline-brand btn-elevate btn-square">
							<div class="data">
								<span class="kt-font-info icon">
									<i class="fa fa-user-tag fa-3x"></i>
								</span>

								<h2>My Service Book</h2>

								<div class="navArrow">
									<i class="fa fa-arrow-circle-right fa-3x"></i>
								</div>
							</div>
						</a>
					</div>
					<div class="col-6 col-sm-4 col-lg-3 icons mb-3">
						<a href="{{ path('activity_log') }}" class="btn btn-outline-brand btn-elevate btn-square">
							<div class="data">
								<span class="kt-font-info icon">
									<i class="fa fa-user-tag fa-3x"></i>
								</span>

								<h2>User Activity Log</h2>

								<div class="navArrow">
									<i class="fa fa-arrow-circle-right fa-3x"></i>
								</div>
							</div>
						</a>
					</div>
				</div>
			</div>
		</div>
	</div>
{% endblock %}