{% extends "common/auth_page.twig" %}

{% block contentTitle %}{{'deliveries'|trans}}{% endblock %}

{% block content %}

<div class="container">

	<form action="{{path_for(constant('GestionComedor\\Configuration\\Routers\\ReportRouters::REPORT_DELIVERY_DAY'))}}" method="GET"  >
		<h3 class="mt-2 mb-2">{{'menus'|trans}}</h3>
	<div class="row">
		<div class="col-md-4 text-center">
			<label for="dateDelivery">{{'select-delivery-day'|trans}}</label>
		</div>
		<div class="col-md-4 text-center">
			<input type="date" class="form-control text-center" id="dateDelivery" name="dateDelivery" {% if dateDelivery %}value="{{dateDelivery}}"{% endif %} required pattern="[0-9]{4}-[0-9]{2}-[0-9]{2}">
		</div>
		<div class="col-md-4 text-left">
			<input type="submit" class="btn btn-outline-success" value="{{'go'|trans}}" />
		</div>
	</div>	
	</form>

	{% if stats %}

	<div class="row pt-5">
		<div class="col-md-12">
			<table class="table table-striped table-hover">
				<thead>
					<th class="text-center">{{'line'|trans}}</th>
					<th class="text-center">{{'dish'|trans}}</th>
					<th class="text-center"># {{'reserves'|trans}}</th>
					<th class="text-center"># {{'take-away'|trans}}</th>
					<th class="text-center"># {{'not-take-away'|trans}}</th>
				</thead>
				<tbody>
					{% for stat in stats %}
						<tr>
						<td class="text-center" >{{stat.line}}</td>
						<td class="text-center" >{{stat.plate}}</td>
						<td class="text-center" >{{stat.reserves}}</td>
						<td class="text-center" >{{stat.takeAway}}</td>
						<td class="text-center" >{{stat.notTakeAway}}</td>
						</tr>
					{% endfor %}
				</tbody>
			</table>
		</div>
	</div>
	<div class="row">
		<div class="col-md-2">
			<a class="btn btn-outline-dark btn-sm" href="/reports/delivery/day/details/?dateDelivery={{dateDelivery}}">{{'details'|trans}}</a>
		</div>
		<div class="col-md-10"></div>
	</div>


	{% endif %}

<hr/>
	<form action="{{path_for(constant('GestionComedor\\Configuration\\Routers\\ReportRouters::REPORT_DELIVERY_DAY_SANDWICH'))}}" method="GET"  >
		<h3 class="mt-2 mb-2">{{'sandwiches'|trans}}</h3>
	<div class="row">
		<div class="col-md-4 text-center">
			<label for="dateDelivery">{{'select-delivery-day'|trans}}</label>
		</div>
		<div class="col-md-4 text-center">
			<input type="date" class="form-control text-center" id="dateDelivery" name="dateDelivery" {% if dateDelivery %}value="{{dateDelivery}}"{% endif %} required pattern="[0-9]{4}-[0-9]{2}-[0-9]{2}">
		</div>
		<div class="col-md-4 text-left">
			<input type="submit" class="btn btn-outline-success" value="{{'go'|trans}}" />
		</div>
	</div>	
	</form>

	{% if statsSandwich %}

	<div class="row pt-5">
		<div class="col-md-12">
			<table class="table table-striped table-hover">
				<thead>
					<th class="text-center">{{'name'|trans}}</th>
					<th class="text-center">{{'total'|trans}}</th>
					<th class="text-center">12:50</th>
					<th class="text-center">13:35</th>
					<th class="text-center">14:20</th>
					<th class="text-center">12:50 {{'picked'|trans}}</th>
					<th class="text-center">13:35 {{'picked'|trans}}</th>
					<th class="text-center">14:20 {{'picked'|trans}}</th>
					<th class="text-center">{{'picked'|trans}}</th>
				</thead>
				<tbody>
					{% for stat in statsSandwich %}
						<tr>
						<td class="text-center" >{{stat.name}}</td>
						<td class="text-center" >{{stat.total}}</td>
						{% if stat.total != 0 %}
							<td class="text-center" >{{stat.1250}}</td>
							<td class="text-center" >{{stat.1335}}</td>
							<td class="text-center" >{{stat.1420}}</td>
							<td class="text-center" >{{stat.picked1250}}</td>
							<td class="text-center" >{{stat.picked1335}}</td>
							<td class="text-center" >{{stat.picked1420}}</td>						
							<td class="text-center" >{{stat.picked}}</td>
						{% else %}
							<td class="text-center" ></td>
							<td class="text-center" ></td>
							<td class="text-center" ></td>
							<td class="text-center" ></td>
							<td class="text-center" ></td>
							<td class="text-center" ></td>						
							<td class="text-center" ></td>
						{% endif  %}
						</tr>
					{% endfor %}
				</tbody>
			</table>
		</div>
	</div>
	<div class="row">
		<div class="col-md-2">
			<a class="btn btn-outline-dark btn-sm" href="/reports/delivery/day/sandwich/csv/?dateDelivery={{dateDelivery}}">{{'details'|trans}}</a>
		</div>
		<div class="col-md-10"></div>
	</div>


	{% endif %}
</div>


{% endblock %}