{{ if .telegramEnabled }}
<div id="modal-telegram" 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.linkTelegram }}</span>
        <p class="content">{{ .strings.sendPIN }}</p>
        <p class="text-center text-2xl pin"></p>
        <a class="subheading link flex flex-row gap-2 justify-center items-center" href="{{ .telegramURL }}" target="_blank">
            <span class="shield ~info">
                <span class="icon">
                    <i class="ri-telegram-line"></i>
                </span>
            </span>
            <span class="hover:underline">&#64;<span class="username">{{ .telegramUsername }}</span></span>
        </a>
        <span class="button ~info @low full-width center" id="telegram-waiting">{{ .strings.success }}</span>
    </div>
</div>
{{ end }}