<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">
                    <f:form
                        action="recovery"
                        method="post"
                        requestToken="{requestToken}"
                        class="border border-color-brown bg-white p-10"
                    >
                        <div class="text-center mb-8">
                            <h2 class="headline-2-center">
                                <f:render
                                    partial="RenderLabelOrMessage"
                                    arguments="{key: 'forgot_header'}"
                                />
                            </h2>
                            <p class="sub-headline-center mt-3">
                                <f:render
                                    partial="RenderLabelOrMessage"
                                    arguments="{key: 'forgot_reset_message'}"
                                />
                            </p>
                        </div>

                        <f:render partial="ValidationErrors" />

                        <div class="space-y-6">
                            <div>
                                <label
                                    for="tx-felogin-input-data"
                                    class="block text-sm font-medium text-color-soft-black font-roboto-slab tracking-[1px] mb-2"
                                >
                                    <f:translate key="enter_your_data" />
                                </label>
                                <f:form.textfield
                                    name="userIdentifier"
                                    id="tx-felogin-input-data"
                                    type="email"
                                    required="required"
                                    placeholder="ornek@email.com"
                                    autocomplete="email"
                                    class="w-full border-0 border-b border-color-brown bg-transparent px-0 py-3 text-sm text-color-soft-black font-roboto placeholder-color-dark-gray focus:outline-none focus:border-color-soft-black transition-colors"
                                />
                            </div>

                            <div class="pt-4">
                                <f:form.submit
                                    value="ŞİFRE SIFIRLA"
                                    class="btn-1 w-full flex justify-center cursor-pointer"
                                />
                            </div>

                            <div
                                class="text-center pt-4 border-t border-color-brown border-opacity-30"
                            >
                                <f:link.action
                                    action="login"
                                    controller="Login"
                                    class="paragraph text-color-brown hover:text-color-soft-black font-roboto-slab tracking-[1px] t-all"
                                >
                                    ← Giriş sayfasına dön
                                </f:link.action>
                            </div>
                        </div>
                    </f:form>
                </div>
            </div>
        </div>
    </div>
</html>
