{{--
    Creado Por Junior Medina
    Fecha: 02-09-2019
    Vista crearrecolectaGe.blade.php
--}}
@extends('Wscanguroazul.layouts.master_recolecta_ge')
@section('header')
    <link rel="stylesheet" href="{{ asset('css/custom_recolecta_ge.css') }}">

@endsection
@section('content')
    <input type="hidden" id="url" data-url="{{ route('getConsumirAjax') }}">

    <div class="panel panel-theme">
        <div class="panel-heading"><h5 class="text-center card-subtitle" style="font-size: medium;">Agregar
                Beneficiario</h5></div>
        <form name="form" id="formFields" method="" action="" enctype="">
            <div class="modal-body">
                <div class="panel panel-default">

                    <div class="form-group row">
                        <label for="inputPassword"
                               class="col-sm-3 col-form-label col-form-label-sm">Nombre</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control form-control-sm" id="Nombre"
                                   placeholder="Nombre">
                        </div>
                    </div>

                    <div class="form-group row">
                        <label for="inputPassword"
                               class="col-sm-3 col-form-label col-form-label-sm">Contacto</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control form-control-sm" id="Contacto"
                                   placeholder="Contacto">
                        </div>
                    </div>

                    <div class="form-group row">
                        <label for="inputPassword"
                               class="col-sm-3 col-form-label col-form-label-sm">Estado</label>
                        <div class="col-sm-9">
                            <select class="form-control form-control-sm" id="Estado" name="Estado">
                                <option value="" se>Seleccione un Estado</option>
                            </select>

                        </div>
                    </div>

                    <div class="form-group row">
                        <label for="inputPassword" class="col-sm-3 col-form-label col-form-label-sm">Ciudad</label>
                        <div class="col-sm-9">
                            <select class="form-control form-control-sm" id="Ciudad" name="Ciudad"></select>
                        </div>
                    </div>

                    <div class="form-group row">
                        <label for="inputPassword"
                               class="col-sm-3 col-form-label col-form-label-sm">Direcci&oacute;n</label>
                        <div class="col-sm-9">
                        <textarea class="form-control form-control-sm rounded-0" id="Direccion" rows="3"
                                  placeholder="INGRESE: AV/ CALLE, PISO NRO, OFICINA O APARTAMENTO, NRO DE INTERCOMUNICADOR, PUNTO DE REFERENCIA"></textarea>
                        </div>
                    </div>

                    <div class="form-group row">
                        <label for="inputPassword"
                               class="col-sm-3 col-form-label col-form-label-sm">Urbanizaci&oacute;n</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control form-control-sm" id="Urbanizacion"
                                   placeholder="Urbanizaci&oacute;n">
                        </div>
                    </div>

                    <div class="form-group row">
                        <label for="inputPassword"
                               class="col-sm-3 col-form-label col-form-label-sm">Tel&eacute;fono</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control form-control-sm" id="Telefono"
                                   placeholder="Tel&eacute;fono">
                        </div>
                    </div>

                    <div class="form-group row">
                        <label for="inputPassword"
                               class="col-sm-3 col-form-label col-form-label-sm">Celular</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control form-control-sm" id="Celular"
                                   placeholder="Celular">
                        </div>
                    </div>
                    <input type="hidden" id="Proveedor" name="Proveedor">
                    <div class="form-group row">
                        <label for="inputPassword"
                               class="col-sm-3 col-form-label col-form-label-sm">Estatus</label>
                        <div class="col-sm-9">
                            <input type="radio" name="estatus" value="" checked>Activo&nbsp;&nbsp;&nbsp;
                            <input type="radio" name="estatus" id="estatus" value="Inactivo">Inactivo
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12 col-sm-12 col-xs-12 text-center" style="top: -2em;">
                    <input type="submit" name="enviarForm" id="Guardar" class="btn btn-primary btn-sm" value="Agregar"/>
                </div>
            </div>
            <br>
            <div class="row">
                <div class="col-md-10 col-sm-10 col-xs-10 offset-md-1 offset-sm-1 offset-xs-1 text-center"
                     style="top: -2em;">
                    <label style='text-align: justify; font-size: small;'> <b>NOTA:</b> ZOOM ofrece entregas en
                        poblaciones
                        o destinos
                        remotos. Su encomienda llega a la ciudad destino y desde ah&iacute;
                        la trasladamos al cliente final. Conozca el listado de <a href="#"
                                                                                  onclick="verzonas_servidas()"><b>Zonas
                                Servidas</b></a> y <a href="#" onclick="verzonas_no_servidas()"><b>Zonas No Servidas</b></a>
                        (localidades donde no
                        hay cobertura)</label>
                </div>
                <div class="col-md-1 col-sm-1 col-xs-1"></div>
                <br>
            </div>
        </form>
        @endsection
        @section('script')
            <script>


                $(document).ready(function () {
                    $("#codproveedor").attr('checked', true);

/////////////////////////////////////////////////////////VALIDATE//////////////////////////////////////////////////////////////
                    $("#formFields").on("submit", function (e) {
                        e.preventDefault();

                        let Nombre = $("#Nombre").val();
                        let Direccion = $("#Direccion").val();
                        let Telefono = $("#Telefono").val();
                        let Celular = $("#Celular").val();
                        let Ciudad = $("#Ciudad").val();
                        let Contacto = $("#Contacto").val();
                        let Urbanizacion = $("#Urbanizacion").val();
                        let valid = true;


                        ////////////////////////////////////  LIMPIAR FORMULARIO...  ////////////////////////////////////
                        $('#Nombre').removeClass("is-invalid");
                        $('#Direccion').removeClass("is-invalid");
                        $('#Telefono').removeClass("is-invalid");
                        $('#Celular').removeClass("is-invalid");
                        $('#Ciudad').removeClass("is-invalid");
                        $('#Contacto').removeClass("is-invalid");
                        $('#Urbanizacion').removeClass("is-invalid");


                        /////////////////////////////////  VALIDAR FORMULARIO...  ///////////////////////////////

                        if ((Nombre).length < 2) {
                            $("#Nombre").addClass("is-invalid");
                            valid = false;
                        }
                        if ((Direccion).length < 2) {
                            $("#Direccion").addClass("is-invalid");
                            valid = false;
                        }
                        if ((Telefono).length < 2) {
                            $("#Telefono").addClass("is-invalid");
                            valid = false;
                        }
                        if ((Celular).length < 0) {
                            $("#Celular").addClass("is-invalid");
                            valid = false;
                        }
                        if (Ciudad < 0) {
                            $("#Ciudad").addClass("is-invalid");
                            valid = false;
                        }
                        if ((Contacto).length < 2) {
                            $("#Contacto").addClass("is-invalid");
                            valid = false;
                        }
                        if ((Urbanizacion).length < 2) {
                            $("#Urbanizacion").addClass("is-invalid");
                            valid = false;
                        }
                        /////////////////////////////////SI SE ENVÍA CON ÉXITO//////////////////////////
                        if (valid) {
                            crea_proveedor();
                        } else {
                            setTimeout(limpia, 1500);
                        }

                    });
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

                    let url_E = $("#url").data('url'),
                        method_E = 'GET',
                        pagina_E = 'canguroazul/',
                        params_E = {
                            webservice: 'getEstados',
                            pagina: pagina_E,
                            method: method_E,
                            campos: ['filtro'],
                            valores: [3]
                        };
                    $.ajax({
                        async: false,
                        type: 'GET',
                        url: url_E,
                        data: params_E,
                        datatype: 'JSON',
                        success: function (data_E) {
                            console.log('entro');
                            if (data_E.codrespuesta == "COD_000") {
                                let estados = data_E.entidadRespuesta;
                                console.log(estados);
                                $.each(estados, function (key, estados) {
                                    $("select#Estado").append('<option value="' + estados.codestado + '" ">' + estados.nombre + '</option>');
                                });
                            }
                        }, error: function (mensaje) {
                            console.log(mensaje)
                        }
                    });

                    $('select#Estado').change(function () {
                        $('#Ciudad option').remove();
                        getCiudad();
                    });

                    $('[data-toggle="tooltip"]').tooltip();
                    var Fecha_ = new Date();
                    var options = {year: 'numeric', month: 'long', day: 'numeric'};
                    Fecha_ = Fecha_.toLocaleDateString("es-ES", options);

                });


                function getCiudad() {
                    let url_C = $("#url").data('url'),
                        method_C = 'GET',
                        pagina_C = 'canguroazul/',
                        codestado = $("#Estado").val();
                    params_C = {
                        webservice: 'getCiudadesOfi',
                        pagina: pagina_C,
                        method: method_C,
                        campos: ['codestado', 'recolecta'],
                        valores: [codestado, 2]
                    };
                    $.ajax({
                        async: false,
                        type: 'GET',
                        url: url_C,
                        data: params_C,
                        datatype: 'JSON',
                        success: function (data_) {
                            if (data_.codrespuesta == "COD_000") {
                                let ciudad = data_.entidadRespuesta;
                                $.each(ciudad, function (key, ciudad_) {
                                    $("select#Ciudad").append('<option value="' + ciudad_.codciudad + '" ">' + ciudad_.nombre + '</option>');
                                });
                            }
                        }, error: function (mensaje) {
                            console.log(mensaje)
                        }
                    });
                }

                function crea_proveedor() {
                    let codcliente = "{{$UsuarioGE['listcliente']['codcliente']}}";
                    let nombre = $("#Nombre").val();
                    let direccion = $("#Direccion").val();
                    let telefono = $("#Telefono").val();
                    let celular = $("#Celular").val();
                    let ciudad = $("#Ciudad").val();
                    let contacto = $("#Contacto").val();
                    let urbanizacion = $("#Urbanizacion").val();
                    let RecolectaSysGE = '1';
                    let ClientesMaster = "{{$UsuarioGE['listcliente']['master']}}";
                    let url = $("#url").data('url'),
                        method = 'POST',
                        pagina = 'canguroazul/',
                        params = {
                            webservice: 'insertarProveedorWs',
                            pagina: pagina,
                            method: method,
                            campos: ['codcliente', 'nombre', 'direccion', 'telefono', 'celular', 'ciudad', 'contacto', 'urbanizacion', 'RecolectaSysGE', 'ClientesMaster'],
                            valores: [codcliente, nombre, direccion, telefono, celular, ciudad, contacto, urbanizacion, RecolectaSysGE, ClientesMaster]
                        };
                    $.ajax({
                        async: false,
                        type: method,
                        url: url,
                        data: params,
                        datatype: 'JSON',
                        success: function (data) {

                            $.confirm({
                                title: 'Exito!',
                                content: 'Se Creo con exito',
                                buttons: {
                                    info: {
                                        text: 'Aceptar',
                                        btnClass: 'btn-blue',
                                        action: function () {
                                            location.reload();
                                        }
                                    },
                                }
                            });


                            console.log(data);

                        }, error: function (mensaje) {
                            console.log(mensaje)
                        }
                    });
                }

                function limpia() {
                    $('#Nombre').removeClass("is-invalid");
                    $('#Direccion').removeClass("is-invalid");
                    $('#Telefono').removeClass("is-invalid");
                    $('#Celular').removeClass("is-invalid");
                    $('#Ciudad').removeClass("is-invalid");
                    $('#Contacto').removeClass("is-invalid");
                    $('#Urbanizacion').removeClass("is-invalid");
                }

                function verzonas_servidas() {
                    window.open('https://www.zoomenvios.com/atencioncliente/zonasservidas.php', "", "width=900,height=900,location=no,menubar=no,personalbar=no,resizable=no,status=no,toolbar=no,scrollbars=yes")
                }


                function verzonas_no_servidas() {
                    window.open('https://www.zoomenvios.com/atencioncliente/zonanoservida.php', "", "width=900,height=900,location=no,menubar=no,personalbar=no,resizable=no,status=no,toolbar=no,scrollbars=yes")
                }


            </script>
@endsection