{{--
Creado por Yonarkis Linares
Fecha: 23/11/2017/

Modificado por Ender Bastidas
10/05/2018


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

    <style>
        div.dt-buttons.btn-group{
            display: inline;
        }
        #datos_filter.dataTables_filter{
            text-align: left;
            margin-bottom: 1%;
        }
    </style>

    <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')

    @if($mensaje  && $cod == true && $menu == 2)
        <div class="alert alert-success col-sm-6 col-sm-push-3" style="margin-top: 20px;">
            <button type="button" class="close" data-dismiss="alert">&times;</button>
            <strong>{{ $mensaje }}</strong>
        </div>

    @endif

    @if($mensaje  && $cod == true && $menu == 3)
        <div class="alert alert-success col-sm-6 col-sm-push-3" style="margin-top: 20px;">
            <button type="button" class="close" data-dismiss="alert">&times;</button>
            <strong>{{ $mensaje }}</strong>
        </div>
    @endif
    @if($mensaje  && $cod == true && $menu == 4)
        <div class="alert alert-success col-sm-6 col-sm-push-3" style="margin-top: 20px;">
            <button type="button" class="close" data-dismiss="alert">&times;</button>
            <strong>{{ $mensaje }}</strong>
        </div>
    @endif
    @if($mensaje  && $cod == true && $menu == 5)
        <div class="alert alert-success col-sm-6 col-sm-push-3" style="margin-top: 20px;">
            <button type="button" class="close" data-dismiss="alert">&times;</button>
            <strong>{{ $mensaje }}</strong>
        </div>
    @endif
    @if($mensaje  && $cod == true && $menu == 6)
        <div class="alert alert-danger col-sm-6 col-sm-push-3" style="margin-top: 20px;">
            <button type="button" class="close" data-dismiss="alert">&times;</button>
            <strong>{{ $mensaje }}</strong>
        </div>
    @endif
    {{-- {{dump(Session::get('entidadRespuesta'))}} --}}

    <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">Registro de Recolecta Eventual</h3>
                </div>
                <br>

                <form method="post" action="{{ route('crear') }}" accept-charset="UTF-8" enctype="multipart/form-data" target="_blank">
                    <div align="row">
                        <div class="col-md-4 col-md-offset-7 form-group">
                            <div class="input-group date col-xs-12 col-md-12 col-sm-12">
                                <input type="number" class="form-control" id="codcliente" placeholder="Ingresar el C&oacute;digo del Cliente" name="codcliente"
                                       data-container="body"
                                       data-msg-required="Este campo es Requerido."
                                       data-rule-required="true"
                                /> <span class="input-group-btn">
                                        <button class="btn btn-primary" type="submit">Búsqueda <span class=" glyphicon glyphicon-search"></span></button>
                                    </span>

                                <input type="hidden" style="width : 150px; heigth : 150px" id="checkcodcliente" name="checkcodcliente"
                                       value="on"/>
                                <input type="hidden" style="width : 150px; heigth : 150px" id="busqueda" name="busqueda"
                                       value="1"/>
                            </div>
                        </div>
                    </div>
                </form>
                <div class="panel-body" style="margin-bottom: -2%;">
                    <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> INFORMACIÓN DEL CLIENTE:</h3>
                                </div>

                                <div class="panel-body">
                                    <table class="table table-bordered">
                                        <input type="hidden" style="width : 150px; heigth : 150px" id="busqueda"
                                               name="busqueda"
                                               value="2">
                                        <input type="hidden" style="width : 150px; heigth : 150px" id="codcliente"
                                               name="codcliente"
                                               value="{{ $consultaCliente['entidadRespuesta'][0]['codcliente'] }}">
                                        <tbody>
                                        <tr>
                                            <th style="font-weight: bold; background: #F5F5F5">Código:</th>
                                            <th style="font-weight: bold; background: #F5F5F5">Nombre:</th>
                                            <th style="font-weight: bold; background: #F5F5F5">Dirección:</th>
                                        </tr>
                                        <tr>
                                            <td>{{ strtoupper($consultaCliente['entidadRespuesta'][0]['codcliente']) }}</td>
                                            <td>{{ strtoupper($consultaCliente['entidadRespuesta'][0]['nombre']) }}</td>
                                            <td>{{ strtoupper($consultaCliente['entidadRespuesta'][0]['direccionobl']) }}</td>
                                        </tr>
                                        <tr>
                                            <th style="font-weight: bold; background: #F5F5F5">Urbanización:</th>
                                            <th style="font-weight: bold; background: #F5F5F5">Ciudad:</th>
                                            <th style="font-weight: bold; background: #F5F5F5">Nombre Contacto:</th>
                                        </tr>
                                        <tr>
                                            <td>{{ strtoupper($consultaCliente['entidadRespuesta'][0]['urbanizacionobl']) }}</td>
                                            <td>{{ strtoupper($consultaCliente['entidadRespuesta'][0]['ciudadobl']) }}</td>
                                            <td>{{ strtoupper($consultaCliente['entidadRespuesta'][0]['nombrecontacto']) }}</td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-12 col-xs-12 col-md-12">
                        <div class="panel-primary">
                            <div class="panel-heading">
                                <h3 class="panel-title"><span class="glyphicon glyphicon-user"></span> BENEFICIARIO DE LA RECOLECTA:</h3>
                            </div>
                            <div class="panel-body" style="margin-bottom: -3%;width: 0;float: right; margin-top: -4px;" >
                                <!-- <a class="btn btn-primary" style="float: right;" data-toggle="modal"
                                    data-target="#ActivarProveedor" title="Activar Beneficiario">Activar <span class="glyphicon glyphicon-ok"></span></a>-->

                                <a class="btn btn-success" style="float: right; margin-right: 20px; padding: 10px;"
                                   data-toggle="modal"
                                   data-target="#agregarProveedor" title="Agregar Beneficiario">Agregar <span class="glyphicon glyphicon-plus-sign"></span>
                                </a>
                                {{--
                                 <a href="{{ route('recolecta.crearProveedor', ['codcliente' => $consultaCliente['entidadRespuesta'][0]['codcliente']])  }}" class="btn btn-success btn-sm"
                                 style="float: right; margin-right: 20px"><span class="glyphicon glyphicon-plus">Agregar Proveedor</span></a>                                                                                                             --}}
                            </div>
                            <form method="post" action="{{ route('crear') }}"
                                  accept-charset="UTF-8" enctype="multipart/form-data" id="crearRecolecta">
                                <input type="hidden" style="width : 150px; heigth : 150px"
                                       id="busqueda" name="busqueda"
                                       value="2">
                                <div class="panel-body" style="margin-bottom: -2%;">
                                    <div class="table-responsive">
                                        <table class="table table-striped table-bordered table-hover" id="datos">
                                            <thead>
                                            <tr>
                                                <th class="text-center">Seleccionar Beneficiario</th>
                                                <th class="text-center">Beneficiario:</th>
                                                <th class="text-center">Direcci&oacute;n:</th>
                                                <th class="text-center">Urbanizaci&oacute;n:</th>
                                                <th class="text-center">Ciudad:</th>
                                                <th class="text-center">Tel&eacute;fono:</th>
                                                <th class="text-center">Celular:</th>
                                                <th class="text-center">Contacto:</th>
                                                <th class="text-center">Acción:</th>
                                            </tr>
                                            </thead>
                                            <tfoot></tfoot>
                                            <tbody class="text-center">
                                            <input type="hidden" style="width : 150px; heigth : 150px" id="codcliente"
                                                   name="codcliente"
                                                   value="{{ $consultaCliente['entidadRespuesta'][0]['codcliente'] }}">
                                            @foreach($consultaProveedor['entidadRespuesta'] as $proveedor)
                                                <tr>
                                                    <input type="hidden" style="width : 150px; heigth : 150px"
                                                           id="codoficina" name="codoficina"
                                                           value="{{ $data['codoficina'] }}">

                                                    <input type="hidden" style="width : 150px; heigth : 150px"
                                                           id="codoficina_opemia" name="codoficina_opemia"
                                                           value="{{ $proveedor['codoficinaope'] }}">

                                                    <td>
                                                        <label class="radio-inline"><input type="radio"
                                                                                           id="codproveedor"
                                                                                           value="{{ $proveedor['codproveedor'] }}"
                                                                                           name="codproveedor"
                                                                                           data-msg-required="Este campo es Requerido."
                                                                                           data-rule-required="true"
                                                                                           onchange="activar2('{{$proveedor['codoficinaope']}}', '{{$data['codoficina']}}')">
                                                        </label>
                                                    </td>
                                                    <td>{{ strtoupper($proveedor['nombre']) }}</td>
                                                    <td>{{ strtoupper($proveedor['direccion']) }}</td>
                                                    <td>{{ strtoupper($proveedor['urbanizacion']) }}</td>
                                                    <td>{{ strtoupper($proveedor['nombreciudad']) }}</td>
                                                    <td>{{ strtoupper($proveedor['telefono']) }}</td>
                                                    <td>{{ strtoupper($proveedor['celular']) }}</td>
                                                    <td>{{ strtoupper($proveedor['contacto']) }}</td>
                                                    <td>
                                                        @if($proveedor['codproveedor'] != 0)
                                                            <a href="{{ route('editarProveedor', ['id' => $proveedor['codproveedor'],'codcliente' => $consultaCliente['entidadRespuesta'][0]['codcliente']])  }}" target="_blank" class="btn btn-primary" name="editar" id="editar" title="Editar Beneficiario">
                                                                <span class="glyphicon glyphicon-pencil"></span>
                                                            </a>
                                                            @else
                                                            <button class="btn btn-warning" onclick="noPermit()" id="noPermi" title="Editar Beneficiario">
                                                                <span class="glyphicon glyphicon-remove"></span>
                                                            </button>
                                                        @endif
                                                        {{--<a class="btn btn-primary"
                                                           data-toggle="modal"
                                                           data-target="#editarproveedor" title="Editar"><span class="glyphicon glyphicon-pencil"></span>
                                                        </a>
                                                         <a onclick="getModalData( id ={{$proveedor['codproveedor']}})"
                                                            class="btn btn-primary" name="editar" id="editar"
                                                            title="Editar">
                                                             <span class="glyphicon glyphicon-pencil"></span>
                                                         </a>--}}
                                                        {{-- <a href="{{ route('recolecta.editarProveedor', ['id' => $proveedor['codproveedor'],'codcliente' => $consultaCliente['entidadRespuesta'][0]['codcliente']])  }}" class="btn btn-danger" name="editar" id="editar" title="Inactivar">
                                                             <span class="glyphicon glyphicon-off"></span>
                                                         </a>
                                                          <a onclick="getModalData( id ={{$proveedor['codproveedor']}})"
                                                             class="btn btn-primary" name="editar" id="editar"
                                                             title="Editar">
                                                              <span class="glyphicon glyphicon-pencil"></span>
                                                          </a>--}}
                                                    </td>
                                                </tr>
                                            @endforeach
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <br>

                                <!--Aqui empieza formulario Datos de la Recolecta-->
                                <div class="panel-primary">
                                    <div class="panel-heading">
                                        <h3 class="panel-title"><span class="glyphicon glyphicon-shopping-cart"></span> DATOS DE LA RECOLECTA:</h3>
                                    </div>
                                    <br>
                                    <div class="row">
                                        <input type="hidden" style="width : 150px; heigth : 150px" id="codcliente"
                                               name="codcliente"
                                               value="{{ $consultaCliente['entidadRespuesta'][0]['codcliente'] }}">

                                        <div class="col-md-3 col-md-offset-1 form-group">
                                            <div class="input-group col-xs-12 col-md-12 col-sm-12">
                                                <label for="horades" class="text-primary">Hora Desde: </label>
                                                <div class="input-group timepicker-hour" id="timepickerdesde">
                                                    <input type="text" class="form-control input-sm" id="horades"
                                                           name="horades"
                                                           value="{{$desde}}"
                                                           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>
                                            </div>
                                        </div>
                                        <div class="col-md-3 form-group">
                                            <div class="input-group col-xs-12 col-md-12 col-sm-12">
                                                <label for="horahas" class="text-primary">Hora Hasta: </label>
                                                <div class="input-group timepicker-hour" id="timepickerhasta">
                                                    <input type="text" class="form-control input-sm" id="horahas"
                                                           name="horahas"
                                                           value="{{$hasta}}"
                                                           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>
                                            </div>
                                        </div>
                                        <div class="col-md-3 form-group">
                                            <div class="input-group col-xs-12 col-md-12 col-sm-12">
                                                <label for="fecha" class="text-primary">Fecha: </label>
                                                <div>
                                                    <div class='input-group date input-group-sm' id='datetimepicker'>
                                                        <input type="text" class="form-control input-sm" id="fecha"
                                                               name="fecha"
                                                               value="{{$fecha}}"
                                                               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-calendar"></span>
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-3 col-md-offset-1 form-group">
                                            <div class="input-group col-xs-12 col-md-12 col-sm-12">
                                                <span class="input-group-addon"><i class="glyphicon glyphicon-th-list" data-toggle="tooltip" data-placement="left" title='Tipo de Envío'></i></span>
                                                <select class="form-control" name="tipoenv" id="tipoenv" required data-placement="bottom"
                                                        data-msg-required="Este campo es Requerido." data-rule-required="true">
                                                    <option value="">--</option>
                                                    @php($i=1)
                                                    @foreach($tipoEnvio['entidadRespuesta'] as $tipoDeEnvio)
                                                        <option
                                                                value="{{$i}}">{{ $tipoDeEnvio['descripcion'] }}
                                                        </option>
                                                        @php($i++)
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-3 form-group">
                                            <div class="input-group col-xs-12 col-md-12 col-sm-12">
                                                <span class="input-group-addon"><i class="glyphicon glyphicon-th-list" data-toggle="tooltip" data-placement="left" title='Debes Seleccionar un Tipo de Servicio'></i></span>
                                                <select name="tipo_servicio" id="tipo_servicio" class="form-control input-sm"
                                                        data-msg-required="Este campo es Requerido." data-rule-required="true"
                                                        onchange="activar(this.form)">
                                                    <option value="">--</option>
                                                    <option value="CASILLERO">CASILLERO</option>
                                                    <option value="GUIA">GUIA</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-3 form-group">
                                            <div class="input-group col-xs-12 col-md-12 col-sm-12">
                                                <span class="input-group-addon"><i class="glyphicon glyphicon-th-list" data-toggle="tooltip" data-placement="left" title='Codigo de Casillero'></i></span>
                                                <select name="codcasillero" id="codcasillero" class="form-control input-sm"
                                                        data-msg-required="Este campo es Requerido." data-rule-required="true">
                                                    <option value="">--</option>
                                                    @foreach($consultaCasillero['entidadRespuesta'] as $casillero)
                                                        <option
                                                            value="{{ $casillero['codcasillero'] }}">{{ $casillero['codcasillero'] }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-3 col-md-offset-1 form-group">
                                            <div class="input-group col-xs-12 col-md-12 col-sm-12">
                                                <span class="input-group-addon"><i class="glyphicon glyphicon-th-list" data-toggle="tooltip" data-placement="left" title='Tipo de Vehiculo'></i></span>
                                                <select name="vehiculo" id="vehiculo" class="form-control input-sm"
                                                        data-msg-required="Este campo es Requerido." data-rule-required="false">
                                                    <option value="">--</option>
                                                    @foreach($tipoVehiculo['entidadRespuesta'] as $vehiculo)
                                                        <option
                                                                value="{{ $vehiculo['codtipoveh'] }}">{{ strtoupper($vehiculo['nombre']) }}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-3 form-group">
                                            <div class="input-group col-xs-12 col-md-12 col-sm-12">
                                                <span class="input-group-addon"><i class="glyphicon glyphicon-th-list" data-toggle="tooltip" data-placement="left" title='Tipo de Ruta'></i></span>
                                                <select name="ruta" id="ruta" class="form-control input-sm"
                                                        data-msg-required="Este campo es Requerido." data-rule-required="false">
                                                    <option value="">--</option>
                                                    @foreach($consultaRutas['entidadRespuesta'] as $rutas)
                                                        <option
                                                                value="{{ $rutas['codruta'] }}">{{ $rutas['numerorut'] }}
                                                        </option>
                                                    @endforeach
                                                </select>

                                            </div>
                                        </div>
                                        <div class="col-md-3 form-group">
                                            <div class="input-group col-xs-12 col-md-12 col-sm-12">
                                                <span class="input-group-addon"><i class="glyphicon glyphicon-th-list" data-toggle="tooltip" data-placement="left" title='Seleccione un Tipo de Vía de Ingreso'></i></span>
                                                <select name="codtipoing" id="codtipoing" class="form-control input-sm"
                                                        data-msg-required="Este campo es Requerido."
                                                        data-rule-required="true">
                                                    <option value="">--</option>
                                                    <option value="0">CORREO</option>
                                                    <option value="1">TELÉFONO</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-3 col-md-offset-1 form-group">
                                            <div style="margin-bottom: 15px" class='input-group date col-xs-12 col-md-12 col-sm-12'>
                                                <textarea type='text' class="form-control" name="contenido" id="contenido" maxlength="105" rows="4"
                                                          placeholder="Contenido Declarado por el Remitente (*)" required
                                                          data-msg-required="Este campo es Requerido."
                                                          onKeyUp="this.value = this.value.toUpperCase();"
                                                          data-placement="top"></textarea>
                                                <span class="input-group-addon">
                                                        <span class="glyphicon glyphicon-road" data-toggle="tooltip" data-placement="top"
                                                              title='Contenido Remitente'></span>
                                                    </span>
                                            </div>
                                        </div>
                                        <div class="col-md-3 col-md-offset">
                                            <div style="margin-bottom: 15px" class='input-group date col-xs-12 col-md-12 col-sm-12'>
                                                <textarea type='text' class="form-control" name="observacion" id="observacion" maxlength="105" rows="4"
                                                          placeholder="Observaciones"
                                                          data-msg-required="Este campo es Requerido."
                                                          onKeyUp="this.value = this.value.toUpperCase();"
                                                          data-placement="top"></textarea>
                                                <span class="input-group-addon">
                                                        <span class="glyphicon glyphicon-road" data-toggle="tooltip" data-placement="top"
                                                              title='Observaci&oacute;n'></span>
                                                    </span>
                                            </div>
                                        </div>
                                        @if($cod_oficina == 46 && ($departamento == 5 or  $departamento == 3 or  $departamento == 45 ))
                                            <div class="col-md-3 form-group">
                                                <div class="input-group col-xs-12 col-md-12 col-sm-12">
                                                    <label for="horades" class="text-primary">¿Generar para hoy?&nbsp;&nbsp;&nbsp;&nbsp;</label>
                                                    <input type="checkbox" class="form-check-input" id="caso_emergente" name="caso_emergente">
                                                </div>
                                            </div>
                                        @endif
                                    </div>
                                    <div class="">
                                        <div class="panel-body" style="margin-top: -5%; margin-right: 5%; margin-bottom: -2%;">
                                            <button type="submit" id="enviar" class="btn btn-primary btn-sm" style="float: right;">Aceptar
                                            </button>
                                            <a href="{{ route('index') }}" class="btn btn-default btn-sm"
                                               style="float: right; margin-right: 20px">Volver</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="panel-footer col-md-12" style="font-size:12px;">
                                    <span class="glyphicon glyphicon-info-sign red"></span> <b>Nota:</b> Al posicionar el "mouse" sobre los iconos del formulario, podrá ver una breve descripci&oacute;n del campo
                                </div>
                            </form>
                        </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 Recolecta, Por Favor Espere...</h4>
                                </div>
                                <div class="modal-body">
                                    <div class="progress">
                                        <div class="progress-bar progress-bar-striped progress-bar-primary 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>
                </div> <!--Final DIV del panel Registro de Recolecta Eventual-->
            </div>
        </div>

        <!--Aqui empiezan los modals de Activar y Agregar Proveedor-->


        <!--Modal de ver Proveedor-->

        <div class="modal fade" id="verBeneficiario"
             tabindex="-1" role="dialog"
             aria-labelledby="ActivarProveedorLabel">
            <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content">
                    <div class="panel-primary">
                        <button type="button" class="close"
                                data-dismiss="modal"
                                aria-label="Close">
                            <span aria-hidden="true" style="color: white">&times;</span></button>
                        <div class="panel-heading"><h4 class="panel-title" id="ActivarProveedorLabel">Ver Beneficiario para Recolecta
                                Eventual</h4>
                        </div>
                    </div>
                    <div class="modal-body">
                        <div class="panel-body" >
                            <div class="table-responsive">
                                <table class="table table-striped table-bordered table-hover" id="datos">
                                    <thead>
                                    <tr>
                                        <th class="text-center">Beneficiario:</th>
                                        <th class="text-center">Direcci&oacute;n:</th>
                                        <th class="text-center">Urbanizaci&oacute;n:</th>
                                        <th class="text-center">Ciudad:</th>
                                        <th class="text-center">Tel&eacute;fono:</th>
                                        <th class="text-center">Celular:</th>
                                        <th class="text-center">Contacto:</th>
                                    </tr>
                                    </thead>
                                    <tfoot></tfoot>
                                    <tbody class="text-center">


                                    </tbody>
                                </table>

                                <table class="table"></table>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button class="btn btn-default center-block" data-dismiss="modal">Volver</button>
                    </div>
                </div>
            </div>
        </div>


        <!--Modal de Activar Proveedor-->

    {{--  <div class="modal fade" id="ActivarProveedor"
           tabindex="-1" role="dialog"
           aria-labelledby="ActivarProveedorLabel">
          <div class="modal-dialog modal-lg" role="document">
              <div class="modal-content">
                  <div class="panel-primary">
                      <button type="button" class="close"
                              data-dismiss="modal"
                              aria-label="Close">
                          <span aria-hidden="true" style="color: white">&times;</span></button>
                      <div class="panel-heading"><h4 class="panel-title"
                                                     id="ActivarProveedorLabel">Activar Beneficiario para Recolecta
                              Eventual</h4></div>
                  </div>

                  @if($proveedorInactivo['codrespuesta']=="CODE_000")
                      <div class="modal-body">
                          <div class="panel-body center">
                              <b>ESTE CLIENTE NO TIENE BENEFICIARIOS INACTIVOS</b>
                          </div>
                      </div>
                      <div class="modal-footer">
                          <button class="btn btn-default center-block" data-dismiss="modal">Volver</button>
                      </div>
                  @else
                      <div class="modal-body">
                          <div class="panel-body">
                              <div class="table-responsive">
                                  <table class="table table-striped table-bordered table-hover" id="datos2"
                                         data-toggle="dataTable" data-form="deleteForm">
                                      <thead>
                                      <tr>
                                          <th class="text-center">Nombre Beneficiario</th>
                                          <th class="text-center">Dirección</th>
                                          <th class="text-center">Urbanización</th>
                                          <th class="text-center">Ciudad</th>
                                          <th class="text-center">Teléfono</th>
                                          <th class="text-center">Contacto</th>
                                          <th class="text-center">Activar</th>
                                      </tr>
                                      </thead>
                                      <tfoot></tfoot>
                                      <tbody class="text-center">
                                      <input type="hidden" style="width : 150px; heigth : 150px" id="codcliente"
                                             name="codcliente"
                                             value="{{ $consultaCliente['entidadRespuesta'][0]['codcliente'] }}">
                                      @foreach($proveedorInactivo['entidadRespuesta'] as $proveedorInact)
                                          <tr>
                                              <td>{{ strtoupper($proveedorInact['nombre']) }}</td>
                                              <td>{{ strtoupper($proveedorInact['direccion']) }}</td>
                                              <td>{{ strtoupper($proveedorInact['urbanizacion']) }}</td>
                                              <td>{{ strtoupper($proveedorInact['nombreciudad']) }}</td>
                                              <td>{{ strtoupper($proveedorInact['telefono']) }}</td>
                                              <td>{{ strtoupper($proveedorInact['contacto']) }}</td>
                                              <td>
                                                  <form method="post" action="{{ route('recolecta.activarProveedor') }}"
                                                        accept-charset="UTF-8" enctype="multipart/form-data"
                                                        id="crearRecolecta">
                                                      <input type="hidden" style="width : 150px; heigth : 150px"
                                                             id="codcliente" name="codcliente"
                                                             value="{{ $consultaCliente['entidadRespuesta'][0]['codcliente'] }}">
                                                      <input type="hidden" style="width : 150px; heigth : 150px"
                                                             id="codproveedor" name="codproveedor"
                                                             value="{{ $proveedorInact['codproveedor'] }}">
                                                      <input type="hidden" style="width : 150px; heigth : 150px"
                                                             id="busqueda" name="busqueda"
                                                             value="4">
                                                      <button class="btn btn-primary" name="ActivarProveedorButton"
                                                              id="ActivarProveedorButton" title="ActivarProveedorButton">
                                                          <span class="glyphicon glyphicon-ok"></span>
                                                      </button>
                                                  </form>
                                              </td>
                                          </tr>
                                      @endforeach
                                      </tbody>
                                  </table>

                                  <table class="table"></table>
                              </div>
                          </div>
                      </div>
                      <div class="modal-footer">
                          <button class="btn btn-default center-block" data-dismiss="modal">Volver</button>
                      </div>
                  @endif
              </div>
          </div>
      </div> --}}

    <!--Modal de Agregar Proveedor-->

        <div class="modal fade" id="agregarProveedor">
            <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content">
                    <div class="panel-primary">
                        <button type="button" class="close"
                                data-dismiss="modal"
                                aria-label="Close">
                            <span aria-hidden="true" style="color: white">&times;</span></button>
                        <div class="panel-heading"><h4 class="panel-title" id="ActivarProveedorLabel">Agregar Beneficiario para Recolecta Eventual</h4></div>
                    </div>
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-sm-12">
                                <div class="panel-body" >
                                    <form method="post" action="{{ route('guardarProveedor') }}"
                                          accept-charset="UTF-8" enctype="multipart/form-data" id="CrearProveedor">
                                        <div class="center">
                                            <label for="codproveedor" class="text-dark"><b>DATOS DEL BENEFICIARIO</b></label>
                                        </div>

                                        <input type="hidden" style="width : 150px; heigth : 150px" id="codcliente"
                                               name="codcliente"
                                               value="{{ $consultaCliente['entidadRespuesta'][0]['codcliente'] }}">
                                        <input type="hidden" style="width : 150px; heigth : 150px" id="busqueda"
                                               name="busqueda"
                                               value="3">

                                        <div class="row">
                                            <div class="col-md-5 col-md-offset-1 form-group">
                                                <div class="input-group date col-xs-12 col-md-12 col-sm-12">
                                                <span class="input-group-addon">
                                                    <span class="glyphicon glyphicon-filter" data-toggle="tooltip" data-placement="left" title='Ingresar el Nombre del Beneficiario'></span>
                                                </span>

                                                    <input type="text" class="form-control input-sm" id="nombre" placeholder="Ingresar Nombre Beneficiario" name="nombre"
                                                           data-container="body"
                                                           onKeyUp="this.value = this.value.toUpperCase();"
                                                           data-msg-required="Este campo es Requerido."
                                                           data-rule-required="true"
                                                    />
                                                </div>
                                            </div>
                                            <div class="col-md-5 form-group">
                                                <div class="input-group date col-xs-12 col-md-12 col-sm-12">
                                                <span class="input-group-addon">
                                                    <span class="glyphicon glyphicon-filter" data-toggle="tooltip" data-placement="left" title='Ingresar el Nombre del Contacto'></span>
                                                </span>
                                                    <input type="text" class="form-control input-sm" id="contacto" placeholder="Ingresar Nombre Contacto"
                                                           name="contacto"
                                                           data-container="body"
                                                           onKeyUp="this.value = this.value.toUpperCase();"
                                                           data-placement="right"
                                                           data-msg-required="Este campo es Requerido."
                                                           data-rule-required="true"
                                                    >
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-5 col-md-offset-1 form-group">
                                                <div class="input-group date col-xs-12 col-md-12 col-sm-12">
                                                    <span class="input-group-addon">
                                                        <span class="glyphicon glyphicon-filter" data-toggle="tooltip" data-placement="left" title='Ingresar N&uacute;mero de Tel&eacute;fono'></span>
                                                    </span>
                                                    <input type="number" class="form-control input-sm" id="telefono" placeholder="Ingresar N&uacute;mero de Tel&eacute;fono"
                                                           name="telefono"
                                                           data-container="body"
                                                           maxlength="12"
                                                           data-placement="right"
                                                           data-msg-required="Este campo es Requerido."
                                                           data-rule-required="true"
                                                    >
                                                </div>
                                            </div>
                                            <div class="col-md-5 form-group">
                                                <div class="input-group date col-xs-12 col-md-12 col-sm-12">
                                                    <span class="input-group-addon">
                                                        <span class="glyphicon glyphicon-filter" data-toggle="tooltip" data-placement="left" title='Ingresar N&uacute;mero Celular'></span>
                                                    </span>
                                                    <input type="number" class="form-control input-sm" id="celular" placeholder="Ingresar N&uacute;mero Celular"
                                                           name="celular"
                                                           data-container="body"
                                                           maxlength="12"
                                                           data-placement="right"
                                                           data-msg-required="Este campo es Requerido."
                                                           data-rule-required="true"
                                                    >
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row">
                                            <div class="col-md-10 col-md-offset-1 form-group">
                                                <div style="margin-bottom: 15px" class='input-group date col-xs-12 col-md-12 col-sm-12'>
                                                <textarea type='text' class="form-control" name="direccion" id="direccion" maxlength="255" rows="3"
                                                          placeholder="Ingresar la Direcci&oacute;n del Beneficiario" required
                                                          onKeyUp="this.value = this.value.toUpperCase();"
                                                          data-msg-required="Este campo es Requerido."
                                                          data-placement="top"></textarea>
                                                    <span class="input-group-addon">
                                                        <span class="glyphicon glyphicon-road" data-toggle="tooltip" data-placement="top"
                                                              title='Ingresar Nombre Direcci&oacute;n'></span>
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="col-md-5 col-md-offset-1 form-group">
                                                <div class="input-group date col-xs-12 col-md-12 col-sm-12">
                                                    <span class="input-group-addon">
                                                        <span class="glyphicon glyphicon-filter" data-toggle="tooltip" data-placement="left" title='Ingresar Nombre Urbanizacion'></span>
                                                    </span>
                                                    <input type="text" class="form-control input-sm" id="urbanizacion" placeholder="Ingresar Urbanizacion"
                                                           name="urbanizacion"
                                                           onKeyUp="this.value = this.value.toUpperCase();"
                                                           data-container="body"
                                                           data-placement="right"
                                                           data-msg-required="Este campo es Requerido."
                                                           data-rule-required="true"
                                                    >
                                                </div>
                                            </div>
                                            <div class="col-md-5 form-group">
                                                <div class="input-group date col-xs-12 col-md-12 col-sm-12">
                                                    <span class="input-group-addon"><i class="glyphicon glyphicon-th-list" data-toggle="tooltip" data-placement="left" title='Debes Seleccionar un Tipo de Ciudad'></i></span>
                                                    <select name="ciudad" id="ciudad" class="form-control input-sm">
                                                        @foreach($ciudades['entidadRespuesta'] as $ciudad)
                                                            <option
                                                                    value="{{ $ciudad['codciudad'] }}">{{ $ciudad['nombre_ciudad'] }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        </div>

                                        <button type="submit" class="btn btn-primary btn-sm" style="float: right;margin-right: 5%;">Aceptar
                                        </button>
                                        <button class="btn btn-default block" data-dismiss="modal"
                                                style="float: right; margin-right: 20px">Volver
                                        </button>
                                        <br>
                                        <br>
                                        <br>
                                        <br>
                                        <br>
                                        <div class="panel-footer col-md-12" style="font-size:12px;">
                                            <span class="glyphicon glyphicon-info-sign red"></span> <b>Nota:</b> Al posicionar el "mouse" sobre los iconos del formulario, podra ver una breve descripci&oacute;n del campo
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true" id="modalerror">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title" id="myModalLabel" style="text-align: center">ERROR</h4>
                    </div>
                    <div id="error" style="padding-left: 15px;"></div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-primary" onclick="cerrarModal()" id="modal-btn-no">Cerrar</button>
                    </div>
                </div>
            </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 activar2(codoficina){
                     $.ajax({
                         /!*url: 'http://desarrollo3.grupozoom.com/baaszoom/public/canguroazul/getCiudades',*!/
                         url: 'https://webservices.grupozoom.com/baaszoom/public/canguroazul/rutasWs',
                         data: {
                             'codoficina': codoficina
                         },
                         type: 'post',
                         dataType: 'json',
                         success: function (data) {
                             console.log(codoficina);
                             console.log(data);
                             if (data.codrespuesta == "COD_000") {

                                 var lista = '<option value="0" >TODAS LAS OFICINAS</option>';
                                 $.each(data.entidadRespuesta, function (index, record) {
                                     lista += '<option value="' + record.codciudad + '">' + 'ZOOM ' + record.nombre_estado + '</option>';
                                 });
                                 $('#ciudad').html(lista);
                             }

                         }
                     });
                 }*/
                function  noPermit () {
                    $("#error").html("");
                    $("#error").append("<Div style='text-align: center'><p>El beneficiario seleccionado no se puede editar</p></Div>");
                    $('#modalerror').modal();
                }

                function cerrarModal() {
                    $("#modalerror").modal('hide');
                }



                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