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

{% block title %} Demand level-1 (product) | {{parent()}} {% endblock %}

{% block body %}
<h1 class="page-header-10">All demands (product level-1)</h1>
<div class="mb-3">
	<a href="{{path('imax_admin_demand_1_add')}}" class="btn btn-info"><i class="fa fa-plus"> Add level-1 (prod...)</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>Name</th>
				<th>Under-name</th>
				<th>Price</th>
				<th>Description</th>
				<th>Designer</th>
				<th>Details</th>
				<th>Info-complet</th>
				<th>Color</th>
				<th>Size</th>
				<th>Date and hour :</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.underName | raw}}</td>
					<td>{{entity.price}}</td>
					<td>
						<div data-component="toggle" data-handle-outside="" data-toggle-classname="show-more-intro-wrapper--full">
							<div class="show-more-intro-wrapper font-size-2" data-toggelable="">
								<p>{{entity.description | raw}}</p>
								<button class="btn btn-show-more btn-blue-only-text pb-1" data-clickable="">
			                       	 Read more...
		                        </button>
							</div>
						</div>
					</td>
					<td>
						<div data-component="toggle" data-handle-outside="" data-toggle-classname="show-more-intro-wrapper--full">
							<div class="show-more-intro-wrapper font-size-2" data-toggelable="">
								<p>{{entity.designer | raw}}</p>
								<button class="btn btn-show-more btn-blue-only-text pb-1" data-clickable="">
			                       	 Read more...
		                        </button>
							</div>
						</div>
					</td>
					<td>
						<div data-component="toggle" data-handle-outside="" data-toggle-classname="show-more-intro-wrapper--full">
							<div class="show-more-intro-wrapper font-size-2" data-toggelable="">
								<p>{{entity.details | raw}}</p>
								<button class="btn btn-show-more btn-blue-only-text pb-1" data-clickable="">
			                       	 Read more...
		                        </button>
							</div>
						</div>
					</td>
					<td>
						<div data-component="toggle" data-handle-outside="" data-toggle-classname="show-more-intro-wrapper--full">
							<div class="show-more-intro-wrapper font-size-2" data-toggelable="">
								<p>{{entity.infoComplementary | raw}}</p>
								<button class="btn btn-show-more btn-blue-only-text pb-1" data-clickable="">
			                       	 Read more...
		                        </button>
							</div>
						</div>
					</td>
					<td>{{entity.color.colorType}}</td>
					<td>{{entity.size.sizeType}}</td>
					<td>{{entity.date | date('d-M-Y')~' '~entity.time | date('H\\h:i')}}</td>
					<td>
						<a href="{{path('imax_admin_demand_1_edit',{'id': entity.id})}}" class="text-info"><i class="fa fa-edit"></i> Edit</a>
					</td>
				</tr>
				{%endfor%}
			</tbody>
		</table>
		<div class="admin-buttons">
			<button type="submit" class="btn btn-info" onclick="return confirm('Do you want to delete the selection ?');"><i class="fa fa-trash"></i> Delete the selection</button>
		</div>
	</div>
</form>
<div class="navigation mt-4">
    {{ knp_pagination_render(tab) }}
</div>

{% endblock %}