@extends('layouts.PortalCcz.masterCcz')
@section('content')
    <script type="text/javascript">
        $('document').ready(function () {
            $("#LoginForm").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
                    });
                }
            });
        });


    </script>

    <div class="row">
        <div class="col-sm-10 col-sm-offset-1 container">
            <div class="col-lg-1 col-md-1"></div>
            <div class="col-lg-12 col-md-12">
                <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-user"></SPAN> REGISTRO DE CLIENTES</h3></strong></div>
                    <div class="panel-body" >
                        <center> <img width="800px" height="480px" src="https://www.casadecambiozoom.com/images/menu_carrusel/en-mantenimiento.gif" /></center>
                    </div>
                    <div class="panel-footer" style="font-size:11px;">
                        <p style="text-align: center;margin-bottom: 0;"><b>CASA DE CAMBIO ZOOM C.A.</b>,  NO se hace responsable por la informaci&oacute;n suministrada por los usuarios de este sitio web. La misma es exclusiva responsabilidad del usuario.</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-1 col-md-1"></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