@extends('backend-inquiro/header_iv')
@section('main')
<section>
    <div class="container mt-5 pt-5">
        <form name="form_cambiar_clave" id="form_cambiar_clave">
            <input type="hidden" name="u" value="{{$u}}">
            <input type="hidden" name="_token" value="{{ csrf_token() }}">
            <!-- -->
            <div class="container col-md-5 text-left text-fidelitas">
                <h3>@traducir('cambiar clave','Cambiar Contraseña')</h3>
                <div class="alert text-dark alert-dark">
                    <strong>@traducir('requisitos','Requisitos de contraseña')</strong>
                    <ul>
                        <li>@traducir('valid_caracter','Debe tener entre 10 y 26 caracteres')</li>
                        <li>@traducir('valid_miniscula','Debe incluir al menos una letra minúscula')</li>
                        <li>@traducir('valid_mayuscula','Debe incluir al menos una letra mayúscula')</li>
                        <li>@traducir('valid_numero','Debe incluir al menos un número')</li>
                        <li>@traducir('valid_car_ext','Debe incluir al menos un carácter especial [!@#$%^&()\\-_+=]')</li>
                        <li>@traducir('valid_acentuacion','No debe contener ni espacios ni asteriscos y ni tildes')</li>
                    </ul>
                </div>
                <!-- -->
                <div class="row">
                    <div class="col-md-12 pb-3">
                        <div class="form-group">
                            <label for="actualPass" class="text-muted pb-1">@traducir('contraseña_actual','Contraseña actual')</label>
                            <input name="old_password" type="password" id="old_password" class="form-control" required />
                        </div>
                    </div>
                </div>
                <!-- -->
                <div class="row">
                    <div class="col-md-12 pb-3">
                        <div class="form-group">
                            <label for="newPass1" class="text-muted pb-1">@traducir('contraeña_nueva','Contraseña nueva')</label>
                            <input name="new_password" type="password" id="new_password" class="form-control" required />
                        </div>
                    </div>
                </div>
                <!-- -->
                <div class="row">
                    <div class="col-md-12 pb-3">
                        <div class="form-group">
                            <label for="newPass2" class="text-muted pb-1">@traducir('contraseña_nuevaRep','Repetir Contraseña nueva')</label>
                            <input name="new_password2" type="password" id="new_password2" class="form-control" required />
                        </div>
                    </div>
                </div>
                <!-- -->
                <div class="row">
                    <div class="col-md-12 text-muted">
                        <p name="ok_modal_message" id="ok_modal_message" class="alert alert-success d-none">@traducir('contraseña_exito','Se cambió la contraseña correctamente')</p>
                        <p name="error_modal_message" id="error_modal_message" class="alert alert-danger d-none"></p>
                    </div>
                </div>
                <!-- -->
                <div class="row justify-content-end mt-2" id="preferencias-colum-bottom">
                    <div class="col-md-7 text-end">
                        <button class="btn btn-fidelitas btn_accept_change_pwd" type="submit"><i class="bi bi-check"></i> @traducir('btn_aceppt','Aceptar')</button>
                        <button class="btn btn-fidelitas btn_cancel_change_pwd" type="button" onclick="window.history.back();"><i class="bi bi-x"></i> @traducir('btn_cancel','Cancelar')</button>
                    </div>
                </div>
            </div>
        </form>
    </div>
</section>
@endsection
@section('funcionesJS')
    <script type="text/javascript" src="{{ URL::asset('js/cambiar-clave.js') }}"> </script>
@endsection