<div data-image--delete-img-modal-target="dialog" class="hidden fixed inset-0 z-50 items-center justify-center bg-black/50 p-4">

	<div class="bg-white rounded-lg p-6 w-full max-w-md">
		<h3 class="text-lg font-semibold text-gray-900 mb-4">Supprimer l'image</h3>
		<p class="text-sm text-gray-500 mb-6">
			Êtes-vous sûr de vouloir supprimer cette image ? Cette action est irréversible.
		</p>

		<div class="flex justify-end space-x-2">
			<button type="button" data-action="image--delete-img-modal#close" class="bg-gray-200 text-gray-900 px-3 py-2 rounded hover:bg-gray-300">
				Annuler
			</button>

			<form method="post" data-image--delete-img-modal-target="form">
				<input type="hidden" name="_token" data-image--delete-img-modal-target="token">
				<button type="submit" class="bg-red-600 text-white px-3 py-2 rounded hover:bg-red-500">
					Supprimer
				</button>
			</form>
		</div>
	</div>
</div>
