<html
    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
    data-namespace-typo3-fluid="true"
>
    <div class="spacing-6 py-12 px-4">
        <div class="bido-container">
            <div class="flex items-center justify-center min-h-[60vh]">
                <div class="w-full max-w-md">
                    <div
                        class="border border-color-brown bg-white p-10 text-center"
                    >
                        <f:if condition="{userNotFound}">
                            <!-- Kullanıcı bulunamadı -->
                            <div
                                class="inline-flex items-center justify-center w-16 h-16 border border-red-400 rounded-full text-red-500 text-3xl mb-6"
                            >
                                ✕
                            </div>
                            <h2 class="headline-2-center">HATA</h2>
                            <p class="paragraph mt-4">
                                <f:translate id="account_not_found" />
                            </p>
                        </f:if>

                        <f:if condition="{userAlreadyConfirmed}">
                            <!-- Zaten onaylanmış -->
                            <div
                                class="inline-flex items-center justify-center w-16 h-16 border border-color-brown rounded-full text-color-brown text-3xl mb-6"
                            >
                                ℹ
                            </div>
                            <h2 class="headline-2-center">ZATEN ONAYLANDI</h2>
                            <p class="paragraph mt-4">
                                <f:format.raw
                                    ><f:translate
                                        id="account_already_activated"
                                        arguments="{0: user.username}"
                                /></f:format.raw>
                            </p>
                        </f:if>

                        <f:if condition="{userConfirmed}">
                            <!-- Başarıyla onaylandı -->
                            <div
                                class="inline-flex items-center justify-center w-16 h-16 border border-green-500 rounded-full text-green-500 text-3xl mb-6"
                            >
                                ✓
                            </div>
                            <h2 class="headline-2-center">HESAP ONAYLANDI!</h2>
                            <p class="paragraph mt-4">
                                <f:format.raw
                                    ><f:translate
                                        id="account_successful_activated"
                                        arguments="{0: user.username}"
                                /></f:format.raw>
                            </p>
                            <p class="paragraph mt-2 text-color-dark-gray">
                                Hesabınız başarıyla aktifleştirildi. Artık giriş
                                yapabilirsiniz.
                            </p>
                        </f:if>

                        <div class="mt-8">
                            <f:link.page
                                pageUid="{settings.loginPageId}"
                                class="btn-1 inline-flex"
                            >
                                GİRİŞ YAP
                            </f:link.page>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</html>
