@extends('layouts.PortalCcz.masterCcz')

@section('content')

    <script type="text/javascript">
        $('document').ready(function () {
            $("#RegForm").validate({
                showErrors: function (errorMap, errorList) {
                    //LIMPIAR LOS TOOLTIPS PARA LOS ELEMENTOS VÁLIDOS
                    $.each(this.validElements(), function (index, element) {
                        var $element = $(element);
                        $element.data("title", "") // BORRAR EL TITULO - NO HAY ERROR ASOCIADO
                            .removeClass("error")
                            .tooltip("destroy");
                    });

                    // CREAR LOS TOOLTIPS PARA ELEMENTOS INVÁLIDOS
                    $.each(errorList, function (index, error) {
                        var $element = $(error.element);
                        $element.tooltip("destroy") // DESTRUIR TODO TOOLTIP EXISTENTE PARA PODER CREAR UNO NUEVO
                            .data("title", error.message)
                            .addClass("error")
                            .tooltip(); // CREAR UN NUEVO TOOLTIP CON EL MENSAJE DE ERROR ASOCIADO AL TITULO AGREGADO
                    });
                }
            });
            $(document).ready(function () {
                $('input.disablecopypaste').bind('copy paste', function (e) {
                    e.preventDefault();
                });
            });
        });

    </script>
    {{--<script type="text/javascript">
        $('document').ready(function(){
            setTimeout(function() {$("#alert2").fadeOut(4000);},4000);
            $.ajaxSetup({
                headers: { 'X-CSRF-Token' : $('meta[name=_token]').attr('content') }
            });
        });
    </script>--}}


    <div class="row">
        <div class="col-sm-10 col-sm-offset-1 container">
            <div class="col-lg-3 col-md-3"></div>
            <div class="col-lg-6 col-md-6">
                <div class="panel panel-primary" style="width:100%;">
                    <div class="panel-heading"><strong><h3 style="text-align: center;" class="panel-title"><SPAN class="glyphicon glyphicon-list-alt"></SPAN> REENVIO DE DATOS</h3></strong></div>
                    <li class="list-group-item" style="margin-bottom:0px;text-align:left;color: #000000;background-color: #c4e3f3;font-size: 12px">
                        <b>INGRESE LOS SIGUIENTES DATOS:</b>
                    </li>
                    <div class="panel-body" >
                        
                        @if (count($errors) > 0)
                            <div id="alert2" class="alert alert-danger">
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </div>
                        @endif
                   
                            @if (!empty($errorcuenta) )
                            <div id="alert2" class="alert alert-danger">
                              <p>  Su cuenta se encuentra <b>Activa</b> Si olvido su contraseña Seleccione<span> <a href="{{route('PortalCcz.recuperar')}}">¿Olvide mi Contrase&ntilde;a?</a></span></p>
                            </div>
                        @endif
                        <form role="form" action="{{ route('PortalCcz.reenviodatoscitasuser') }}" id="RegForm" name="RegForm" method="POST">
                            <div class="row">
                                <div class="col-md-4">
                                    <div style="margin-bottom: 5px" class="input-group col-xs-12 col-md-12 col-sm-12">
                                                                                <span class="input-group-addon">
                                            <i class="glyphicon glyphicon-list-alt"  data-toggle="tooltip"  data-placement="top"  title='Debes Seleccionar un Tipo de Documento'></i>
                                        </span>
                                        <select  class="form-control" name="tipdocx" id="tipdocx" required data-placement="left"  data-msg-required= "Este campo es Requerido.">
                                            <option value="" data-placement="bottom">...</option>
                                                                                    </select>
                                    </div>
                                </div>
                                <div class="col-md-8">
                                    <div style="margin-bottom: 15px"
                                         class='input-group date col-xs-12 col-md-12 col-sm-12'>
                                        <input type="number" name="ncedx" id="ncedx" class="form-control"
                                               maxlength="8"
                                               placeholder="Ingrese Documento de Identidad"
                                               value="{{Request::old('ncedx')}}"
                                               autocomplete="off"
                                               data-container="body"
                                               data-placement="right"
                                               data-msg-required="Este campo es Requerido."
                                               data-rule-required="true"
                                               data-toggle="tooltip">
                                        <span class="input-group-addon">
                                            <span class="glyphicon glyphicon-list-alt" data-toggle="tooltip" data-placement="top"  title='Ingrese Documento de Identidad'></span>
                                        </span>
                                    </div>
                                </div>
                  
                              
                        
                                <div class="col-md-12">
                                    <div style="margin-bottom: 15px" class='input-group date col-xs-12 col-md-12 col-sm-12'>
                                        <span class="input-group-addon">
                                            <span class="glyphicon glyphicon-envelope" data-toggle="tooltip" data-placement="top" title='Ingrese Correo Electrónico'></span>
                                        </span>
                                        <input type="email"
                                               class="form-control"
                                               name="correox"
                                               onkeyup="javascript:this.value=this.value.toLowerCase();"
                                               id="correox"
                                               placeholder="Ingrese Correo Electrónico"
                                               value="{{Request::old('correox')}}"
                                               autocomplete="off"
                                               data-container="body"
                                               data-placement="right"
                                               data-msg-required= "Este campo es Requerido."
                                               data-rule-email="Debe Ingresar un correo valido"
                                               data-rule-required="true"
                                               data-toggle="tooltip"
                                        />
                                    </div>
                                </div>
                           
                            </div>


                            <p style="text-align: center;">
                                <input type="hidden" name="sistema" id="sistema" value="{{ Request::path() }}"/>
                                <button type="submit" name="btnreg" id="btnreg" class="btn btn-default btn-md"><span class="glyphicon glyphicon-ok"></span> Aceptar</button>
                                <button type="reset" class="btn btn-default btn-md"><span class="glyphicon glyphicon-erase"></span> Limpiar</button><br><br>
                                <a type="button" href="{{url('orinoco/PortalCcz/login')}}" class="btn btn-default btn-md"><span class="glyphicon glyphicon-chevron-left"></span> Regresar</a>
                            </p>

                        </form>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-3"></div>
        </div>
    </div>
    <div class="modal fade" style="margin-top:18%;" id="procesando" tabindex="-1" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    <h4 class="modal-title" id="myModalLabel">Procesando su solicitud. Por Favor Espere</h4>
                </div>
                <div class="modal-body">
                    <div class="progress">
                        <div class="progress-bar progress-bar-striped progress-bar-danger active" role="progressbar" id="progressBar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;">
                            <div id="label">0%</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>



@endsection