@extends('layouts.messages')

@section('content')
    <div class="card card-primary mt-5 mb-5">
        <div class="card-header">
            <h3 class="card-title">Recuperación de contraseña:</h3>
        </div>
        {{-- <div id="alertInExit" class="alert alert-warning" role="alert">Tendras que volver a solicitar el cambio de contraseña
            si sales o refrescas de la ventana</div> --}}

        <form autocomplete="off" action="{{ Route('changePass') }}" method="post" id="form-user">
            @csrf
            <input type="hidden" name="idAdmin" value="{{ $team->id }}">
            <div class="card-body">
                <p>Hola {{ $team->display_name }}, ingresa tu nueva contraseña para tu cuenta.</p>
                <div class="form-group">
                    <label for="password">Nueva contraseña</label>
                    <input type="password" class="form-control @error('password') is-invalid @enderror" id="password"
                        name="password" placeholder="Ingresa la contraseña" minlength="8" required>
                    @if ($errors->has('password'))
                        <span class="text-danger">{{ $errors->first('password') }}</span>
                    @endif
                </div>
                <div class="form-group">
                    <label for="password_confirmation">Repita la contraseña</label>
                    <input type="password" class="form-control" id="password_confirmation" name="password_confirmation"
                        placeholder="Ingrese la contraseña" required>
                    <span id="error-pass" class="text-danger"></span>
                </div>
            </div>
            <div class="card-footer">
                <input type="submit" class="btn btn-success" id="submitUser" value="Cambiar contraseña">
            </div>

        </form>
    </div>
@endsection

@section('custom_script')
    @vite('resources/js/users/validations.js')
    <script>
        $(document).ready(function() {
            $(window).on('beforeunload', function(e) {
                const confirmationMessage =
                    'Tendras que volver a solicitar el cambio de contraseña si sales de la ventana';
                event.returnValue = confirmationMessage;
                return confirmationMessage;
            })
        });
    </script>
@endsection