@extends('layouts.app')

@section('title', __('two-factor.security.password_confirm.title'))

@section('content')

<div class="row py-3">
    <div class="col-md-8 col-lg-6 mx-auto">

        <div class="card">
            <div class="card-header">
                <h1 class="h4 mb-0">{{ __('two-factor.security.password_confirm.title') }}</h1>
            </div>
            <div class="card-body">
                <p class="text-muted">{{ __('two-factor.security.password_confirm.intro') }}</p>

                <form action="{{ route('password.confirm', ['partnerSlug' => $partnerSlug]) }}" method="POST">
                    @csrf
                    <div class="mb-3">
                        <label for="password" class="form-label">{{ __('two-factor.security.password_confirm.label') }}</label>
                        <input type="password" id="password" name="password" autocomplete="current-password" autofocus required
                               class="form-control @error('password') is-invalid @enderror"
                               aria-invalid="{{ $errors->has('password') ? 'true' : 'false' }}"
                               aria-describedby="password-error">
                        <div id="password-error" class="invalid-feedback" role="alert">@error('password'){{ $message }}@enderror</div>
                    </div>

                    <button type="submit" class="btn btn-primary">
                        {{ __('two-factor.security.password_confirm.cta') }}
                    </button>
                </form>
            </div>
        </div>

    </div>
</div>

@endsection