@extends('backend.static.layouts.formlayouts')

@section('title')
    {{ ___('common.Recover Password') }}
@endsection

@section('content')

<!-- main content start -->
<main class="auth-page">
    <section class="auth-container">
        <div
            class="form-wrapper pv-80 ph-100 d-flex justify-content-center align-items-center flex-column">
            <div class="form-container d-flex justify-content-center align-items-start flex-column">
                <div class="form-logo mb-40">
                    <a href="{{ route('dashboard') }}">
                        <img class="default-logo" src="{{ asset('backend/assets/images/default-logo.png') }}" alt="" />
                        <img class="dark-logo" src="{{ asset('backend/assets/images/dark-logo.png') }}" alt="" />
                    </a>
                </div>
                <!-- form heading  -->
                <div class="form-heading mb-40">
                    <h1 class="title mb-8">{{ ___('common.recover_password') }}</h1>
                    <p class="subtitle mb-0">{{ ___('common.how_to_reset_your_password') }}</p>
                </div>
                <!-- Start With form -->

                <form action="#" method="post"
                    class="auth-form d-flex justify-content-center align-items-start flex-column">
                    <!-- email input field  -->
                    <div class="input-field-group d-flex flex-column gap-1">
                        <label class="mb-1" for="email">{{ ___('common.email') }}</label>
                        <br />
                        <div class="custom-input-field">
                            <input class="ot-input" type="text" id="email" placeholder="{{ ___('common.enter_your_password') }}" required />
                            <img src="{{ asset('backend/assets/images/icons/email-cus.svg') }}" alt="">
                        </div>
                        <p class="input-error error-warning">{{ ___('common.please_enter_at_least_6_character') }}</p>
                    </div>

                    <!-- submit button  -->
                    <button type="submit" class="submit-btn pv-16 mt-20 mb-20" value="Reset Password">
                        {{ ___('common.reset_password') }}
                    </button>
                </form>
                <!-- End form -->
                <p class="authenticate-now mb-0">
                    {{ ___('common.go_back_to') }}
                    <a class="link-text" href="{{ url('signin') }}"> {{ ___('common.log_in') }}</a>
                </p>

                <div class="privacy-policy-navigation mt-24">
                    <a href="#">{{ ___('common.privacy_policy') }}</a>
                    <span>.</span>
                    <a href="#">{{ ___('common.term_of_use') }}</a>
                </div>
            </div>
        </div>
    </section>
</main>
<!-- main content end -->

@endsection