{% if deleteId and name and designation and route and editRoute %}
<a class="card-link" href="{{ editRoute ~ '?refRoute=' ~ refId}}">
    <i class="fas fa-pencil fa-lg"></i>
</a>
{% if route == 'user' and deleteId == app.user.id %}

{% else %}
<!-- Modal -->
<!-- Button trigger modal -->
<a class="card-link trashIcon" data-bs-toggle="modal" data-bs-target="#confirmModal-{{ deleteId }}">
    <i class="fas fa-trash fa-lg"></i>
</a>
<div class="modal fade" id="confirmModal-{{ deleteId }}" tabindex="-1" aria-labelledby="confirmModal-{{ deleteId }}Label" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="confirmModal-{{ deleteId }}Label">Confirmation</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                Êtes-vous sûre de vouloir supprimer ce {{ designation }} ?
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
                <button id="confirmDelete" data-bs-dismiss="modal" data-id="{{ deleteId }}" data-route="{{ route }}" data-refid="{{ refId }}" type="submit" class="btn btn-primary">Supprimer {{ name }}</button>
            </div>
        </div>
    </div>
</div>
{% endif %}
{% endif %}
{% block javascripts %}
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const trashIcons = document.querySelectorAll('.trashIcon');
            if(trashIcons) {
                trashIcons.forEach(trashIcon => {
                    trashIcon.addEventListener('click', () => {
                        const confirmDeleteButtons = document.querySelectorAll('#confirmDelete');
                        if(confirmDeleteButtons) {
                            confirmDeleteButtons.forEach(function(button) {
                                button.addEventListener('click', function() {
                                    // Récupérer le contenu de l'attribut data-id
                                    let dataIdValue = this.dataset.id;
                                    let dataRouteValue = this.dataset.route;
                                    let dataRefidValue = this.dataset.refid;
                                    console.log(dataRefidValue);
                                    // Rediriger vers le chemin spécifique
                                    window.location.href = '/'+ dataRouteValue +'/delete/' + dataIdValue + '?refId=' + dataRefidValue;
                                });
                            });
                        } 
                    })
                });
            }
        })
    </script>
{% endblock %}