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

{% block title %}Admin Dashboard
{% endblock %}

{% block body %}
	{{ block('nav', 'internal/libs/nav.html.twig') }}

	<main class="main-content position-relative max-height-vh-100 h-100 border-radius-lg ">
		{{ block('topnav', 'internal/libs/top-nav.html.twig') }}
		<div class="container-fluid py-2">
			<div class='row'>
				<div class='ms-3'>
					<h3 class='mb-0 h4 font-weight-bolder'>Admin Dashboard</h3>
					<p class='mb-4'>
						Check activity in the last 24 hours
					</p>
				</div>
				<div class='col-xl-3 col-sm-6 mb-xl-0 mb-4'>
					<div class='card'>
						<div class='card-header p-2 ps-3'>
							<div class='d-flex justify-content-between'>
								<div>
									<p class='text-sm mb-0 text-capitalize'>Yesterday's Visits</p>
									<h4 class='mb-0'></h4>
								</div>
								<div class="icon icon-md icon-shape bg-gradient-dark shadow-dark shadow text-center border-radius-lg">
									<i class="material-symbols-rounded opacity-10">weekend</i>
								</div>
							</div>
						</div>
						<hr class='dark horizontal my-0'>
						<div class='card-footer p-2 ps-3'>
							<p class='mb-0 text-sm'>
								<span class='text-info font-weight-bolder'></span>
							</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</main>
{% endblock %}
