{% extends '@!EasyAdmin/layout.html.twig' %}

{% block head_styles %}
	{{ parent() }}
	<!-- Ajouter le CSS nécessaire ici -->
{% endblock %}
{% block content %}
	<div class="container">
		<script type="text/javascript">
			const graph_data = {{ graph_data|json_encode|raw }};
		</script>
		<script type="text/javascript">
			const salesByDate = {{ salesByDate|json_encode|raw }};
		</script>
		<script type="text/javascript">
			const salesByVendor = {{ salesByVendor|json_encode|raw }};
		</script>
		<script type="text/javascript">
			const dates = {{ dates|json_encode|raw }};
		</script>

		<div class="row text-center mt-1 mt-md-2">
			{% if (dernierTrajet) %}
				<div class="col-6 col-md-3 mb-3">
					<a href="{{ ea_url() .setController('App\\Controller\\Admin\\ScheduleCrudController') .setAction('detail') .setEntityId( dernierTrajet ) }}">
						<button class="btn btn-primary">Prochain départ</button>
					</a>
				</div>
				<div class="col-6 col-md-3 mb-3">
					<a href="{{ ea_url() .setController('App\\Controller\\Admin\\PassagerCrudController') .setAction('index') }}">
						<button class="btn btn-primary">Liste des passagers</button>
					</a>
				</div>
			{% endif %}
			<div class="col-6 col-md-3 mb-3">
				<a href="admin?routeName=admin_schedule">
					<button class="btn btn-primary">Vente de billet</button>
				</a>
			</div>
		</div>
		<div class="row">
			<div class="col-12 col-md-6">
				<h3>Ventes par Date</h3>
				<canvas id="salesByDateChart"></canvas>
			</div>
			<div class="col-12 col-md-6">
				<h3>Ventes par Vendeur (Détails)</h3>
				<canvas id="salesByVendorChart"></canvas>
			</div>
		</div>
		<div class="row">
			<div class="col-12 col-md-6">
				<h3>Réservations du
					{{ "now"|date("d/m/Y") }}</h3>
				<canvas data-graph-name="montants_journalier" width="400 " height="200"></canvas>
			</div>
			<div class="col-12 col-md-6">
				<h3>Passagers du
					{{ "now"|date("d/m/Y") }}</h3>
				<canvas data-graph-name="passagers_journalier" width="400 " height="200"></canvas>
			</div>
		</div>
	</div>
{% endblock %}
{% block body_javascript %}

	{{ parent() }}
	<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
	<script src="{{ asset('assets/js/graphic.js') }}"></script>

{% endblock %}