{% extends 'layouts/panel_layout.html.twig' %}

{% block title %}
Detalles de historico
{% endblock %}

{% block content %}
<div class="bg-dark m-b-30">
	<div class="container">
		<div class="row p-b-60 p-t-60">
			<div class="col-md-10 mx-auto text-center text-white p-b-30">
				<div class="m-b-20">
					<div class="avatar avatar-xl my-auto">
						<i class="icon-placeholder mdi mdi-tag-multiple" style="font-size: 5rem"></i>
					</div>
				</div>
				<h1>Detalles de historico</h1>
				<h4>Cantidad : {{log.cantidad}}</h4>
				<h4>Tipo : {{log.tipo}}</h4>
				<h6>fecha : {{log.fecha|date('d-m-Y')}}</h6>
				<h6>Rollback hecho : {{log.rollback ? 'No':'Si'}}</h6>
				<h6>Fecha de rollback : {{log.rollbackFecha ? log.rollbackFecha|date('d-m-Y  H:m:s'):'--'}}</h6>
			</div>
		</div>
	</div>
</div>

<div class="container-fluid pull-up pb-5 mb-5">

	<div class="row">
		<div class="col-12">
			<div class="card">
				<div class="card-body">
				<h3>Articulos modificados</h3>
					<div class="table-responsive p-t-10">
						<table class="table default-table nowrap" style="width:100%">
							<thead>
								<tr>
									<th>id</th>
                  <th>descripcion</th>
                  <th>genero</th>
                  <th>codigo</th>
                  <th>precio 1 (antes)</th>
                  <th>precio 2 (antes)</th>
									<th>precio 1 (despues)</th>
                  <th>precio 2 (despues)</th>
								</tr>
							</thead>
							<tbody>
							{% for articulo in articulos %}
								<tr>
									<td>{{articulo.id}}</td>
									<td>{{articulo.descripcion}}</td>
									<td>{{articulo.genero}}</td>
									<td>{{articulo.codigo}}</td>
									<td>{{articulo.precioOld}}</td>
									<td>{{articulo.precio2Old}}</td>
									<td>{{articulo.precioNew}}</td>
									<td>{{articulo.precio2New}}</td>
								</tr>
							{% endfor %}
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

{% endblock %}

{% block javascripts %}
{% endblock %}