{% extends "base-admin.html.twig" %}

{% block title %}All products | {{parent()}} {% endblock %}

{% block body %}
<h1 class="page-header-10">All products</h1>
<div class="mb-3">
	<a href="{{path('imax_admin_product_add')}}" class="btn btn-info"><i class="fa fa-plus"> Add</i></a>
</div>
<form method="POST">
	<div class="table-responsive">
		<table class="table table-bordered">
			<thead>
				<th width="30px" style="border-right:none"></th>
				<th style="border-left:none">#ID</th>
				<th>Title</th>
				<th>Description</th>
				<th>Category</th>
				<th>Picture</th>
				<th>Date</th>
				<th>Etat</th>
				<th width="107px">Options</th>
			</thead>
			<tbody>
				{%for entity in tab%}
				<tr>
					<td style="border-right:none"><input type="checkbox" name="del[]" value="{{entity.id}}"></td>
					<td style="border-left:none">{{entity.id}}</td>
					<td>{{entity.name}}</td>
					<td>{{entity.description}}</td>
					<td>{{entity.category.name}}</td>
					<td>
						{%if entity.img is not null%}
							<img src="{{asset(entity.getWebPath())}}" alt="{{entity.name}}" style="max-width: 80px">
						{%endif%}
					</td>
					<td>{{entity.date | date('d/m/y à H\\h:i')}}</td>
					<td>
						{%if entity.state%}published{%else%} no published {%endif%}
					</td>
					<td>
						<a href="{{path('imax_admin_product_edit',{'id':entity.id})}}" class="text-info"><i class="fa fa-edit"></i> Edit</a>
					</td>
				</tr>
				{%endfor%}
			</tbody>
		</table>
		<div>
			<button type="submit" class="btn btn-info" onclick="return confirm('Do you want to delete the product ?');"><i class="fa fa-trash"></i> Delete the selection</button>
		</div>
	</div>
</form>
<div class="navigation mt-4">
    {{ knp_pagination_render(tab) }}
</div>
{% endblock %}