@extends('layouts.frontend.master')
@section('title','Generate Password')

<meta property="og:title" content="Generate Password">

@section('page-div-start')
<div id='login-page'>
    @endsection

    @section("content")
    <link rel="stylesheet" href="{{ asset('frontend/css/css/frontend/guest/register.css') }}" />
    <div class="col content ">
        <!-- LOGIN SECTION -->
        <div class="login-section rounded shadow-lg">
            <h2>{{__('Generate Password') }}</h2>
            <form form action="{{ route('member-generate-password') }}" method="POST" onsubmit="return false;" id="formGeneratePassword">
                @csrf

                <input type="hidden" name="email" value="{{ $user->email }}">

                <div class="input-group mt-4">
                    <div class="input-group" id="show_hide_password">
                        <div class="input-group-prepend display-flex" id="reset-icon" >
                            <span class="input-group-text bg-transparent"><i class="fa fa-lock"></i></span>
                        </div>
                        <input type="password" name="password" id="password" class="form-control signin-input @error('password') border-danger @enderror" id="password" placeholder="{{__('Enter new password')}}" autocomplete="off">
                        <div class="input-group-prepend resetPasswordToText display-flex" >
                            <span class="input-group-text bg-transparent"><i class="fas fa-eye-slash"></i>
                            </span>
                        </div>
                    </div>
                    <div class="text-danger error password_error"></div>
                </div>
                <div class="input-group mt-4">
                    <div class="input-group" id="show_hide_password">
                        <div class="input-group-prepend display-flex" id="reset-icon" >
                            <span class="input-group-text bg-transparent"><i class="fa fa-lock"></i></span>
                        </div>
                        <input type="password" name="password_confirmation" id="password_confirmation" class="form-control signin-input @error('password_confirmation') border-danger @enderror" id="password_confirmation" placeholder="{{__('Confirm password')}}" autocomplete="off">
                        <div class="input-group-prepend confirmationPasswordToText display-flex">
                            <span class="input-group-text bg-transparent"><i class="fas fa-eye-slash"></i>
                            </span>
                        </div>
                    </div>
                    <div class="text-danger error password_confirmation_error"></div>
                </div>
                <br>
                <div class="text-center">
                    <button type="submit" id="reset-btn" class="btn btn-theme mt-4 btn-save-record">{{__('Generate password')}}</button>
                </div>
            </form>
        </div>
        @endsection
        @section('page-div-end')
    </div>
    @endsection

    @push('scripts')
    <script src="{{ asset('frontend/js/pages-js/generate-password.js') }}"></script>
    @endpush