@extends('layouts.app')

@section('content')
    <div class="col-xl-6">
        <form class="text-center" method="POST" action="{{ route('password.update') }}">
            @csrf
            <h1 class="mb-3 fw-bolder mt-5 purple display-4">Cambio de Contraseña</h1>
            <p class="fs-5 pb-2">Por favor ingrese su nueva contraseña.</p>

            <input type="hidden" name="token" value="{{ $token }}">

            <input id="email" type="hidden" class="form-control @error('email') is-invalid @enderror" name="email"
                value="{{ $email ?? old('email') }}" required autocomplete="email" autofocus>

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

            <div class="mb-3">
                <input type="password" class="form-control form-control-lg fromcss @error('password') is-invalid @enderror"
                    name="password" required id="reset_password" placeholder="Contraseña">
                @error('password')
                    <span class="invalid-feedback" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
            </div>

            <div class="mb-3">
                <input type="password" name="password_confirmation" required class="form-control form-control-lg fromcss"
                    id="reset_confirm_password" placeholder="Confirmar Contraseña">
            </div>

            <br>
            <button class="w-100 btn btn-lg mb-3 btn-enviar" type="submit">Enviar</button>
            <a href="{{ url('/login') }}" class="w-100 btn btn-lg mb-3 btn-cancelar" type="reset">Cancelar</a>
        </form>

        @if (session('status'))
            <div class="alert alert-success mt-3">
                {{ session('status') }}
            </div>
        @endif

        @if ($errors->any())
            <div class="alert alert-danger mt-3">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
    </div>
@endsection