@extends('auth.layout')

@section('content')
<div id="passwordConfirm" class="container-fluid">
    <header>
        <a href="/" type="text/html" rel="noreferrer" referrerpolicy="no-referrer">
            {{ strtoupper(config('app.name')) }}
        </a>
    </header>
    <main>

        <h5>{{ __('Confirm Password') }}</h5>
        <p>{{ __('Please confirm your password before continuing.') }}</p>

        <form name="f_password_confirm" id="fPasswordConfirm" method="post" action="{{ route('password.confirm') }}" accept-charset="UTF-8">
            @csrf

            <div class="mb-3">
                <label for="password" class="form-label">{{ __('Password') }}</label>
                <input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" required autocomplete="current-password">

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

            <div class="mb-3">
                <button type="submit" class="btn btn-success w-100">{{ __('Confirm Password') }}</button>
            </div>

            <div class="mb-3 text-center">
                @if (Route::has('password.request'))
                    <a class="btn btn-link" href="{{ route('password.request') }}">
                        {{ __('Forgot Your Password?') }}
                    </a>
                @endif
            </div>
        </form>

        <hr/>

        <footer>
            &copy; 2023~{{ date('Y') }} {{ config('company_name') }}. All rights reserved.
        </footer>
    </main>
</div>
@endsection

@push('styles')
    <link rel="stylesheet" href="{{ asset('css/auth/passwords.css') }}"/>
@endpush

@push('scripts')
    <script src="{{ asset('/js/auth/passwords.js') }}" defer></script>
@endpush