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

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

{% block body %}
<h1 class="page-header-10">All sections</h1>
<div class="mb-3">
	<a href="{{path('imax_admin_section_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>Column 1</th>
				<th>Column 2</th>
				<th>Column 3</th>
				<th>Column 4</th>
				<th width="107px">Options</th>
			</thead>
			<tbody>
				{%for entity in sections%}
				<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.title | raw}}
						{%if entity.background is not null%}
							<img src="{{asset(entity.getWebPath())}}" width="60" height="60">
						{%endif%}
					</td>
					<td>{{entity.description | truncate(255, '...') | raw}}</td>
					<td>
						{%if entity.subtitle1 is not null%}
						<h5>{{entity.subtitle1}}</h5>
						{%endif%}
						{%if entity.text1 is not null%}
						<p>{{entity.text1 | truncate(75,'...') | raw}}</p>
						{%endif%}
					</td>
					<td>
						{%if entity.subtitle2 is not null%}
						<h5>{{entity.subtitle2}}</h5>
						{%endif%}
						{%if entity.text2 is not null%}
						<p>{{entity.text2 | truncate(75,'...') | raw}}</p>
						{%endif%}
					</td>
					<td>
						{%if entity.subtitle1 is not null%}
						<h5>{{entity.subtitle3}}</h5>
						{%endif%}
						{%if entity.text3 is not null%}
						<p>{{entity.text3 | truncate(75,'...') | raw}}</p>
						{%endif%}
					</td>
					<td>
						{%if entity.subtitle4 is not null%}
						<h5>{{entity.subtitle4}}</h5>
						{%endif%}
						{%if entity.text4 is not null%}
						<p>{{entity.text4 | truncate(75,'...') | raw}}</p>
						{%endif%}
					</td>
					<td>
						<a href="{{path('imax_admin_section_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 selection ?');"><i class="fa fa-trash"></i> Delete the selection</button>
		</div>
	</div>
</form>
<div class="navigation mt-4">
    {{ knp_pagination_render(sections) }}
</div>
{% endblock %}