{% extends 'layouts/base.html.twig' %}
{% block titleHeader %}{{ 'schools'|trans }}{% endblock %}
{% block breadcrumb %}<div class="breadcrumb-item">{{ 'schools'|trans }}</div>{% endblock %}
{% block body %}
	<div class="text-end mb-3">
		<a class="btn btn-xs btn-primary ajax" href="#" data-toggle="modal"  data-href="{{ path('app_school_new' ) }}">
			<span>  <i class="fa fa-plus bigger-110 blue"></i> {{ 'add'|trans }} </span>
		</a>
	</div>

	<div class="card">
		<div class="card-body p-0">
			<div class="table-responsive">
				<table  class="table table-striped table-bordered">
					<thead>
					<tr>
						<th>{{ "name" | trans }}</th>
						<th>{{ "actions" | trans }}</th>
					</tr>
					</thead>
					<tbody>
					{% for school in schools %}
						<tr>
							<td>{{ school.name }}</td>
							
							<td>
								<a
										href="#" data-toggle="modal" data-href="{{ path('app_school_edit', {'id': school.id}) }}"
										class="action btn btn-icon btn-sm btn-primary text-white mr-1 ajax"
										data-original-title="Modifier">
									<i class="fas fa-pencil-alt"></i>
								</a>
								
							</td>
						</tr>
					{% endfor %}
					</tbody>
				</table>
			</div>
		</div>
	</div>
{% endblock %}