{#
  Composant de gestion des fichiers attachés à une entité (evenement, evenement_ensemble).
  À inclure EN DEHORS du formulaire principal (HTML interdit les <form> imbriqués).

  Paramètres :
    files              : array renvoyé par l'API /entity-files/{type}/{id}
    typeEntite         : string (evenement | evenement_ensemble)
    idEntity           : int
    canManage          : bool (default true)
    inheritedNoteLabel : string (optionnel)
#}

{% set canManage = canManage ?? true %}
{% set inheritedNoteLabel = inheritedNoteLabel ?? "Hérité d'un ensemble parent" %}

<div class="card shadow-sm border-0 mb-4">
	<div class="card-body p-4">
		<h6 class="text-muted text-uppercase small fw-bold mb-4">
			<i class="fas fa-paperclip me-2"></i>Fichiers attachés
		</h6>

		{% if files is empty %}
			<p class="text-muted small mb-3">Aucun fichier attaché.</p>
		{% else %}
			<div class="table-responsive mb-3">
				<table class="table table-sm align-middle">
					<thead class="table-light">
						<tr>
							<th>Libellé</th>
							<th>Fichier</th>
							<th>Source</th>
							<th class="text-end">Actions</th>
						</tr>
					</thead>
					<tbody>
						{% for f in files %}
							<tr>
								<td>
									{% if canManage and f.source == 'own' %}
										<form method="POST" action="{{ ea_url().setRoute('entity_file_rename', {medId: f.medId, typeEntite: typeEntite, idEntity: idEntity}) }}" class="d-flex gap-1 align-items-center">
											<input type="text" name="label" value="{{ f.label|default(f.filename|default('')) }}" class="form-control form-control-sm" required maxlength="255">
											<button type="submit" class="btn btn-success" title="Enregistrer le titre">
												<i class="fas fa-save"></i>
											</button>
										</form>
									{% else %}
										{{ f.label|default(f.filename|default('—')) }}
									{% endif %}
								</td>
								<td class="small text-muted">{{ f.filename|default('—') }}</td>
								<td>
									{% if f.source == 'own' %}
										<span class="badge bg-secondary">Propre</span>
									{% elseif f.source == 'v5' %}
										<span class="badge bg-warning text-dark" title="Fichier joint dans la V5, resté sur son serveur : il ne se modifie pas ici">Fichier V5</span>
									{% else %}
										<span class="badge bg-info" title="{{ inheritedNoteLabel }}">
											<i class="fas fa-link me-1"></i>{{ inheritedNoteLabel }}
										</span>
									{% endif %}
								</td>
								<td class="text-end">
									{% if f.url %}
										<a href="{{ f.url }}" target="_blank" rel="noopener" class="btn btn-primary me-1" title="Ouvrir">
											<i class="fas fa-external-link-alt"></i>
										</a>
									{% endif %}
									{% if f.pimcoreDeeplink %}
										<a href="{{ f.pimcoreDeeplink }}" target="_blank" rel="noopener" class="btn btn-secondary me-1" title="Pimcore">
											<i class="fas fa-edit"></i>
										</a>
									{% endif %}
									{% if canManage and f.source == 'own' %}
										<form method="POST" action="{{ ea_url().setRoute('entity_file_delete', {medId: f.medId, typeEntite: typeEntite, idEntity: idEntity}) }}" class="d-inline" onsubmit="return confirm('Supprimer ce fichier ?');">
											<button type="submit" class="btn btn-danger" title="Supprimer">
												<i class="fas fa-trash"></i>
											</button>
										</form>
									{% endif %}
								</td>
							</tr>
						{% endfor %}
					</tbody>
				</table>
			</div>
		{% endif %}

		{% if canManage %}
			<form method="POST"
				  action="{{ path('entity_file_upload', {typeEntite: typeEntite, idEntity: idEntity}) }}"
				  enctype="multipart/form-data"
				  {{ stimulus_controller('entity-files') }}>
				<div {{ stimulus_target('entity-files', 'list') }}>
					{# Ligne statique par défaut : reste utilisable même si Stimulus ne démarre pas #}
					<div class="row g-2 align-items-end mb-2" data-entity-files-row>
						<div class="col-12 col-md-5">
							<label class="form-label small text-muted mb-1">Libellé</label>
							<input type="text" name="labels[]" class="form-control form-control-sm" placeholder="Ex : Contrat, Fiche technique...">
						</div>
						<div class="col-12 col-md-5">
							<label class="form-label small text-muted mb-1">Fichier</label>
							<input type="file" name="files[]" class="form-control form-control-sm" required>
						</div>
						<div class="col-12 col-md-2 d-grid">
							<button type="button" class="btn btn-danger btn-sm" {{ stimulus_action('entity-files', 'remove') }}>
								<i class="fas fa-times me-1"></i>Retirer
							</button>
						</div>
					</div>
				</div>

				<p class="text-muted small d-none" {{ stimulus_target('entity-files', 'empty') }}>
					Cliquez sur "Ajouter un fichier" pour commencer.
				</p>

				<template {{ stimulus_target('entity-files', 'template') }}>
					<div class="row g-2 align-items-end mb-2" data-entity-files-row>
						<div class="col-12 col-md-5">
							<label class="form-label small text-muted mb-1">Libellé</label>
							<input type="text" name="labels[]" class="form-control form-control-sm" placeholder="Ex : Contrat, Fiche technique...">
						</div>
						<div class="col-12 col-md-5">
							<label class="form-label small text-muted mb-1">Fichier</label>
							<input type="file" name="files[]" class="form-control form-control-sm" required>
						</div>
						<div class="col-12 col-md-2 d-grid">
							<button type="button" class="btn btn-danger btn-sm" {{ stimulus_action('entity-files', 'remove') }}>
								<i class="fas fa-times me-1"></i>Retirer
							</button>
						</div>
					</div>
				</template>

				<div class="d-flex justify-content-between align-items-center mt-3 gap-2">
					<button type="button" class="btn btn-secondary btn-sm" {{ stimulus_action('entity-files', 'add') }}>
						<i class="fas fa-plus me-1"></i>Ajouter un fichier
					</button>
					<button type="submit" class="btn btn-success btn-sm">
						<i class="fas fa-upload me-1"></i>Uploader les fichiers
					</button>
				</div>

				<small class="text-muted d-block mt-2">
					Chaque fichier a son propre libellé. pdf, doc, xls, png, jpg, zip, etc. — 15 Mo max par fichier.
				</small>
			</form>
		{% endif %}
	</div>
</div>