{% extends 'base.html' %}

{% block menuapp %}

{% include 'macrociclos/_menu-macrociclos.html' %}

{% endblock menuapp %}

{% block content %}
		    <div class="container-xl">
			    <div class="row g-3 mb-4 align-items-center justify-content-between">
				    <div class="col-auto">
			            <h1 class="app-page-title mb-0">Macrociclos</h1>
				    </div>
			    </div><!--//row-->				
				<div class="col-auto">
					<div class="page-utilities">
					    <div class="row g-4 justify-content-start justify-content-md-end align-items-center">
						    <div class="col-auto">
							   <a class="btn app-btn-primary" href="{% url 'macrociclos:nuevo_macrociclo' %}">Añadir macrociclo</a>
						    </div>
					    </div><!--//row-->
				    </div><!--//table-utilities-->
			    </div><!--//col-auto-->


				<div class="app-card app-card-notification shadow-sm mb-4">
					<div class="app-card-body p-4">
									<table class="table app-table-hover mb-0 text-left">
										<thead>
											<tr>
												<th class="cell">Fecha</th>
												<th class="cell">Vehículo</th>
												<th class="cell">Kilómetros</th>
												<th class="cell">Litros</th>
												<th class="cell">Importe</th>
												<th class="cell">Descuento</th>
												<th class="cell">Precio por litro</th>
												<th class="cell">Kms recorridos</th>
												<th class="cell">Consumo/100 kms</th>
											</tr>
										</thead>
										{% for macrociclo in macrociclos %}

										<tbody>
											<tr>
												<td class="cell"><a href="{% url 'macrociclos:detalle_macrociclo' macrociclo.id %}">{{ macrociclo.fecha }}</a></td>
												<td class="cell"><a href="{% url 'macrociclos:detalle_vehiculo' macrociclo.vehiculo.id %}">{{ macrociclo.vehiculo.matricula }}</a></td>
												<td class="cell">{{ macrociclo.kms }}</td>
												<td class="cell">{{ macrociclo.litros }}</td>
												<td class="cell">{{ macrociclo.importe }} €</td>
												<td class="cell">{{ macrociclo.descuento }} €</td>
												<td class="cell">{{ macrociclo.precioxlitro }} €</td>
												<td class="cell">{{ macrociclo.kmsrecorridos }}</td>
												<td class="cell">{{ macrociclo.consumo }}</td>
											</tr>
										</tbody>
										{% endfor %}		
									</table>
				</div>
		    </div><!--//container-fluid-->
{% endblock %}
