<!DOCTYPE html>
<html lang="es">

<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- Primary Meta Tags -->
<title>Bienvenido a Siremi</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="title" content="Bienvenido a Siremi">

<!-- Favicon -->

<link rel="manifest" href="assets/img/favicon/site.webmanifest">
<link href="{{ asset('assets/vendor/bootstrap-5.2/css/bootstrap.min.css')}}" rel="stylesheet">
<link type="text/css" href="{{ asset('assets/vendor/notyf/notyf.min.css?n=1')}}" rel="stylesheet">
<link type="text/css" href="{{ asset('assets/vendor/fortawesome/fontawesome-free/css/all.min.css')}}" rel="stylesheet">

<style>
    body {
        background-image: url("{{ asset('assets/img/siremi.jpg')}}");
        background-attachment: fixed;
        background-position: left top;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        
        margin: 0;
        padding: 0;
    }  

</style>

@notifyCss
<meta name="csrf-token" content="{{ csrf_token() }}" />

</head>

<body>
    <section class="vh-lg-100 d-flex align-items-center">
        <div class="container">
            <div class="form-group mb-4 fondo">
                <div class="row">
                    <div class="col-md-3 mb-3">
                        
                    </div>
                    <div class="col-md-6 mb-3">

                        <div class="" id="modal-buscar-atencion-ciudadano" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" style="margin-top:30%">
                            <div class="modal-dialog" role="document">
                              <div class="modal-content block align-items-center">
                                <div class="modal-header">
                                  <h5 class="modal-title" id="EtiquetaTitulo">Recuperar Contraseña</h5>
                                </div>
                                
                                <div class="modal-body">
                                    @include('flash::message')
                                    @if ($errors->any())
                                        <div class="alert alert-danger">
                                            <ul>
                                                @foreach ($errors->all() as $error)
                                                <li>{{ $error }}</li>
                                                @endforeach
                                            </ul>
                                        </div><br />
                                    @endif
                                    @if(empty($usuario))
                                    {!!Form::open(['url' => route('recuperar'), 'method' => 'POST', 'class' => 'login-form'])!!}
                                          <div class="row" style="margin-top:20px">
                                              <div class="row" id="form_id_busqueda">
                                                    <div class="col-md-12 mb-3">
                                                        <div class="form-group">
                                                            <label for="city">Cédula/Rif</label>
                                                            <input type="text" id="usuario" name="usuario" value="" class="form-control input_user" value="" placeholder="Cédula o Rif" autocomplete="off" />
                                                        </div>
                                                    </div>
                                                    <div class="col-md-12 mb-3">
                                                        <div class="form-group">
                                                            <div class="d-grid gap-2">
                                                                <button class="btn btn-primary btn-block" id="access" name="access" >Aceptar</button>
                                                            </div>
                                                        </div>
                                                        <div class="row" style="margin-top:5px">
                                                            <div class="form-group">
                                                                <div class="d-grid gap-2">
                                                                    <a href="{{route('index')}}" class="btn btn-danger btn-block" id="access" name="access">Cancelar</a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                          </div>
                                          {!! Form::close() !!}

                                          @else 
                                          {!!Form::open(['url' => route('recuperar2'), 'method' => 'POST', 'class' => 'login-form'])!!}
                                          <div class="row" style="margin-top:20px">
                                              <div class="row" id="form_id_busqueda">
                                                    <div class="col-md-12 mb-3">
                                                        <div class="form-group">
                                                            <label for="city">Cédula/Rif</label>
                                                            <input type="text" id="usuario" name="usuario" class="form-control input_user" value="@php echo !empty($usuario->usuario) ? $usuario->usuario : null; @endphp" placeholder="Cédula o Rif" autocomplete="off" readonly />
                                                        </div>
                                                        <div class="form-group">
                                                            <label for="city">Pregunta de Seguridad</label>
                                                            <input type="text" id="pregunta" name="pregunta" class="form-control input_user" value="@php echo !empty($pregunta) ? $pregunta : null; @endphp" placeholder="Pregunta de Seguridad" maxlength="40" autocomplete="off" readonly />
                                                        </div>
                                                        <div class="form-group">
                                                            <label for="city">Respuesta</label>
                                                            <input type="text" id="respuesta" name="respuesta" class="form-control input_user" value="" required placeholder="Respuesta de Seguridad" autocomplete="off"/>
                                                        </div>
                                                        <div class="form-group">
                                                            <label for="city">Nueva Contraseña</label>
                                                            <input type="password" id="clave" minlength="5" maxlength="15" name="clave" class="form-control input_user" value="" placeholder="Nueva Contraseña" autocomplete="off" required/>
                                                        </div>
                                                        <div class="form-group">
                                                            <label for="city">Repita Contraseña</label>
                                                            <input type="password" id="rclave" name="rclave" minlength="5" maxlength="15" class="form-control input_user" value="" placeholder="Repita Contraseña" autocomplete="off" required/>
                                                        </div>
                                                        <div class="col-md-12 mb-3">
                                                            <div class="form-group">
                                                                <label for="city">Captcha</label>
                                                            </div>
                                                        </div>
                                                        <div class="input-group mb-3 captcha">
                                                            <span>{!! captcha_img('default') !!}</span>
                                                            <input type="text" id="captcha" name="captcha" value="" required autocomplete="off" class="form-control input_pass" placeholder="Código Captcha" maxlength="4">
                                                            <button type="button" class="btn btn-danger" class="reload" id="reload" name="reload">
                                                                &#x21bb;
                                                            </button>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-12 mb-3">
                                                        <div class="form-group">
                                                            <div class="d-grid gap-2">
                                                                <button class="btn btn-primary btn-block" id="access" name="access" >Aceptar</button>
                                                            </div>
                                                        </div>
                                                        <div class="row" style="margin-top:5px">
                                                            <div class="form-group">
                                                                <div class="d-grid gap-2">
                                                                    <a href="{{route('index')}}" class="btn btn-danger btn-block" id="access" name="access">Cancelar</a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                          </div>
                                          {!! Form::close() !!}
                                      @endif
                                </div>
                              </div>
                            </div>
                          </div>
                    </div>
                    <div class="col-md-3 mb-3">
                        
                    </div>
                </div>  
            </div>
        </div>
    </section>

<div class="modal fade" id="modal-mensaje" tabindex="-1" role="dialog" aria-labelledby="modal-mensaje" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h2 class="h6 modal-title">Aviso</h2>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-12 col-xl-12">
                        <div class="card card-body bg-white border-light shadow-sm mb-4">
                            <div class="row">
                                <div class="col-md-12 mb-3" align="center" id="id_mensaje">

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer" id="btn_mensaje">
                <a onclick="cerrar('modal-mensaje')" class="btn btn-primary">Aceptar</a>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="modal-load" tabindex="-1" role="dialog" aria-labelledby="modal-load" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-body">
                <div class="row">
                    <div class="col-12 col-xl-12">
                        <div class="card card-body bg-white border-light shadow-sm mb-4">
                            <div class="row">
                                <div class="col-md-12 mb-3" align="center">
                                    <label>Por favor Espere</label><br>
                                    <div class="spinner-border" style="width: 3rem; height: 3rem;" role="status">
                                      <span class="visually-hidden">Loading...</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>    

<script src="{{ asset('assets/vendor/jquery/jquery.min.js')}}"></script>
        <!-- Bootstrap -->
        <script src="{{ asset('assets/vendor/bootstrap-5.2/js/bootstrap.min.js')}}"></script>
        <script src="{{ asset('assets/js/js.js?v=2')}}"></script>

        

<script src="{{ asset('assets/vendor/bootstrap/dist/js/bootstrap.bundle.min.js')}}"></script>
<script src="{{ asset('assets/js/index.js')}}"></script>
<script src="{{ asset('assets/jQuery-Mask/dist/jquery.mask.min.js?md5=fcf88d42f36e4a8594fab3dd87a614cf')}}"></script>



<script src="{{ asset('assets/js/index.js')}}"></script>

<script type="text/javascript">
        $('#reload').click(function () {
            //console.log("ddd");
            $.ajax({
                type: 'GET',
                url: "{{route('reloadCaptcha')}}",
                success: function (data) {
                    $(".captcha span").html(data.captcha);
                }
            });
        });

        $('#reload1').click(function () {
            //console.log("ddd");
            $.ajax({
                type: 'GET',
                url: '/reload-captcha',
                success: function (data) {
                    $(".captcha1 span").html(data.captcha);
                }
            });
        });

        $('#flash-overlay-modal').modal();

    </script>

<script type="text/javascript">
    $(function () {
        $('.modal').on('submit', 'form', function(e) {
            var $modalDiv = $(e.delegateTarget);
            $modalDiv.addClass('loading');
        });
    });
</script>

@include('notify::messages')

@notifyJs


@yield("js")
    
</body>

</html>