<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>Easia</title>
		@stack('css')

		<!-- Roboto -->
		<link rel="stylesheet" type="text/css" href="/assets/css/roboto.css" />
		<!-- Flag icon css -->
		<link rel="stylesheet" type="text/css" href="/assets/css/vendors/flag-icon.css" />
		<!-- iconly-icon-->
		<link rel="stylesheet" type="text/css" href="/assets/css/iconly-icon.css" />
		<link rel="stylesheet" type="text/css" href="/assets/css/bulk-style.css" />
		<!-- iconly-icon-->
		<link rel="stylesheet" type="text/css" href="/assets/css/themify.css" />
		<!--fontawesome-->
		<link rel="stylesheet" type="text/css" href="/assets/css/fontawesome-min.css" />
		<!-- Whether Icon css-->
		<link rel="stylesheet" type="text/css" href="/assets/css/vendors/weather-icons/weather-icons.min.css" />
		<!-- Datatable CSS -->
		<link rel="stylesheet" type="text/css" href="/assets/css/vendors/datatables.css">
		<!-- App css -->
		<link id="color" rel="stylesheet" href="/assets/css/colors.css" media="screen" />
		<link rel="stylesheet" href="/assets/css/style.css" />
		<link rel="stylesheet" href="/assets/css/custom.css" />
	</head>

	<body>
		@php
			$current_route_name = Route::currentRouteName();
		@endphp
		<div class="page-wrapper compact-wrapper" id="pageWrapper">

			<livewire:header />

			<div class="page-body-wrapper">

				<livewire:sidebar :current_route_name="$current_route_name" />

				<div class="page-body">
					<div class="container-fluid">
						<div class="slot-info d-flex justify-content-between gap-4">
							<h1 class="slot-title">{{$current_route_name}}</h1>
							<div class="slot-breadcrumbs">
								<a href="/dashboard"><i class="icli iconly-Home"></i></a>
								<a href="#">Link 1</a>
								<a href="#">Link 2</a>
							</div>
						</div>

						<div class="page-content">
							{{ $slot }}
						</div>
					</div>
				</div>
			</div>
		</div>

		<!-- tap on top starts-->
		<div class="tap-top"><i class="iconly-Arrow-Up icli"></i></div>
		<!-- loader-->
		<div class="loader-wrapper">
			<div class="loader"><span></span><span></span><span></span><span></span><span></span></div>
		</div>

		@livewireScripts

		<!-- jquery-->
		<script src="/assets/js/vendors/jquery/jquery.min.js"></script>
		<!-- bootstrap js-->
		<script src="/assets/js/vendors/bootstrap/dist/js/bootstrap.bundle.min.js" defer=""></script>
		<script src="/assets/js/vendors/bootstrap/dist/js/popper.min.js" defer=""></script>
		<!--fontawesome-->
		<script src="/assets/js/vendors/font-awesome/fontawesome-min.js"></script>
		<!-- datatables -->
		<script src="/assets/js/datatables/jquery.dataTables.min.js" ></script>
		<script src="/assets/js/datatables/datatables.js" ></script>
		<!-- sidebar -->
		<script src="/assets/js/sidebar.js"></script>
		<!-- theme script -->
		<script src="/assets/js/script.js"></script>
		<!-- theme script -->
		<script src="/assets/js/tabs.js"></script>

		<script>
			const DT_languageIT = '/assets/localization/datatables/it-IT.json';
		</script>

		@stack('scripts')
	</body>

</html>