{{ if .discordEnabled }}
<div id="modal-discord" class="modal">
    <div class="card relative mx-auto my-[10%] w-4/5 lg:w-1/3 flex flex-col gap-4">
        <span class="heading">{{ .strings.linkDiscord }}</span>
        <p class="content"> {{ .discordSendPINMessage }}</p>
        <h1 class="text-center text-2xl pin"></h1>
        <div class="flex flex-row gap-2 justify-center items-center">
            <a class="hover:underline flex flex-row gap-4 items-center">
                <span>{{ .strings.joinTheServer }}</span>
                <span id="discord-invite" class="flex flex-row gap-2 items-center"></span>
            </a>
        </div>
        <span class="button ~info @low full-width center" id="discord-waiting">{{ .strings.success }}</span>
    </div>
</div>
{{ end }}
