Viewing File: /home/ubuntu/route-and-root-backend-base/resources/views/users/auth/reset_password.blade.php

@extends('layouts.admin.focused')

@section('title', tr('reset_password'))

@section('content')
    <div class="d-flex flex-column flex-root">
        <div class="d-flex flex-column flex-lg-row flex-column-fluid">
            <div class="d-flex flex-column flex-lg-row-fluid py-10">
                <div class="text-right position-absolute top-0 end-0 p-3"> 
                    @include('notifications.notify')
                </div>
                <div class="d-flex flex-center flex-column flex-column-fluid">
                    <a href="" rel="noopener" target="_blank">
                        <img alt="Logo" src="{{ Setting::get('site_logo') }}" class="h-40px mb-5" />
                    </a>
                    <div class="w-lg-500px p-10 p-lg-15 mx-auto">
                        <form class="form w-100" id="kt_sign_in_form" method="POST" action="{{ route('reset_password.update') }}">
                            <input type="hidden" name="reset_token" value="{{ request()->token }}">
                            @csrf 
                            <div class="text-center mb-10">
                                <h1 class="text-dark mb-3"> {{ tr('reset_password') }} ?</h1>
                                <h6 class="text-muted mb-3"> {{ tr('password_reset_msg') }} </h6>
                            </div>
                            <div class="fv-row mb-10">
                                <label class="form-label fs-6 fw-bolder text-dark required">{{ tr('password') }}</label>
                                <div class="position-relative mb-3">
                                    <input class="form-control form-control-lg form-control-solid required" type="password" name="password" id="password" placeholder="{{ tr('password') }}" required/>
                                    <span class="btn btn-sm btn-icon position-absolute translate-middle top-50 end-0 me-n2">
                                        <i class="bi bi-eye fs-2" id="eyeBtn" onclick="passwordToggle()" title="{{tr('show_password')}}"></i>
                                    </span>
                                </div>
                            </div>
                            <div class="fv-row mb-10">
                                <div class="d-flex flex-stack mb-2">
                                    <label class="form-label fw-bolder text-dark fs-6 required mb-0">{{ tr('confirm_password') }}</label>
                                </div>
                                <div class="position-relative mb-3">
                                    <input class="form-control form-control-lg form-control-solid" type="password" name="password_confirmation" id="password_confirmation" placeholder="{{ tr('confirm_password') }}" required/>
                                    <span class="btn btn-sm btn-icon position-absolute translate-middle top-50 end-0 me-n2">
                                        <i class="bi bi-eye fs-2" id="eyeBtn_confirmation" onclick="confirmPasswordToggle()" title="{{tr('show_password')}}"></i>
                                    </span>
                                </div>
                            </div>
                            <div class="text-center">
                                <button type="submit" id="kt_sign_in_submit" class="btn btn-lg btn-primary w-100 mb-5">
                                    {{ tr('reset_password') }}
                                </button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('scripts')

    <script type="text/javascript">
       $('input').keypress(function( e ) {
            if(e.which === 32) 
                return false;
        });
    </script>

    <script type="text/javascript">

        function passwordToggle() {

            var password = document.getElementById('password');
            var password_eyeBtn = document.getElementById("eyeBtn");

            if (password.type === "password") {
              password.type = "text";
              eyeBtn.title = "Hide Password";
              eyeBtn.className = "bi bi-eye-slash fs-2";
            } else {
              password.type = "password";
              eyeBtn.title = "Show Password";
              eyeBtn.className = "bi bi-eye fs-2";
            }

          } 

          function confirmPasswordToggle() {

            var password = document.getElementById('password_confirmation');
            var eyeBtn = document.getElementById("eyeBtn_confirmation");

            if (password.type === "password") {
              password.type = "text";
              eyeBtn.title = "Hide Password";
              eyeBtn.className = "bi bi-eye-slash fs-2";
            } else {
              password.type = "password";
              eyeBtn.title = "Show Password";
              eyeBtn.className = "bi bi-eye fs-2";
            }

          } 
    </script>

@endsection