@extends('layouts/master')
@section('header')

    <link rel="stylesheet" href="{!! asset('css/jquery.tablesorter.pager.css') !!}" type="text/css">
    <link href="{!! asset('/css/datatables.css') !!}" type="text/css" rel="stylesheet">
    @php

        $desde = '01:00 PM';
        $hasta = '05:30 PM';

    $fecha = new DateTime();
        $fecha = $fecha->format("d-m-Y");
    @endphp
@endsection
@section('content')
    <div class="row">
        <div class="col-sm-12 col-xs-12 col-md-12">
            <div class="panel panel-primary"> <!--Inicio DIV del panel Registro de Recolecta Eventual-->
                <div class="panel-heading">
                    <h3 class="panel-title"><span class="glyphicon glyphicon-road"></span> RECOLECTA FIJA </h3>
                </div>
               

            <form method="post" action="{{ route('actRecolectaFijaDatos') }}" accept-charset="UTF-8" enctype="multipart/form-data">
                <div class="panel-body">
                    <div class="row">
                        <div class="col-sm-10 col-xs-10 col-md-10 col-md-offset-1">
                            <div class="panel panel-primary">
                                <div class="panel-heading">
                                    <h3 class="panel-title"><span class="glyphicon glyphicon-user"></span> DATOS DE LA RECOLECTA : {{$detalleRecolectaFija['entidadRespuesta'][0]['codrecolectadir']}}</h3>
                                    <input type="hidden" name="codrecolectadir" value=" {{$detalleRecolectaFija['entidadRespuesta'][0]['codrecolectadir']}}">
                                </div>

                                <div class="panel-body">
                                    <table class="table table-bordered">

                                        <tbody>
                                        <tr>
                                            <th style="font-weight: bold; background: #F5F5F5">Cliente:</th>
                                            <th style="font-weight: bold; background: #F5F5F5">Contacto:</th>
                                            <th style="font-weight: bold; background: #F5F5F5">Teléfono:</th>
                                            <th style="font-weight: bold; background: #F5F5F5">Dirección:</th>
                                        </tr>
                                        <tr>
                                            <td>{{$detalleRecolectaFija['entidadRespuesta'][0]['nombrecliente']}}</td>
                                            <td><div class="form-group">
                                                <input class="form-control"  id="contacto"
                                                       name="contacto"
                                                       value="{{ $detalleRecolectaFija['entidadRespuesta'][0]['contacto'] }}">
                                                </div>
                                            </td>
                                            <td><div class="form-group">
                                                    <input class="form-control" id="telefono"
                                                        name="telefono"
                                                        value="{{ $detalleRecolectaFija['entidadRespuesta'][0]['telefono'] }}">
                                                </div>
                                            </td>
                                            <td><div class="form-group">
                                                <textarea  class="form-control" style="resize: none"   id="direccion"
                                                        name="direccion"
                                                >{{ $detalleRecolectaFija['entidadRespuesta'][0]['direccion'] }}</textarea>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <th style="font-weight: bold; background: #F5F5F5">Servicio:</th>
                                            <th style="font-weight: bold; background: #F5F5F5">Ciudad:</th>
                                            <th style="font-weight: bold; background: #F5F5F5">Ruta:</th>
                                            <th style="font-weight: bold; background: #F5F5F5">Vehiculo:</th>
                                        </tr>
                                        <tr>

                                            <td>@if($detalleRecolectaFija['entidadRespuesta'][0]['codcasillero'] <> 0) CASILLERO @else GUIA @endif</td>
                                            <td>{{ strtoupper($detalleRecolectaFija['entidadRespuesta'][0]['ciudad']) }}</td>
                                            <td>
                                                <select  class="selectpicker"    name="codruta" id="codruta">
                                                    <option value="0">...</option>

                                                    @foreach($consultaRutas['entidadRespuesta'] as  $rutas)
                                                        @if($detalleRecolectaFija['entidadRespuesta'][0]['numerorut'] == $rutas['numerorut'])
                                                            <option value="{{$detalleRecolectaFija['entidadRespuesta'][0]['codruta']}}" selected
                                                            >{{ $rutas['numerorut'] }}</option>
                                                        @elseif($rutas['numerorut'] != $detalleRecolectaFija['entidadRespuesta'][0]['numerorut'])
                                                            <option
                                                                    value="{{ $rutas['codruta'] }}">{{ $rutas['numerorut'] }}</option>
                                                        @endif
                                                    @endforeach

                                                </select>
                                            </td>
                                            <td>
                                                <select class="selectpicker"   name="codtipoveh" id="codtipoveh">


                                                        @if($detalleRecolectaFija['entidadRespuesta'][0]['tipoveh'] == 'MOTO')
                                                            <option selected value="1">MOTO</option>
                                                            <option value="2">CAMION</option>
                                                        @elseif($detalleRecolectaFija['entidadRespuesta'][0]['tipoveh'] == 'CAMION')
                                                            <option selected value="2">CAMION</option>
                                                            <option value="1">MOTO</option>
                                                        @endif

                                                </select>
                                            </td>
                                        </tr>
                                        <tr>
                                            <th style="font-weight: bold; background: #F5F5F5">Observación:</th>
                                            <th style="font-weight: bold; background: #F5F5F5">Imprimir Nota:</th>
                                            <th style="font-weight: bold; background: #F5F5F5">Fecha Modificación:</th>
                                            <th style="font-weight: bold; background: #F5F5F5">Hora Modificación:</th>
                                        </tr>
                                        <tr>
                                            <td><div class="form-group">
                                                <input class="form-control" id="observacion"
                                                           name="observacion"
                                                            value="{{ $detalleRecolectaFija['entidadRespuesta'][0]['observaciones'] }}">
                                                </div>
                                            </td>
                                            <td>
                                                <select  class="selectpicker"   name="imprimir" id="imprimir">
                                                    @if($detalleRecolectaFija['entidadRespuesta'][0]['imprimir'] == true)
                                                        <option selected value="2">SI</option>
                                                        <option value="1">NO</option>
                                                        @else
                                                        <option selected value="1">NO</option>
                                                        <option value="2">SI</option>
                                                        @endif
                                                </select>
                                            </td>
                                            <td>{{ strtoupper($detalleRecolectaFija['entidadRespuesta'][0]['fechamod']) }}</td>
                                            <td>{{ substr($detalleRecolectaFija['entidadRespuesta'][0]['horamod'],0,8) }}</td>
                                        </tr>

                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="panel-primary">
                    <div class="panel-heading">
                        <h3 class="panel-title"><span class="glyphicon glyphicon-calendar"></span> DÍAS Y HORA:</h3>
                    </div>
                    <br>
                    <div class="panel-body">
                        <table class="table table-bordered">
                            <tbody>
                            <tr>
                                <th style="font-weight: bold; background: #F5F5F5"></th>
                                <th style="font-weight: bold; background: #F5F5F5">Desde:</th>
                                <th style="font-weight: bold; background: #F5F5F5">Hasta:</th>
                            </tr>
                            <tr>
                                <th style="font-weight: bold; background: #F5F5F5">LUNES</th>
                                <th style="font-weight: bold; background: #F5F5F5">
                                    <div class="input-group timepicker-hour" id="timepickerdesde">
                                        <input type="text" class="form-control input-sm" id="horadesLun"
                                               name="horadesLun"
                                               value="{{ substr(($detalleRecolectaFija['entidadRespuesta'][0]['recolectalunhor']),0,7) }}"
                                               data-container="body"
                                               data-placement="right"
                                               data-msg-required="Este campo es Requerido."
                                               data-rule-required="true"
                                        >
                                        <span class="input-group-addon">
                                                        <span class="glyphicon glyphicon-time"></span>
                                                    </span>
                                    </div>
                                   </th>
                                <th style="font-weight: bold; background: #F5F5F5">
                                    <div class="input-group timepicker-hour" id="timepickerhasta">
                                        <input type="text" class="form-control input-sm" id="horahasLun"
                                               name="horahasLun"
                                               value="{{ substr(($detalleRecolectaFija['entidadRespuesta'][0]['recolectalunhor']),8,15) }}"
                                               data-container="body"
                                               data-placement="right"
                                               data-msg-required="Este campo es Requerido."
                                               data-rule-required="true"
                                        >
                                        <span class="input-group-addon">
                                                        <span class="glyphicon glyphicon-time"></span>
                                                    </span>
                                    </div>
                                </th>
                            </tr>
                            <tr>
                                <th style="font-weight: bold; background: #F5F5F5">MARTES</th>
                                <th style="font-weight: bold; background: #F5F5F5">
                                    <div class="input-group timepicker-hour" id="timepickerdesdeMar">
                                        <input type="text" class="form-control input-sm" id="horadesMar"
                                               name="horadesMar"
                                               value="{{ substr(($detalleRecolectaFija['entidadRespuesta'][0]['recolectamarhor']),0,7) }}"
                                               data-container="body"
                                               data-placement="right"
                                               data-msg-required="Este campo es Requerido."
                                               data-rule-required="true"
                                        >
                                        <span class="input-group-addon">
                                                        <span class="glyphicon glyphicon-time"></span>
                                                    </span>
                                    </div>

                                   </th>
                                <th style="font-weight: bold; background: #F5F5F5">
                                    <div class="input-group timepicker-hour" id="timepickerhastaMar">
                                        <input type="text" class="form-control input-sm" id="horahasMar"
                                               name="horahasMar"
                                               value="{{ substr(($detalleRecolectaFija['entidadRespuesta'][0]['recolectamarhor']),8,15) }}"
                                               data-container="body"
                                               data-placement="right"
                                               data-msg-required="Este campo es Requerido."
                                               data-rule-required="true"
                                        >
                                        <span class="input-group-addon">
                                                        <span class="glyphicon glyphicon-time"></span>
                                                    </span>
                                    </div>
                                    </th>
                            </tr>
                            <tr>
                                <th style="font-weight: bold; background: #F5F5F5">MIERCOLES</th>
                                <th style="font-weight: bold; background: #F5F5F5">
                                    <div class="input-group timepicker-hour" id="timepickerdesdeMie">
                                        <input type="text" class="form-control input-sm" id="horadesMie"
                                               name="horadesMie"
                                               value="{{ substr(($detalleRecolectaFija['entidadRespuesta'][0]['recolectamiehor']),0,7) }}"
                                               data-container="body"
                                               data-placement="right"
                                               data-msg-required="Este campo es Requerido."
                                               data-rule-required="true"
                                        >
                                        <span class="input-group-addon">
                                                        <span class="glyphicon glyphicon-time"></span>
                                                    </span>
                                    </div>
                                </th>
                                <th style="font-weight: bold; background: #F5F5F5">
                                    <div class="input-group timepicker-hour" id="timepickerhastaMie">
                                        <input type="text" class="form-control input-sm" id="horahasMie"
                                               name="horahasMie"
                                               value="{{ substr(($detalleRecolectaFija['entidadRespuesta'][0]['recolectamiehor']),8,15) }}"
                                               data-container="body"
                                               data-placement="right"
                                               data-msg-required="Este campo es Requerido."
                                               data-rule-required="true"
                                        >
                                        <span class="input-group-addon">
                                                        <span class="glyphicon glyphicon-time"></span>
                                                    </span>
                                    </div>
                                    </th>
                            </tr>
                            <tr>
                                <th style="font-weight: bold; background: #F5F5F5">JUEVES</th>
                                <th style="font-weight: bold; background: #F5F5F5">
                                    <div class="input-group timepicker-hour" id="timepickerdesdeJue">
                                        <input type="text" class="form-control input-sm" id="horadesJue"
                                               name="horadesJue"
                                               value="{{ substr(($detalleRecolectaFija['entidadRespuesta'][0]['recolectajuehor']),0,7) }}"
                                               data-container="body"
                                               data-placement="right"
                                               data-msg-required="Este campo es Requerido."
                                               data-rule-required="true"
                                        >
                                        <span class="input-group-addon">
                                                        <span class="glyphicon glyphicon-time"></span>
                                                    </span>
                                    </div>
                                    </th>
                                <th style="font-weight: bold; background: #F5F5F5">
                                    <div class="input-group timepicker-hour" id="timepickerhastaJue">
                                        <input type="text" class="form-control input-sm" id="horahasJue"
                                               name="horahasJue"
                                               value="{{ substr(($detalleRecolectaFija['entidadRespuesta'][0]['recolectajuehor']),8,15) }}"
                                               data-container="body"
                                               data-placement="right"
                                               data-msg-required="Este campo es Requerido."
                                               data-rule-required="true"
                                        >
                                        <span class="input-group-addon">
                                                        <span class="glyphicon glyphicon-time"></span>
                                                    </span>
                                    </div>
                                    </th>
                            </tr>
                            <tr>
                                <th style="font-weight: bold; background: #F5F5F5">VIERNES</th>
                                <th style="font-weight: bold; background: #F5F5F5">
                                    <div class="input-group timepicker-hour" id="timepickerdesdeVie">
                                        <input type="text" class="form-control input-sm" id="horadesVie"
                                               name="horadesVie"
                                               value="{{ substr(($detalleRecolectaFija['entidadRespuesta'][0]['recolectaviehor']),0,7) }}"
                                               data-container="body"
                                               data-placement="right"
                                               data-msg-required="Este campo es Requerido."
                                               data-rule-required="true"
                                        >
                                        <span class="input-group-addon">
                                                        <span class="glyphicon glyphicon-time"></span>
                                                    </span>
                                    </div>
                                    </th>
                                <th style="font-weight: bold; background: #F5F5F5">
                                    <div class="input-group timepicker-hour" id="timepickerhastaVie">
                                        <input type="text" class="form-control input-sm" id="horahasVie"
                                               name="horahasVie"
                                               value="{{ substr(($detalleRecolectaFija['entidadRespuesta'][0]['recolectaviehor']),8,15) }}"
                                               data-container="body"
                                               data-placement="right"
                                               data-msg-required="Este campo es Requerido."
                                               data-rule-required="true"
                                        >
                                        <span class="input-group-addon">
                                                        <span class="glyphicon glyphicon-time"></span>
                                                    </span>
                                    </div>
                                    </th>
                            </tr>

                            </tbody>
                        </table>
                    </div>
                    <br>
                    <div class="">
                        <div class="panel-body">
                            <button type="submit" id="enviar" class="btn btn-primary btn-sm" style="float: right;">Procesar
                            </button>
                            <a href="{{ route('index') }}" class="btn btn-default btn-sm"
                               style="float: right; margin-right: 20px">Volver</a>
                        </div>
                    </div>
                </div>
            </form>
            </div>
        </div>



        @endsection
        @section('script')

            <script type="text/javascript" src="{!! asset('/js/jquery-ui.min.js') !!}"></script>
            {{--<link rel="stylesheet" type="text/css" href="{{ asset('DataTables/datatables.min.css') }}"/>
                <script type="text/javascript" src="{!! asset('DataTables/datatables.min.js') !!}"></script>--}}
            <script type="text/javascript" src="{!! URL::asset('/js/datatables.js')  !!}"></script>

            <script type="text/javascript">



                $(function () {
                    $('#timepickerdesde').datetimepicker({
                        format: 'LT'
                    });
                });
                $(function () {
                    $('#timepickerdesdeMar').datetimepicker({
                        format: 'LT'
                    });
                });
                $(function () {
                    $('#timepickerdesdeMie').datetimepicker({
                        format: 'LT'
                    });
                });
                $(function () {
                    $('#timepickerdesdeJue').datetimepicker({
                        format: 'LT'
                    });
                });
                $(function () {
                    $('#timepickerdesdeVie').datetimepicker({
                        format: 'LT'
                    });
                });

                $(function () {
                    $('#timepickerhasta').datetimepicker({
                        format: 'LT'
                    });
                });
                $(function () {
                    $('#timepickerhastaMar').datetimepicker({
                        format: 'LT'
                    });
                });
                $(function () {
                    $('#timepickerhastaMie').datetimepicker({
                        format: 'LT'
                    });
                });
                $(function () {
                    $('#timepickerhastaJue').datetimepicker({
                        format: 'LT'
                    });
                });
                $(function () {
                    $('#timepickerhastaVie').datetimepicker({
                        format: 'LT'
                    });
                });

                function activar2(codoficinaope, codoficina) {

                    if(codoficinaope == codoficina){
                        //alert("aaaa");
                        $("#vehiculo").attr('disabled', false);
                        $("#ruta").attr('disabled', false);
                    }else{
                        // alert("bbbb");
                        $("#vehiculo").attr('disabled', true);
                        $("#ruta").attr('disabled', true);
                    }

                }

                function activar(form) {
                    if (form.tipo_servicio.value == 'GUIA') {
                        form.codcasillero.value = '';
                        form.codcasillero.disabled = true;
                    }
                    else{
                        form.codcasillero.disabled = false;
                        form.codcasillero.focus();
                    }

                }
            </script>

            <script>
                $('#enviar').on('click', function() {
                    var RegistroForm=$('#crearRecolecta').valid();
                    //alert(RegistroForm);
                    if(RegistroForm==true) {
                        $('#procesando').modal('show');
                        var elem = document.getElementById("progressBar");
                        var width = 1;
                        var id = setInterval(frame, 5);

                        function frame() {
                            if (width >= 100) {
                                clearInterval(id);
                            } else {
                                width++;
                                elem.style.width = width + '%';
                                document.getElementById("label").innerHTML = width * 1 + '%';
                            }
                        }
                    }
                });
            </script>
            <script>
                $(function () {
                    var date = new Date();
                    var today = new Date(date.getFullYear(), date.getMonth(), date.getDate());

                    $('#datetimepicker').datetimepicker({
                        minDate: today,
                        format: 'D-M-YYYY',
                        useCurrent: false,
                        widgetPositioning: {
                            vertical: 'bottom'
                        }

                    });
                });

                $(function () {
                    $('#timepickerhasta').datetimepicker({
                        format: 'LT'
                    });
                });
                $(function () {
                    $('#timepickerdesde').datetimepicker({
                        format: 'LT'
                    });
                });
            </script>
            <script>
                $(document).ready(function () {

                    var t = $('#datos').DataTable({
                        columnDefs: [{
                            "searchable": false,
                            "orderable": false,
                            "targets": 0
                        }],
                        order: [[6, 'desc']],
                        dom: 'Bfrtip',
                        buttons: [],
                        pageLength: 5,
                        language: {
                            "processing": "Procesando...",
                            "lengthMenu": "Mostrar _MENU_ registros",
                            "zeroRecords": "No se encontraron resultados",
                            "emptyTable": "Ningún dato disponible en esta tabla",
                            "info": "Mostrando registros del _START_ al _END_ de un total de _TOTAL_ registros",
                            "infoEmpty": "Mostrando registros del 0 al 0 de un total de 0 registros",
                            "infoFiltered": "(filtrado de un total de _MAX_ registros)",
                            "infoPostFix": "",
                            "search": "Búsqueda:",
                            "url": "",
                            "infoThousands": ",",
                            "loadingRecords": "Cargando...",
                            "paginate": {
                                "first": "Primero",
                                "last": "Último",
                                "next": "Siguiente",
                                "previous": "Anterior"
                            }
                        }

                    });

                    t.on('order.dt search.dt', function () {
                        t.column(0, {search: 'applied', order: 'applied'}).nodes();
                    }).draw();
                });

                $(document).ready(function () {

                    var t = $('#datos2').DataTable({
                        columnDefs: [{
                            "searchable": false,
                            "orderable": false,
                            "targets": 0
                        }],
                        order: [[6, 'desc']],
                        dom: 'Bfrtip',
                        buttons: [],
                        pageLength: 5,
                        language: {
                            "processing": "Procesando...",
                            "lengthMenu": "Mostrar _MENU_ registros",
                            "zeroRecords": "No se encontraron resultados",
                            "emptyTable": "Ningún dato disponible en esta tabla",
                            "info": "Mostrando registros del _START_ al _END_ de un total de _TOTAL_ registros",
                            "infoEmpty": "Mostrando registros del 0 al 0 de un total de 0 registros",
                            "infoFiltered": "(filtrado de un total de _MAX_ registros)",
                            "infoPostFix": "",
                            "search": "Búsqueda:",
                            "url": "",
                            "infoThousands": ",",
                            "loadingRecords": "Cargando...",
                            "paginate": {
                                "first": "Primero",
                                "last": "Último",
                                "next": "Siguiente",
                                "previous": "Anterior"
                            }
                        }

                    });

                    t.on('order.dt search.dt', function () {
                        t.column(0, {search: 'applied', order: 'applied'}).nodes();
                    }).draw();
                });
            </script>

            <script>
                $(function () {
                    /* START OF DEMO JS - NOT NEEDED */
                    if (window.location == window.parent.location) {
                        $('#fullscreen').html('<span class="glyphicon glyphicon-resize-small"></span>');
                        $('#fullscreen').attr('href', 'http://bootsnipp.com/mouse0270/snippets/PbDb5');
                        $('#fullscreen').attr('title', 'Back To Bootsnipp');
                    }
                    $('#fullscreen').on('click', function(event) {
                        event.preventDefault();
                        window.parent.location =  $('#fullscreen').attr('href');
                    });
                    $('#fullscreen').tooltip();
                    /* END DEMO OF JS */

                    $('.navbar-toggler').on('click', function(event) {
                        event.preventDefault();
                        $(this).closest('.navbar-minimal').toggleClass('open');
                    })
                });
            </script>

            <script type="text/javascript">
                $('document').ready(function () {
                    $("#editarRecolecta").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>
            <script>

                function ConfirmInactive()
                {
                    var x = confirm("¿Está seguro que desea inactivar este proveedor?");
                    if (x)
                        return true;
                    else
                        return false;
                }


            </script>
            <script type="text/javascript">

                $('document').ready(function () {
                    $("#crearRecolecta").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>
            <script type="text/javascript">

                $('document').ready(function () {
                    $("#CrearProveedor").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
                            });
                        }
                    });
                });

                function getModalData(id) {

                    //console.log('GUIA: '+codguia);

                    $.ajax({
                        url: '{{route('editarProveedor')}}',
                        async: true,
                        type: 'get',
                        data: {id: id},
                        success: function (data) {
                            console.log(data);
                            if (data.codrespuesta = 'COD_000') {
                                $.ajax({
                                    url: '{{route('getCiudades')}}',
                                    async: true,
                                    type: 'get',
                                    data: {},
                                    success: function (dataCiudades) {
                                        console.log(dataCiudades);
                                        if (dataCiudades.codrespuesta = 'COD_000') {
                                            var Ciudades = dataCiudades.dataCiudades;
                                            //$.each(Ciudades.entidadRespuesta, function (index, value) {


                                            $('#miModalCod tbody').html('');

                                            $('#container').html('');

                                            $('#miModalCod').find('#container').append('<div class="col-md-4 color3" id="nombre"><label for="nombre" class="text-primary"><b>Nombre:</b></label><input type="text" class="form-control input-sm" id="nombre" name="nombre" value="' + data.data.entidadRespuesta[0].nombre + '" data-container="body" data-placement="right" data-msg-required="Este campo es Requerido." data-rule-required="true"></div>');
                                            $('#miModalCod').find('#container').append('<div class="col-md-4 col-md-offset" id="contacto"><label for="contacto" class="text-primary"><b>Contacto:</b></label><input type="text" class="form-control input-sm" id="contacto" name="contacto" value="' + data.data.entidadRespuesta[0].contacto + '" data-container="body" data-placement="right" data-msg-required="Este campo es Requerido." data-rule-required="true"></div>');
                                            $('#miModalCod').find('#container').append('<div class="col-md-4 col-md-offset" id="direccion"><label for="direccion" class="text-primary"><b>Dirección:</b></label><input type="text" class="form-control input-sm" id="direccion" name="direccion" value="' + data.data.entidadRespuesta[0].direccion + '" data-container="body" data-placement="right" data-msg-required="Este campo es Requerido." data-rule-required="true"></div>');
                                            $('#miModalCod').find('#container').append('<div class="panel-body"></div><div class="col-md-4 color3" id="urbanizacion"><label for="urbanizacion" class="text-primary"><b>Urbanización:</b></label><input type="text" class="form-control input-sm" id="urbanizacion" name="urbanizacion" value="' + data.data.entidadRespuesta[0].urbanizacion + '" data-container="body" data-placement="right" data-msg-required="Este campo es Requerido." data-rule-required="true"></div>');
                                            var selectcodciudad = $('#miModalCod').find('#ciudad');
                                            selectcodciudad.find('option').remove();
                                            selectcodciudad.append('<option value="">Seleccione Ciudad</option>');
                                            var $count = Ciudades.entidadRespuesta.length;
                                            for (var j = 0; j < $count; j++) {
                                                selectcodciudad.append('<option value="' + Ciudades.entidadRespuesta[j].codciudad + '">' + Ciudades.entidadRespuesta[j].nombre_ciudad + '</option>');
                                            }
                                            /*$('#miModalCod').find('#container').append('<div class="col-md-4 col-md-offset" id="ciudad">' +
                                             '<label for="ciudad" class="text-primary"><b>Ciudad:</b></label><select name="ciudad" id="ciudad" id="ciudad" class="form-control input-sm"><option value="' + Ciudades.entidadRespuesta[2].codciudad + '">' + Ciudades.entidadRespuesta[2].nombre_ciudad + '</option></select></div>');
                                             */

                                            //$('#miModalCod').find('#tabla').append('<div class="col-md-4 col-md-offset" id="ciudad"><label for="ciudad" class="text-primary"><b>Ciudad:</b></label><select name="ciudad" id="ciudad" id="ciudad" class="form-control input-sm"><option value="'+ value.codciudad +'">'+ value.nombre_ciudad +'</option></select></div>');
                                            $('#miModalCod').find('#container').append('<div class="col-md-4 col-md-offset" id="telefono"><label for="telefono" class="text-primary"><b>Telefono:</b></label><input type="text" class="form-control input-sm" id="telefono" name="telefono" value="' + data.data.entidadRespuesta[0].telefono + '" data-container="body" data-placement="right" data-msg-required="Este campo es Requerido." data-rule-required="true"></div>');

                                            $('#miModalCod').modal('show');
                                            //});
                                        }
                                    },
                                    error: function (mensaje) {

                                    },
                                });

                            }
                        },
                        error: function (mensaje) {

                        },
                    });


                }
            </script>

@endsection