{{ define "delete_clan" }}

<div class="modal fade" id="deleteClanModal" tabindex="-1">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h1 class="modal-title fs-3 text-danger fw-bold" id="deleteClanModalLabel">Clan löschen</h1>
                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
            </div>
            <div class="modal-body fs-5">
                Möchtest du den Clan <span class="text-warning fw-bold" id="clan"></span> wirklich löschen?
                <br><br>
                Die Aktion kann nicht rückgängig gemacht werden.
            </div>
            <div class="modal-footer">
                <button type="submit" name="submit" class="btn btn-lg btn-danger">Löschen</button>
                <button type="button" class="btn btn-lg btn-secondary" data-bs-dismiss="modal">Abbrechen</button>
            </div>
        </div>
    </div>
</div>

<script lang="javascript">
    document.addEventListener('DOMContentLoaded', function() {
        const deleteClanModal = document.getElementById('deleteClanModal')
        const deleteClanModalBS = new bootstrap.Modal('#deleteClanModal');

        if (deleteClanModal) {
            deleteClanModal.addEventListener('show.bs.modal', event => {
                const [clanList, otherClanList] = getClanLists(event);

                const selectedClan = clanList.options[clanList.selectedIndex].text;
                const modalBodyInput = deleteClanModal.querySelector('#clan');
                modalBodyInput.innerText = selectedClan;

                const submitButton = deleteClanModal.querySelector('button[name="submit"]');
                submitButton.addEventListener('click', function () {
                    const clanId = parseInt(clanList.value);

                    fetch("/clan/" + clanId, {
                        method: "DELETE",
                        headers: {
                            "Content-type": "application/json; charset=UTF-8"
                        }
                    })
                        .then(() => {
                            fetch('/clans_html')
                                .then(response => {
                                    if (!response.ok) {
                                        throw new Error('Server error');
                                    }
                                    return response.text();
                                })
                                .then(data => {
                                    clanList.innerHTML = data;
                                    otherClanList.innerHTML = data;

                                    clanList.dispatchEvent(new Event('change'));
                                    otherClanList.dispatchEvent(new Event('change'));
                                })
                                .catch(error => {
                                    alert('Beim Laden der Clanliste ist ein Fehler aufgetreten: ' + error.message);
                                });

                            deleteClanModalBS.hide();
                        })
                        .catch((error) => {
                            alert('Beim Löschen des Clans ist ein Fehler aufgetreten: ' + error.message);
                        });
                }, { once: true });
            });
        }
    });
</script>

{{ end }}