@include('layouts._partials.error')

<!DOCTYPE html>
<html lang="es">
<head>
@include('layouts._partials.head')
@section('title',"Inicio")
@livewireStyles
</head>

<body class="bg-gradient-primary">

<div class="container-fluid d-flex align-items-center justify-content-center px-0" style="min-height:100vh;">

<div class="row justify-content-center w-100 mx-0">

<div class="col-12 col-md-9 col-lg-12 col-xl-10">

<div class="card o-hidden border-0 shadow-lg">

<div class="card-body p-0">

<div class="row">

<div class="col-lg-6 d-none d-lg-block p-0">
<livewire:carrusel-inicio />
</div>

<div class="col-lg-6">

<div class="p-5">

{{-- contenido --}}
<div class="text-center">
        <h1 class="h4 text-gray-900 mb-4">Cambio de contraseña</h1>
    </div>

        <form method="POST" action="{{ route('password.update') }}" class="user">
    @csrf
            <input type="hidden" name="token" value="{{ $request->route('token') }}">

    <div class="form-group">
        <label>Correo electrónico</label>
        <input type="email" class="form-control form-control-user" id="email" name="email"  placeholder="Correo electrónico..." value="{{ old('email', $request->email) }}" required>
    </div>


    <div class="form-group">
        <label>Contraseña</label>
        <input type="password" class="form-control form-control-user" id="password" name="password"  autocomplete="new-password" required>
    </div>

    <div class="form-group">
        <label>Repetir contraseña</label>
        <input type="password" class="form-control form-control-user" id="password_confirmation" name="password_confirmation" autocomplete="new-password" required>
    </div>

    <input type="submit" value="Guardar contraseña" class="btn btn-primary btn-user btn-block">

    </form>

    <hr>

    <div class="text-center">
        <a class="small" href="{{ route('login') }}">Regresar!</a>
    </div>
{{-- contenido --}}


</div>
</div>

</div>
</div>
</div>

</div>
</div>

</div>





@include('layouts._partials.scripts')
@livewireScripts
@yield('scripts')

@if (session('status'))
<script>
document.addEventListener('DOMContentLoaded', function () {
    Swal.fire({
        icon: 'success',
        title: 'Cambio realizado',
        text: '{{ session('status') }}',
        confirmButtonText: 'Ok'
    });
});
</script>
@endif

@if ($errors->any())
<script>
Swal.fire({
    icon: 'error',
    title: 'Error',
    text: '{{ $errors->first() }}'
});
</script>
@endif

</body>
</html>



