{{ if .matrixEnabled }}
<div id="modal-matrix" 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.linkMatrix }}</span>
        <p class="content"> {{ .strings.matrixEnterUser }}</p>
        <input type="text" class="input ~neutral @high" placeholder="@user:riot.im" id="matrix-userid">
        <div class="subheading flex flex-row gap-2 justify-center items-center">
            <span class="shield ~info">
                <span class="icon">
                    <i class="ri-chat-3-line"></i>
                </span>
            </span>
            <span>{{ .matrixUser }}</span>
        </div>
        <span class="button ~info @low full-width center" id="matrix-send">{{ .strings.submit }}</span>
    </div>
</div>
{{ end }}
