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

{% block page_title %}
	Édition adhérent | BO
{% endblock %}

{% block name_title_page_top %}
	<i class="fa-solid fa-edit"></i> Édition de l'adhérent #{{ adherent.adhId }}
{% endblock %}

{% block real_page_content %}

	<div class="tab-pane fade show active" role="tabpanel">
		<!-- Informations adhérent -->
		<div class="card mb-4">
			<div class="card-body">
				<div class="d-flex justify-content-between align-items-center mb-3">
					<h5 class="card-title mb-0">Informations de l'adhérent</h5>
					<a href="{{ ea_url().setRoute('association_adherents') }}" class="btn btn-secondary">
						<i class="fas fa-arrow-left"></i> Retour à la liste
					</a>
				</div>

				<form action="{{ ea_url().setRoute('association_adherent_editer', {id: adherent.adhId}) }}" method="POST" class="row mb-3"
				      {{ stimulus_controller('geolocale-select', {apiUrl: api_url}) }}>

					<!-- Infos auto-générées (readonly) -->
					<div class="col-12 col-md-4">
						<div class="mb-3">
							<label class="form-label">Numéro d'adhérent</label>
							<input type="text" class="form-control" value="{{ adherent.adhNumero }}" readonly disabled>
						</div>
					</div>
					<div class="col-12 col-md-4">
						<div class="mb-3">
							<label class="form-label">Code TK</label>
							<input type="text" class="form-control" value="{{ adherent.adhTkCode }}" readonly disabled>
						</div>
					</div>
					<div class="col-12 col-md-4">
						<div class="mb-3">
							<label class="form-label">Date d'ajout</label>
							<input type="text" class="form-control" value="{{ adherent.adhDateAjout|date('d/m/Y H:i') }}" readonly disabled>
						</div>
					</div>

					<!-- Type d'adhérent -->
					<div class="col-12 col-md-6">
						<div class="mb-3">
							<label for="select-adhTad" class="form-label">Type d'adhérent <span class="text-danger">*</span></label>
							<select class="form-select" id="select-adhTad" name="form[adhTad]" required>
								<option value="">Sélectionner un type</option>
								{% for t in typesAdherents %}
									<option value="{{ t.tadId }}" {% if adherent.adhTad and adherent.adhTad.tadId == t.tadId %} selected {% endif %}>{{ t.tadLibelle }}</option>
								{% endfor %}
							</select>
						</div>
					</div>
					<div class="col-12 col-md-6"></div>

					<!-- Nom et Prénom -->
					<div class="col-12 col-md-6">
						<div class="mb-3">
							<label for="input-adhNom" class="form-label">Nom <span class="text-danger">*</span></label>
							<input type="text" class="form-control" id="input-adhNom" name="form[adhNom]" value="{{ adherent.adhNom }}" required>
						</div>
					</div>
					<div class="col-12 col-md-6">
						<div class="mb-3">
							<label for="input-adhPrenom" class="form-label">Prénom</label>
							<input type="text" class="form-control" id="input-adhPrenom" name="form[adhPrenom]" value="{{ adherent.adhPrenom }}">
						</div>
					</div>

					<!-- Nom personne morale -->
					<div class="col-md-12">
						<div class="mb-3">
							<label for="input-adhNomasso" class="form-label">Nom de la personne morale</label>
							<input type="text" class="form-control" id="input-adhNomasso" name="form[adhNomasso]" value="{{ adherent.adhNomasso }}">
						</div>
					</div>

					<!-- Adresse -->
					<div class="col-md-12">
						<div class="mb-3">
							<label for="input-adhAdresse1" class="form-label">Adresse ligne 1</label>
							<input type="text" class="form-control" id="input-adhAdresse1" name="form[adhAdresse1]" value="{{ adherent.adhAdresse1 }}">
						</div>
					</div>
					<div class="col-md-12">
						<div class="mb-3">
							<label for="input-adhAdresse2" class="form-label">Adresse ligne 2</label>
							<input type="text" class="form-control" id="input-adhAdresse2" name="form[adhAdresse2]" value="{{ adherent.adhAdresse2 }}">
						</div>
					</div>
					<div class="col-12 col-md-4">
						<div class="mb-3">
							<label for="input-adhCodepostal" class="form-label">Code postal</label>
							<input type="text" class="form-control" id="input-adhCodepostal" name="form[adhCodepostal]" value="{{ adherent.adhCodepostal }}">
						</div>
					</div>
					<div class="col-12 col-md-8">
						<div class="mb-3">
							<label for="select-adhVil" class="form-label">Ville</label>
							<select id="select-adhVil" name="form[adhVil]" class="form-control">
								{% if adherent.adhVil %}
									<option value="{{ adherent.adhVil.vilId }}" selected>{{ adherent.adhVil.vilNom }} ({{ adherent.adhVil.vilCp }})</option>
								{% endif %}
							</select>
						</div>
					</div>

					<!-- Contact -->
					<div class="col-12 col-md-6">
						<div class="mb-3">
							<label for="input-adhEmail" class="form-label">Email</label>
							<input type="email" class="form-control" id="input-adhEmail" name="form[adhEmail]" value="{{ adherent.adhEmail }}">
						</div>
					</div>
					<div class="col-12 col-md-3">
						<div class="mb-3">
							<label for="input-adhTelephone" class="form-label">Téléphone</label>
							<input type="text" class="form-control" id="input-adhTelephone" name="form[adhTelephone]" value="{{ adherent.adhTelephone }}">
						</div>
					</div>
					<div class="col-12 col-md-3">
						<div class="mb-3">
							<label for="input-adhMobile" class="form-label">Mobile</label>
							<input type="text" class="form-control" id="input-adhMobile" name="form[adhMobile]" value="{{ adherent.adhMobile }}">
						</div>
					</div>

					<!-- Flags -->
					<div class="col-12 col-md-6">
						<div class="mb-3">
							<div class="form-check">
								<input class="form-check-input" type="checkbox" id="check-adhCourrier" name="form[adhCourrier|int]" value="1" {% if adherent.adhCourrier == 1 %} checked {% endif %}>
								<label class="form-check-label" for="check-adhCourrier">
									Accepte les courriers
								</label>
							</div>
						</div>
					</div>
					<div class="col-12 col-md-6">
						<div class="mb-3">
							<div class="form-check">
								<input class="form-check-input" type="checkbox" id="check-adhErreur" name="form[adhErreur|int]" value="1" {% if adherent.adhErreur == 1 %} checked {% endif %}>
								<label class="form-check-label" for="check-adhErreur">
									Adresse NPAI
								</label>
							</div>
						</div>
					</div>

					<!-- Note -->
					<div class="col-md-12">
						<div class="mb-3">
							<label for="input-adhNote" class="form-label">Note</label>
							<textarea class="form-control" id="input-adhNote" name="form[adhNote]" rows="3">{{ adherent.adhNote }}</textarea>
						</div>
					</div>

					<!-- Submit -->
					<div class="col-12 text-center mt-3">
						<button class="btn btn-success" type="submit">
							<i class="fas fa-save"></i> Enregistrer les modifications
						</button>
					</div>
				</form>
			</div>
		</div>

		<!-- Section Adhésions -->
		<div class="card mb-4">
			<div class="card-body">
				<div class="d-flex justify-content-between align-items-center mb-3">
					<h5 class="card-title mb-0">Adhésions</h5>
					<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#addAdhesionModal">
						<i class="fas fa-plus"></i> Ajouter une adhésion
					</button>
				</div>

				<div class="table-responsive">
					<table class="table table-striped table-hover align-middle">
						<thead>
							<tr>
								<th>Exercice</th>
							<th>Type</th>
							<th>Cotisation</th>
							<th>Don</th>
							<th>Règlement</th>
							<th>Date adhésion</th>
							<th>Carte éditée</th>
							<th>Actions</th>
						</tr>
					</thead>
					<tbody>
						{% if adhesions|length == 0 %}
							<tr class="table-warning">
								<td colspan="8">Aucune adhésion pour cet adhérent.</td>
							</tr>
						{% endif %}
						{% for ads in adhesions %}
							<tr>
								<td><strong>{{ ads.adsExercice }}</strong></td>
								<td>
									{% if ads.adsCotisation > 0 and ads.adsDon > 0 %}
										<span class="badge bg-success">ADH+DON</span>
									{% elseif ads.adsCotisation > 0 %}
										<span class="badge bg-primary">ADH</span>
									{% elseif ads.adsDon > 0 %}
										<span class="badge bg-info">DON</span>
									{% endif %}
								</td>
								<td>{{ ads.adsCotisation|number_format(2, ',', ' ') }} €</td>
								<td>{{ ads.adsDon }} €</td>
								<td>
									{% if ads.adsTrg %}
										{{ ads.adsTrg.trgLibelle }}
									{% endif %}
								</td>
								<td>{{ ads.adsDateAdhesion|date('d/m/Y') }}</td>
								<td>
									{% if ads.adsCarte == 1 %}
										<i class="fas fa-check text-success"></i>
									{% else %}
										<i class="fas fa-times text-danger"></i>
									{% endif %}
								</td>
								<td>
									<button type="button" class="btn btn-sm btn-warning" data-bs-toggle="modal" data-bs-target="#editAdhesionModal{{ ads.adsId }}" title="Éditer">
										<i class="fas fa-edit"></i>
									</button>
									<a href="{{ ea_url().setRoute('association_adherent_receipt', {id: adherent.adhId, year: ads.adsExercice}) }}" class="btn btn-sm btn-info" title="Reçu fiscal" target="_blank">
										<i class="fas fa-file-pdf"></i>
									</a>
									<a href="{{ ea_url().setRoute('association_adherent_invoice', {id: adherent.adhId, year: ads.adsExercice}) }}" class="btn btn-sm btn-secondary" title="Facture" target="_blank">
										<i class="fas fa-file-invoice"></i>
									</a>
									<button type="button" class="btn btn-sm btn-danger" data-bs-toggle="modal" data-bs-target="#deleteAdhesionModal{{ ads.adsId }}" title="Supprimer">
										<i class="fas fa-trash"></i>
									</button>
								</td>
							</tr>

							<!-- Modal Edit Adhesion -->
							<div class="modal fade" id="editAdhesionModal{{ ads.adsId }}" tabindex="-1">
								<div class="modal-dialog">
									<div class="modal-content">
										<form action="{{ ea_url().setRoute('association_adhesion_editer', {id: ads.adsId}) }}" method="POST">
											<div class="modal-header">
												<h5 class="modal-title">Modifier l'adhésion {{ ads.adsExercice }}</h5>
												<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
											</div>
											<div class="modal-body">
												<input type="hidden" name="form[adsAdh]" value="{{ adherent.adhId }}">
												<div class="mb-3">
													<label class="form-label">Exercice</label>
													<input type="number" class="form-control" name="form[adsExercice|int]" value="{{ ads.adsExercice }}" required>
												</div>
												<div class="row">
													<div class="col-12 col-md-6">
														<div class="mb-3">
															<label class="form-label">Cotisation (€)</label>
															<input type="number" step="0.01" class="form-control" name="form[adsCotisation|float]" value="{{ ads.adsCotisation }}">
														</div>
													</div>
													<div class="col-12 col-md-6">
														<div class="mb-3">
															<label class="form-label">Don (€)</label>
															<input type="number" class="form-control" name="form[adsDon|int]" value="{{ ads.adsDon }}">
														</div>
													</div>
												</div>
												<div class="mb-3">
													<label class="form-label">Type de règlement</label>
													<select class="form-select" name="form[adsTrg]">
														<option value="">Sélectionner</option>
														{% for trg in typesReglements %}
															<option value="{{ trg.trgId }}" {% if ads.adsTrg and ads.adsTrg.trgId == trg.trgId %} selected {% endif %}>{{ trg.trgLibelle }}</option>
														{% endfor %}
													</select>
												</div>
												<div class="mb-3">
													<label class="form-label">Date d'adhésion</label>
													<input type="date" class="form-control" name="form[adsDateAdhesion]" value="{{ ads.adsDateAdhesion|date('Y-m-d') }}">
												</div>
												<div class="row">
													<div class="col-12 col-md-6">
														<div class="mb-3">
															<label class="form-label">N° chèque</label>
															<input type="text" class="form-control" name="form[adsDetailsCheque]" value="{{ ads.adsDetailsCheque }}">
														</div>
													</div>
													<div class="col-12 col-md-6">
														<div class="mb-3">
															<label class="form-label">Nom sur chèque</label>
															<input type="text" class="form-control" name="form[adsChequePorteur]" value="{{ ads.adsChequePorteur }}">
														</div>
													</div>
												</div>
											</div>
											<div class="modal-footer">
												<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
												<button type="submit" class="btn btn-primary">Enregistrer</button>
											</div>
										</form>
									</div>
								</div>
							</div>

							<!-- Modal Delete Adhesion -->
							<div class="modal fade" id="deleteAdhesionModal{{ ads.adsId }}" tabindex="-1">
								<div class="modal-dialog">
									<div class="modal-content">
										<form action="{{ ea_url().setRoute('association_adhesion_delete', {id: ads.adsId}) }}" method="POST">
											<div class="modal-header">
												<h5 class="modal-title text-danger">Supprimer l'adhésion {{ ads.adsExercice }}</h5>
												<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
											</div>
											<div class="modal-body">
												<p>Êtes-vous sûr de vouloir supprimer cette adhésion ?</p>
												<input type="hidden" name="delete" value="Oui">
												<input type="hidden" name="adhId" value="{{ adherent.adhId }}">
											</div>
											<div class="modal-footer">
												<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
												<button type="submit" class="btn btn-danger">Supprimer</button>
											</div>
										</form>
									</div>
								</div>
							</div>
						{% endfor %}
					</tbody>
					</table>
				</div>
			</div>
		</div>

		<!-- Modal Add Adhesion -->
		<div class="modal fade" id="addAdhesionModal" tabindex="-1">
			<div class="modal-dialog">
				<div class="modal-content">
					<form action="{{ ea_url().setRoute('association_adhesion_creer') }}" method="POST">
						<div class="modal-header">
							<h5 class="modal-title">Ajouter une adhésion</h5>
							<button type="button" class="btn-close" data-bs-dismiss="modal"></button>
						</div>
						<div class="modal-body">
							<input type="hidden" name="form[adsAdh]" value="{{ adherent.adhId }}">
							<div class="mb-3">
								<label class="form-label">Exercice <span class="text-danger">*</span></label>
								<input type="number" class="form-control" name="form[adsExercice|int]" value="{{ 'now'|date('Y') }}" required>
							</div>
							<div class="row">
								<div class="col-12 col-md-6">
									<div class="mb-3">
										<label class="form-label">Cotisation (€)</label>
										<input type="number" step="0.01" class="form-control" name="form[adsCotisation|float]" value="0">
									</div>
								</div>
								<div class="col-12 col-md-6">
									<div class="mb-3">
										<label class="form-label">Don (€)</label>
										<input type="number" class="form-control" name="form[adsDon|int]" value="0">
									</div>
								</div>
							</div>
							<div class="mb-3">
								<label class="form-label">Type de règlement</label>
								<select class="form-select" name="form[adsTrg]">
									<option value="">Sélectionner</option>
									{% for trg in typesReglements %}
										<option value="{{ trg.trgId }}">{{ trg.trgLibelle }}</option>
									{% endfor %}
								</select>
							</div>
							<div class="mb-3">
								<label class="form-label">Date d'adhésion</label>
								<input type="date" class="form-control" name="form[adsDateAdhesion]" value="{{ 'now'|date('Y-m-d') }}">
							</div>
							<div class="row">
								<div class="col-12 col-md-6">
									<div class="mb-3">
										<label class="form-label">N° chèque</label>
										<input type="text" class="form-control" name="form[adsDetailsCheque]">
									</div>
								</div>
								<div class="col-12 col-md-6">
									<div class="mb-3">
										<label class="form-label">Nom sur chèque</label>
										<input type="text" class="form-control" name="form[adsChequePorteur]">
									</div>
								</div>
							</div>
						</div>
						<div class="modal-footer">
							<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
							<button type="submit" class="btn btn-primary">Créer l'adhésion</button>
						</div>
					</form>
				</div>
			</div>
		</div>

		<!-- Logs -->
		{% if logsEntity is defined and logsEntity|length > 0 %}
			<div class="card mb-4">
				<div class="card-body">
					<h5 class="card-title">Historique des modifications</h5>
					{% include 'components/_logsUniqueEntity.html.twig' with {logsEntity: logsEntity} %}
				</div>
			</div>
		{% endif %}

		<!-- Zone Danger -->
		<div class="card border-danger">
			<div class="card-body">
				<h5 class="card-title text-danger">Zone danger</h5>
				<p>La suppression d'un adhérent entraîne la suppression de toutes ses adhésions.</p>
				<a href="{{ ea_url().setRoute('association_adherent_delete', {id: adherent.adhId}) }}" class="btn btn-danger">
					<i class="fas fa-trash"></i> Supprimer cet adhérent
				</a>
			</div>
		</div>
	</div>

{% endblock %}