{% extends 'base.html.twig' %}

{% block title %}Liste des banques
{% endblock %}

{% block body %}
	<div class="wrapper-table">
		<h1>Liste des banques</h1>
		<a href="{{path("banques_creer-banque")}}" class="btn">
			<i class="fa-solid fa-circle-plus"></i>Créer une banque</a>
		{% if banques %}
			<table class="table-level-1">
				<thead>
					<th>Nom</th>
					<th>Nom agence</th>
					<th>Telephone 1</th>
					<th>Email</th>
					<th colspan="2"></th>
					<th>
						<i class="fa-regular fa-eye"></i>Voir comptes</th>
				</thead>

				<tbody>
					{% for banque in banques %}
						<tr>
							<td>
								<strong>{{banque.nombanque}}</strong>
							</td>
							<td data-label="Nom agence">{{banque.nomagence}}</td>
							<td data-label="Telephone">{{banque.telephone1}}</td>
							<td data-label="Mail">{{banque.email}}</td>

							<td data-label="Editer">
								<a href="{{path('banques_modifier-banque',{id:banque.id})}}">
									<i class="fa-regular fa-pen-to-square"></i>
								</a>
							</td>
							<td data-label="Supprimer">
								<a href="{{path('banques_supprimer-banque',{id:banque.id})}}">
									<i class="fa-regular fa-trash-can"></i>
								</a>
							</td>
							<td data-label="Voir comptes" colspan="3"><input type="checkbox" name="check" class="check">

							</td>
						</tr>
						<tr>
							<td colspan="7" width:"100%" class="compte-bancaires table-level-2">
								<table>
									{% for compte in banque.comptesBancaires %}
										<tr>
											<td>
												<a href="{{path('comptes-bancaires_modifier-compte-bancaire',{id:compte.id})}}">
													<i class="fa-regular fa-pen-to-square"></i>
												</a>
											</td>
											<td>
												<a href="#">
													<i class="fa-regular fa-trash-can"></i>
												</a>
											</td>
											<td colspan="2">{{compte.libellecompte}}</td>
											<td colspan="2">{{compte.titulaire}}</td>
										</tr>
									{% endfor %}
								</table>
							</td>
						</tr>

					{% endfor %}
				</tbody>

			{% else %}
				<p>Aucune banque n'est encore enregistrée dans la base</p>
			{% endif %}

		</table>
	{% endblock %}
	{% block javascripts %}
		<script src="{{asset('assets/js/tables.js')}}" defer></script>
	{% endblock %}