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

@section('title')
    {{ ___('common.Reset 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.reset_password') }}</h1>
                    <p class="subtitle mb-0">{{ ___('common.please_choose_another_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  -->
                    <!-- password input field  -->
                    <div class="input-field-group mb-20">
                        <label for="password">{{ ___('common.password') }}</label><br />
                        <div class="custom-input-field password-input">
                            <input class="ot-input" type="password" id="password" placeholder="******************" required />
                            <i class="lar la-eye"></i>
                            <img src="{{ asset('backend/assets/images/icons/lock-cus.svg') }}" alt="">
                        </div>
                        <p class="input-error error-danger">{{ ___('common.this_area_required') }}</p>
                    </div>

                    <!-- password input field  -->
                    <div class="input-field-group password-input">
                        <label for="password">{{ ___('common.confirm_password') }}</label><br />
                        <div class="custom-input-field">
                            <input class="ot-input" type="password" id="password" placeholder="******************" required />
                            <i class="lar la-eye"></i>
                            <img src="{{ asset('backend/assets/images/icons/lock-cus.svg') }}" alt="">
                        </div>
                        <p class="input-error error-danger">{{ ___('common.this_area_required') }}</p>
                    </div>

                    <!-- submit button  -->
                    <button type="submit" class="submit-btn pv-16 mt-20 mb-20" value="Sign In">
                        {{ ___('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