{% extends "artiste/artiste.html.twig" %}
{% block title %}
	Gestion de
	{{band.fmuAen.aenLibelle}}
	| BO
{% endblock %}

{% block section %}


	<div class="tab-pane fade show active" role="tabpanel">
		<div class="card">
			<div class="card-header">
				<h5 class="card-title">Edition d'un groupe</h5>
			</div>
			<div class="card-body">
				<table class="w-100">
					<tr class="w-100">
						<th class="w-25">Nom</th>
						<td class="w-75">{{band.fmuAen.aenLibelle}}</td>
					</tr>
				</table>
				<div class="text-center mt-5">
					<a href="{{path('annuaire_entree_editer', {id: band.fmuAen.aenId})}}" class=" btn btn-warning btn-lg">Voir l'annuaire Entrée</a>
				</div>
			</div>
		</div>
		<div class="card">
			<div class="card-header row">
				<div class="col-md-6">
					<h5 class="card-title">Liste des membres</h5>
				</div>
				<div
					class="col-md-6 text-end">

					<!-- BEGIN primary modal -->
					<button type="button" class="btn btn-success btn-lg" data-bs-toggle="modal" data-bs-target="#modal-add-members">
						Ajouter un Membre >>>
					</button>
					<div class="modal fade" id="modal-add-members" tabindex="-1" role="dialog" aria-hidden="true">
						<div class="modal-dialog modal-dialog-centered modal-lg" role="document">
							<div class="modal-content">
								<div class="modal-header">
									<h5 class="modal-title">Ajouter un artiste au groupe
										{{band.fmuAen.aenLibelle}}</h5>
									<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
								</div>
								<form action="{{path('artistes_formation_add_member', {'idBand': band.fmuId}) }}" method="POST">
									<div class="modal-body m-3">
										<select id="select-member-to-band" name="form[newMember]" placeholder="Rechercher un membre..."></select>
										<select id="select-ins-to-member" name="form[insMember]" class="form-control mt-4" placeholder="Selectionner un instrument...">
											{% for ins in instruments %}
												<option value="/socle_instruments/{{ins.insId}}">{{ins.insNom}}</option>
											{% endfor %}
										</select>
									</div>
									<div class="modal-footer">
										<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
										<button type="submit" class="btn btn-success">Valider</button>
									</div>
								</form>
							</div>
						</div>
					</div>
					<!-- END primary modal -->
				</div>
			</div>

			{% if band.fmuLfa is defined  %}
				<div class="table-responsive">
					<table class="table table-striped">
						<thead>
							<tr>
								<th>Nom</th>
								<th>Instrument</th>
								<th>Début</th>
								<th>Fin</th>
								<th>Remplacant</th>
								<th>Invité</th>
								<th>Actions</th>
							</tr>
						</thead>
						<tbody>
							{% for m in band.fmuLfa %}
								<tr>
									<form action="{{path('artistes_formation_update_member', {idBand: band.fmuId ,lfaId: m.lfaId}) }}" method="POST">
										<td>
											<a href="{{path('annuaire_entree_editer', {id: m.lfaAen.aenId})}}">
												{{ m.lfaAen.aenPatronyme }}
												{{m.lfaAen.aenPrenom}}
											</a>
										</td>
										<td>
											<select name="form[lfaIns]">
												{% for ins in instruments %}
													<option value="/socle_instruments/{{ins.insId}}" {% if ins.insId == m.lfaIns.insId %} selected {% endif %}>{{ins.insNom}}</option>
												{% endfor %}
											</select>
										</td>
										<td>
											<input type="text" name="form[lfaDepuis]" id="" {% if m.lfaDepuis is defined %} value="{{m.lfaDepuis}}" {% endif %} placeholder="Année de début">
										</td>
										<td>
											<input type="text" name="form[lfaJusqua]" id="" {% if m.lfaJusqua is defined %} value="{{m.lfaJusqua}}" {% endif %} placeholder="Année de Fin">
										</td>
										<td>
											<div class="form-check form-switch">
												<input class="form-check-input mx-auto" type="checkbox" name="form[lfaRemplace]" {% if m.lfaRemplace is defined and m.lfaRemplace == 1 %} checked {% endif %} value="1">
											</div>
										</td>
										<td>
											<div class="form-check form-switch">
												<input class="form-check-input mx-auto" type="checkbox" name="form[lfaInvite]" {% if m.lfaInvite is defined and m.lfaInvite == 1 %} checked {% endif %} value="1">
											</div>
										</td>
										<td class="table-action">
											<button type="submit" class="btn ">
												<i class="align-middle text-success" data-feather="check"></i>
											</button>
											<a href="{{path('artistes_formation_delete_member', {idBand:band.fmuId , lfaId:m.lfaId})}}">
												<i class="align-middle text-danger" data-feather="trash"></i>
											</a>
										</td>
									</form>
								</tr>
							{% endfor %}
						</tbody>
					</table>
				</div>
			{% endif %}
		</div>
	</div>
	{% include "components/_logsUniqueEntity.html.twig" %}
{% endblock %}