{% include 'views/front/' ~ template ~ '/includes/head.html.twig' %}

<link rel="stylesheet" href="/src/front_assets/css/style.css">
<link rel="stylesheet" crossorigin href="/dist/index.min.css">

<section class="pt-20 ">
    <div class="container mx-auto">

        <!-- Left column container with background-->
        <div class="g-6 lg:flex items-center justify-center lg:justify-between">
            <div class="shrink-1 mb-12 grow-0 basis-auto md:mb-0 w-2/4">
                <img src="/uploads/img/login-bg.webp" class="w-full" alt="Sample image" />
            </div>

            <!-- Right column container -->
            <div class="w-1/3 ">
                <div class="mb-12 md:mb-0 sidebar sidebar-two"
                    style="background-image: url(/uploads/img/background-p.png);">
                    <h3>{{lang.translate(title)}}</h3>
                    <div class="boder"></div>
                    <p>{{lang.translate('RESET_PASSWORD_MSG') | raw}}</p>
                    <form action="/reset-password" method="POST" id="login-form">
                        <label class="relative block  "><input required="true" type="email" name="params[email]"
                                class="rounded-input with-icon" placeholder="Enter your Email address..."><i
                                class="fa fa-envelope py-2 w-4 absolute right-4 left-4 top-5"></i></label>
                        
                        <div class="flex gap-6">
                          <button class="btn mt-2 px-8 py-2  text-white fw-bold">{{lang.translate('Send')}}</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>




<!--Jquery 3 6 0 Min Js-->
<script src="/src/assets/jquery.min.js"></script>

<script>

    jQuery(document).on('submit', 'form', function (e) {
        e.preventDefault();

        let action = $(this).attr('action');

        $.ajax({
            url: action,
            type: "POST",
            data: new FormData(this),
            dataType: "json",
            contentType: false,
            cache: false,
            processData: false,
            success: function (html) {
                if (html && html.error) {
                    alert(html.error)
                } else {
                    alert(html.result)
                    window.location.href = html.redirect;
                }

            }
        });
    });

</script>

</body>

</html>