<!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("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">Iniciar Sesión</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
                                    {!!Form::open(['url' => route('iniciar'), 'method' => 'POST', 'class' => 'login-form'])!!}
                                            {{ csrf_field() }}
                                      <div class="row" style="margin-top:20px">
                                          <div>
                                            
                                                <!-- Form -->
                                                <div class="form-group">
                                                    <div class="row">
                                                        <div class="col-md-12">
                                                            <div class="form-group">
                                                                <label for="city">Usuario</label>
                                                                <input type="text" id="usuario" name="usuario" value="" class="form-control input_user" value="" placeholder="Cédula o Rif" autocomplete="off" required />

                                                                <input type="hidden" id="iii" name="iii" value="US"/>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="row">
                                                        <div class="col-md-12">
                                                            <div class="form-group">
                                                            <label for="city">Contraseña</label>
                                                                <input type="password" id="clave" name="clave" value="" autocomplete="off" class="form-control input_pass" placeholder="Contraseña" required>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <br />
                                                    <div class="row">
                                                        <div class="col-md-12">
                                                            <div class="d-grid gap-2">
                                                                <button class="btn btn-primary" type="submit">Iniciar Sesión</button>
                                                              </div>
                                                        </div>
                                                    </div> 
                                                    <div class="row" style="margin-top:5px">
                                                        <div class="col-md-12">
                                                            <div class="d-grid gap-2">
                                                                <a href="{{route('registro2')}}" class="btn btn-primary" type="button">Crear Usuario</a>
                                                              </div>
                                                        </div>
                                                    </div>
                                                    <div class="row" style="margin-top:5px">
                                                        <div class="col-md-12">
                                                            <div class="d-grid gap-2">
                                                                <a href="{{route('recuperar')}}" class="btn btn-danger" type="button">Recuperar Contraseña</a>
                                                              </div>
                                                        </div>
                                                        <!--
                                                        <div class="col-md-6" style="text-align: left;">
                                                            <a style="color: #000" class="" href="">Recuperar acceso</a>
                                                        </div>
                                                        <div class="col-md-6" style="text-align: right;">
                                                            <a style="color: #000" class="" href="">Verificar</a>
                                                        </div>
                                                    -->
                                                    </div>
                                                </div>
                                            
                                          </div>
                                      </div>
                                      {!! Form::close() !!}
                                </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 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>