@extends('layouts.auth')

@section('page_title', __('Confirmar contraseña'))

@section('auth_nav')
    <a href="{{ url('/') }}" class="btn btn-sm rt-btn-cherry px-3">{{ __('Inicio') }}</a>
@endsection

@section('content')
    <div class="rt-auth-card rt-auth-card--focus">
        <h1 class="rt-auth-card-title">{{ __('Confirmar contraseña') }}</h1>
        <p class="rt-auth-card-lead mb-0">{{ __('Por seguridad, introduce tu contraseña para continuar.') }}</p>

        <div class="rt-auth-divider"></div>

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

            @include('partials.rt-password-field', [
                'name' => 'password',
                'id' => 'password',
                'label' => __('Contraseña'),
                'autocomplete' => 'current-password',
                'placeholder' => '••••••••',
                'showMeter' => false,
                'wrapperClass' => 'mb-4',
            ])

            <button type="submit" class="btn btn-sm rt-btn-cherry w-100 mb-3">{{ __('Confirmar') }}</button>

            @if (Route::has('password.request'))
                <p class="text-center small text-secondary mb-0">
                    <a class="rt-auth-link" href="{{ route('password.request') }}">{{ __('¿Olvidaste tu contraseña?') }}</a>
                </p>
            @endif
        </form>
    </div>
@endsection
