@extends('auth.layout')

@section('title')
    Please change your password to proceed
@endsection

@section('help_text')
@endsection


@section('content')
    <form method="POST" action="{{ route('update-password.submit') }}">
        @csrf

        <div class="mb-3">
            <label class="form-label" for="password-input">Password</label>
            <div class="position-relative auth-pass-inputgroup mb-3">
                <input type="password" class="form-control pe-5 password-input  @error('password') is-invalid @enderror"
                    name="password" required placeholder="Enter password" id="password-input">
                <span role="alert" class=""><small>Min 5 characters with atleast 1 uppercase and 1
                        lowercase</small></span>
            </div>
        </div>

        <div class="mb-3">
            <label class="form-label" for="password-input">Confirm Password</label>
            <div class="position-relative auth-pass-inputgroup mb-3">
                <input type="password" required
                    class="form-control pe-5 password-input @error('password') is-invalid @enderror"
                    name="password_confirmation" placeholder="Re-Enter password" id="">

                @error('password')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
            </div>
        </div>


        <div class="form-group"><button class="btn btn-primary w-100">Change</button>
        </div>

    </form>
@endsection