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

{% block sectionTitle %}Dashboard
{% endblock %}
{% block javascripts %}
        <script src="{{ asset('assets/js/widgets.bundle.js')}}"></script>
{% endblock %}
{% block content %}
	<div class="row">

		<div
			class="col-xl-6">
			<!--begin::Chart widget 36-->
			<div
				class="card card-flush overflow-hidden h-lg-100">
				<!--begin::Header-->
				<div
					class="card-header pt-5">
					<!--begin::Title-->
					<h3 class="card-title align-items-start flex-column">
						<span class="card-label fw-bold text-gray-900">Valori vendite</span>
						<span class="text-gray-500 mt-1 fw-semibold fs-6">Andamento scontrini</span>
					</h3>
					<!--end::Title-->
					<!--begin::Toolbar-->
					<div
						class="card-toolbar">
						<!--begin::Daterangepicker(defined in src/js/layout/app.js)-->
						<div
							data-kt-daterangepicker="true" data-kt-daterangepicker-opens="left" data-kt-daterangepicker-range="today" class="btn btn-sm btn-light d-flex align-items-center px-4">
							<!--begin::Display range-->
							<div class="text-gray-600 fw-bold">Loading date range...</div>
							<!--end::Display range-->
							<i class="ki-duotone ki-calendar-8 text-gray-500 lh-0 fs-2 ms-2 me-0">
								<span class="path1"></span>
								<span class="path2"></span>
								<span class="path3"></span>
								<span class="path4"></span>
								<span class="path5"></span>
								<span class="path6"></span>
							</i>
						</div>
						<!--end::Daterangepicker-->
					</div>
					<!--end::Toolbar-->
				</div>
				<!--end::Header-->
				<!--begin::Card body-->
				<div
					class="card-body d-flex align-items-end p-0">
					<!--begin::Chart-->
					<div id="kt_charts_widget_36" class="min-h-auto w-100 ps-4 pe-6" style="height: 300px"></div>
					<!--end::Chart-->
				</div>
				<!--end::Card body-->
			</div>
			<!--end::Chart widget 36-->
		</div>
	</div>
{% endblock %}