@extends('layouts.auth')

@section('content')
<div class="text-center mb-4">
    <h3 class="text-center mb-2 text-black">{{ __('auth.confirm_password') }}</h3>
    <span>{{ __('auth.please_confirm') }}</span>
</div>

<div class="card">
    <div class="card-body">
        <form method="POST" action="{{ route('password.confirm') }}">
            @csrf

            <div class="mb-3">
                <label for="password" class="form-label mb-2 fs-13 label-color font-w500">{{ __('Password') }}</label>
                <input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" required autocomplete="current-password" placeholder="{{ __('auth.enter_password') }}">
                
                @error('password')
                    <div class="invalid-feedback">
                        <strong>{{ $message }}</strong>
                    </div>
                @enderror
            </div>

            <button type="submit" class="btn btn-primary btn-block mb-4">
                 {{ __('auth.confirm_password') }}
            </button>

            @if (Route::has('password.request'))
                <div class="text-center">
                    <a href="{{ route('password.request') }}" class="text-primary">
                           {{ __('auth.forgot_password') }}
                    </a>
                </div>
            @endif
        </form>
    </div>
</div>
@endsection