@extends('header_new')


@section('main')
<link href="{{asset('/css/fancy.min.css')}}" rel="stylesheet">
<style>
    .fancy-grid-cell {
        cursor: pointer;
    }
    html body main.container-fluid.mt-5.pt-5 div#seccion_control_api.container-fluid.contenedores-navegador.mb-4 div.row.justify-content-center div#result div#fancy-gen-38.fancy.fancy-panel.fancy-theme-bootstrap.fancy-panel-shadow.fancy-panel-grid-inside div.fancy-panel-body div.fancy-panel-body-inner div#tabla-altas.fancy.fancy-grid.fancy-grid-unselectable div.fancy-grid-center div.fancy-grid-body div.fancy-grid-column.fancy-grid-column-ellipsis div.fancy-grid-cell div.fancy-grid-cell-inner {
        cursor: pointer;
    }
</style>

<form id="frmAccionesLEDCliente" method="POST" action="/blue/servicios-contratados-familias">
        <input type="hidden" name="_token" value="{{ csrf_token() }}">
        <input type="hidden" name="cliente" value="{{$cliente}}">
        <input type="hidden" name="nombre_cliente" value="{{$datos_cliente->nombre}}">
        <input type="hidden" name="producto_fidelitas" value="10">
        <input type="hidden" name="desde_panel_clientes" value="0">
    </form>
<!-- FORMULARIO DE SERVICIOS CLIENTE -->
<form id="frmServiciosContratados" action="/blue/servicios-contratados-cliente" method="post">
    {{ csrf_field() }}
    <input name="cli_codigo" type="hidden" value="{{$cli_codigo}}">
    <input name="cliente" type="hidden" value="{{$cliente}}">
    <input name="cliente_nombre" type="hidden" value="{{$datos_cliente->nombre}}">
    <input name="tieneApi" type="hidden" value="{{$tieneApi}}">
    <input type="hidden" name="cli_cuit" value="{{$cli_cuit}}">
    <input name="estado" type="hidden" value="">
    <input type="hidden" name="id_producto">
    <input type="hidden" name="tipo_paquete_cliente">
    <input type="hidden" name="prod_nombre_cliente">
    <input type="hidden" name="limite_consumo_cliente">
    <input type="hidden" name="fecha_desde">
    <input type="hidden" name="fecha_hasta">
    <input type="hidden" name="estado_bloquea_cliente">
    <input type="hidden" name="estado_producto_cliente">
    <input type="hidden" name="modalidad_de_pago">
    <input type="hidden" name="impe_acceso">
    <input type="hidden" name="impe_doc">
</form>
<!-- FORMULARIO DE SERVICIOS USUARIO -->
<form id="frmServiciosContratadosUsuario" action="/blue/servicios-contratados-usuarios" method="post">
    {{ csrf_field() }}
    <input name="cli_codigo" type="hidden" value="{{$cli_codigo}}">
    <input name="cliente" type="hidden" value="{{$cliente}}">
    <input name="cliente_nombre" type="hidden" value="{{$datos_cliente->nombre}}">
    <input type="hidden" name="cli_cuit" value="{{$cli_cuit}}">
    <input name="estado" type="hidden" value="">
    <input name="usuario" type="hidden" value="">
    <input name="login" type="hidden" value="">
    <input name="email" type="hidden" value="">
    <input name="first_name" type="hidden" value="">
    <input name="last_name" type="hidden" value="">
    <input name="password" type="hidden" value="">
    <input name="nombre_producto" type="hidden" value="">
    <input name="limite_consumo" type="hidden" value="">
    <input name="id_producto" type="hidden" value="">
    <input name="estado_login" type="hidden" value="">
    <input name="estado_producto" type="hidden" value="">
</form>
<!-- Modales -->
<div class="modal fade" id="modalCliente" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-bs-backdrop="static">
  <div class="modal-dialog modal-xl modal-fullscreen-md-down" role="document">
    <div class="modal-content">
        <!-------------- INICION MODEL_PRODUCTOS_CLIENTES  ------------------>
        <form name="alta_cliente" id="alta_cliente" class="form-signin" autocomplete="off">
            <!---->
            <div class="modal-header">
                <h4 class="modal-title" id="modal_cliente_titulo"></h4>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <!-- FORMULARIO -->
            <div class="modal-body">
                <input type="hidden" name="_token" id="token" value="{{ csrf_token() }}">
                <input name="cli_codigo" type="hidden" class="cli_codigo" value="{{$cli_codigo}}">
                <input name="cliente"    type="hidden" class="cliente" value="{{$cliente}}">
                <!----->
                <div class="row justify-content-center mb-3">
                    <!-- -->
                    <div class="col-md-2 mt-4 pt-2 px-4">
                        <label class="form-label text-fidelitas">@traducir('Estado y Producto','Estado y Producto')</label>
                    </div>
                    <!-- -->
                    <div id="alta_prod_cliente" class="col-12 col-md-7">
                        <label class="form-label text-secondary" for="prod_codigo_cliente">@traducir('Producto','Producto')</label>
                        <select name="prod_codigo_cliente" id="prod_codigo_cliente" class="form-select form-select-sm">  
                            <option value=''>@traducir('Seleccione el Producto','Seleccione el Producto')... </option>
                            @foreach ($productos_todos as $prod)
                                <option @if(isset($prod_codigo) && $prod_codigo==$prod->prod_codigo) selected=true @endif  value="{{$prod->prod_codigo}}">{{$prod->prod_nombre}} - {{$prod->prod_sigla}}</option>
                            @endforeach
                        </select> 
                        <div class="invalid-feedback"></div>
                    </div>
            
                    <!-- -->
                    <div id="modifica_prod_cliente" class="col-12 col-md-7 d-none form-group">
                        <label class="form-label text-secondary" for="prod_nombre_cliente">@traducir('Producto','Producto')</label>
                        <input type="text" class="form-control form-control-sm" name="prod_nombre_cliente" id="prod_nombre_cliente" readonly>
                        <input type="hidden" name="prod_codigo_cliente_2" id="prod_codigo_cliente_2">
                        <input type="hidden" name="tipo_paquete_cliente_2" id="tipo_paquete_cliente_2">
                        <div class="invalid-feedback"></div>
                    </div>
                    <!-- -->
                    <div class="col-12 col-md-3">
                        <label class="form-label text-secondary" for="estado_producto_cliente">@traducir('Estado de activacion','Estado de activacion')</label>
                        <select name="estado_producto_cliente" id="estado_producto_cliente" class="form-select form-select-sm">
                            <option value="" selected >@traducir('Seleccione el estado de activacion','Seleccione el estado de activacion')</option>
                            <option value="1">@traducir('ACTIVO','ACTIVO')</option>
                            <option value="0">@traducir('INACTIVO','INACTIVO')</option>
                        </select>
                    </div>
                </div>
                <!---->
                <div class="row justify-content-start paquetes mb-3">
                {{-- tipo_paquete dependiendo del producto--}}    
                <center><img id="loading2" src="/images/loading.gif" class="d-none" width="60px"></center>
                </div>
                <!---->
                <div class="row justify-content-center mb-3">
                    <div class="col-12 col-md-2 px-4">
                        <label class="form-label text-fidelitas" for="limites_consumo_cliente">@traducir('Límite Consumos','Límite Consumos')<br>( 0 = sin límites)</label>
                    </div>
                    <div class="col-12 col-md-2">
                        <label class="form-label text-secondary" for="limites_consumo_cliente">@traducir('Cant','Cant').</label>  
                        <input name="limites_consumo_cliente" type="text" id="limites_consumo_cliente" class="form-control form-control-sm required" data-format="numero" placeholder="Límite Consumos">
                        <input name="limites_todos_usuarios" type="hidden" id="limites_todos_usuarios">
                        <div class="invalid-feedback"></div>
                    </div>
                    <div class="col-12 col-md-2">
                        <label class="form-label text-secondary" for="fecha_desde">@traducir('Desde','Desde') <b class="text-danger">*</b></label>
                        <input value="{{$fecha_desde ?? ''}}" name="fecha_desde" type="text" id="fecha_desde" data-date-format="yyyy-mm-dd" class="form-control form-control-sm required readonly" placeholder="yyyy-mm-dd" data-date-end-date="+1m" data-date-start-date="-1m" data-format="fecha" autocomplete="off">
                        <div class="invalid-feedback"></div>
                    </div>
                    <div class="col-12 col-md-2">
                        <label class="form-label text-secondary" for="fecha_hasta">@traducir('Hasta','Hasta') <b class="text-danger">*</b></label>
                        <input value="{{$fecha_hasta ?? ''}}" name="fecha_hasta" type="text" id="fecha_hasta" data-date-format="yyyy-mm-dd" class="form-control form-control-sm required readonly" placeholder="yyyy-mm-dd" data-date-end-date="+13m" data-date-start-date="+11m" data-format="fecha" autocomplete="off">
                        <div class="invalid-feedback"></div>
                    </div>
                    <div class="col-12 col-md-4">
                    <label class="form-label text-end text-secondary" for="bloquear_cliente">@traducir('Bloquea Ingreso al alcanzar el límite','Bloquea Ingreso al alcanzar el límite')</label>
                    <select name="bloquear_cliente" id="bloquear_cliente" class="form-select form-select-sm">
                        <option value="">@traducir('Seleccione si bloquea Ingreso','Seleccione si bloquea Ingreso')</option>
                        <option value="1">@traducir('SI','SI')</option>
                        <option value="0">@traducir('NO','NO')</option>
                    </select>
                    <div class="invalid-feedback"></div>
                    </div>
                    
                </div>
            </div>
            <div class="row justify-content-center">
                <div id="mensaje_ok_cliente" class="d-none alert alert-success text-center w-75" role="alert">@traducir('Los datos se grabaron correctamente','Los datos se grabaron correctamente')</div>
                <div id="mensaje_error_cliente" class="d-none alert alert-danger text-center w-75" role="alert">@traducir('No se pudo grabar el registro. Intente más tarde','No se pudo grabar el registro. Intente más tarde')</div>
            </div>
            <!--- BOTONES -->
            <div class="modal-footer">
                <input type="hidden" id="accion_cliente" name="accion_cliente" value="A">
                <button type="submit" class="btn btn-success grabar">@traducir('Grabar','Grabar')</button>
                <button type="button" class="cerrar btn btn-danger" data-bs-dismiss="modal" aria-label="Close">@traducir('Cerrar','Cerrar')</button>
                <!---->
            </div>
            
        </form>
        <!-------------  FIN MODEL_PRODUCTOS_CLIENTES  -------------------------->
    </div>
  </div>
</div>
<!--- -->
<div class="modal fade" id="modalUsuario" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-bs-backdrop="static">
  <div class="modal-dialog modal-xl modal-fullscreen-md-down" role="document">
    <div class="modal-content">
      <!---------------------------  INICIO MODAL_PRODUCTOS_USUARIOS  ---------------------------------------------------->
    
      <form name="alta_usuario" id="alta_usuario" class="form-signin">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel">
                    @traducir('Alta Productos para Cliente','Alta Productos para Cliente')
                </h4>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <!----->
            <div class="modal-body">
                <!----->
                <input type="hidden" name="_token"  id="token" value="{{ csrf_token() }}">
                <input name="cli_codigo" type="hidden" class="cli_codigo" value="{{$cli_codigo}}">
                <input name="cliente"    type="hidden" class="cliente" value="{{$cliente}}">
                <input type="hidden" id="usuario" name="usuario">
                <!----->
                <div class="row justify-content-center my-3">
                    <!----->
                    <div class="col-12 col-md-6">
                        <label class="form-label text-fidelitas" for="login">@traducir('Login','Login')</label>
                        <input name="login" type="text" id="login" class="form-control form-control-sm" placeholder="Login" data-format="otro">
                        <div class="invalid-feedback"></div>
                    </div>
                    <!----->
                    <div class="col-12 col-md-6">
                        <label for="estado_login text-fidelitas" class="form-label text-fidelitas">@traducir('Estado de actividad del login','Estado de actividad del login')</label>
                        <select name="estado_login" id="estado_login" class="form-select form-select-sm required">
                            <option value="" selected>@traducir('Seleccione Estado de actividad del login','Seleccione Estado de actividad del login')</option>
                            <option value="Y">@traducir('ACTIVO','ACTIVO')</option>
                            <option value="N">@traducir('INACTIVO','INACTIVO')</option>
                        </select>
                        <div class="invalid-feedback"></div>
                    </div>
                    <!----->
                </div>
                <!----->
                <div class="row justify-content-center my-3">
                    <div class="col-12 col-md-6">
                        <label class="form-label text-fidelitas" for="first_name">@traducir('Nombre','Nombre')</label>
                        <input name="first_name" type="text" id="first_name" class="form-control form-control-sm required"  placeholder="Nombre" data-format="nombre">
                        <div class="invalid-feedback"></div>
                    </div>
                    <!---->
                    <div class="col-12 col-md-6">   
                        <label class="form-label text-fidelitas" for="last_name">@traducir('Apellido','Apellido')</label>
                        <input name="last_name" type="text" id="last_name" class="form-control form-control-sm required"  placeholder="Apellido" data-format="nombre">
                        <div class="invalid-feedback"></div>
                    </div>
                </div>
                <!----->
                <div class="row justify-content-center my-3">
                    <!----->
                    <div class="col-12 col-md-6">
                        <label class="form-label text-fidelitas" for="email">@traducir('e-mail','e-mail')</label>
                        <input name="email" type="text" id="email" class="form-control form-control-sm" placeholder="e-mail" data-format="email">
                        <div class="invalid-feedback"></div>
                    </div>
                    <!---->
                    <div class="col-12 col-md-6">
                        <label class="form-label text-fidelitas" for="password">@traducir('Password','Password')</label>
                        <input name="password" type="password" id="password" class="form-control form-control-sm required" value="UC2PFC" placeholder="Password" data-format="password">
                        <div class="invalid-feedback"></div>
                    </div>
                </div>
                <!---->
                <div class="row justify-content-center my-3">
                    <!----->
                    <div id="alta_prod" class="col-12 col-md-6 d-none">
                        <label class="form-label text-fidelitas" for="prod_codigo">@traducir('Producto','Producto')</label>
                        <select name="prod_codigo" id="prod_codigo"  class="form-select form-select-sm">
                            <option value=''>@traducir('Seleccione el Producto','Seleccione el Producto')... </option>
                        </select>
                        <div class="invalid-feedback"></div>
                    </div>
                    <!------>
                    <div id="modifica_prod" class="col-12 col-md-6 d-none">
                        <label class="form-label text-fidelitas" for="prod_nombre">@traducir('Producto','Producto')</label>
                        <input name="prod_nombre" id="prod_nombre" class="form-control form-control-sm" readonly>
                        <div class="invalid-feedback"></div>
                    </div>
                    <!------>
                    <div class="col-12 col-md-6">
                        <label class="form-label text-fidelitas" for="estado_producto">
                            @traducir('Estado Producto (asociado al usuario)', 'Estado Producto (asociado al usuario)')
                        </label>
                        <select name="estado_producto" id="estado_producto" class="form-select form-select-sm">
                            <option value="">@traducir('Seleccione el estado producto','Seleccione el estado producto')</option>
                            <option value="1">@traducir('ACTIVO','ACTIVO')</option>
                            <option value="0">@traducir('INACTIVO','INACTIVO')</option>
                        </select>
                        <div class="invalid-feedback"></div>
                    </div>
                    <!-- <input type="hidden" value="{{json_encode($cliente_productos)}}" id="productoInactivo"> -->
                    <!----->
                </div>
                <!---->
                <div class="row justify-content-center secciones my-3" >
                    <!-- SECCIONES DEPENDIENDO DEL PRODUCTO -->
                    <center><img id="loading" src="/images/loading.gif" class="d-none" width="60px"></center>
                </div>
                <!----->
                <div class="row justify-content-center my-3">
                    <!----->
                    <div class="col-12 col-md-4">
                        <label class="form-label text-end text-fidelitas" for="limites_consumo">@traducir('Límite Consumos de este login','Límite Consumos de este login')</label>   
                        <input name="limites_consumo" type="text" id="limites_consumo" class="form-control form-control-sm mt-4" data-format="numero" placeholder="(0 = sin límite propio)">
                        <div class="invalid-feedback"></div>
                    </div>
                    <!----->
                    <div class="col-12 col-md-4">
                        <label for="limite_cliente_show" class="form-label text-end text-fidelitas">@traducir('Límite del Cliente','Límite del Cliente')<br> </label>
                        <input name="limite_cliente" type="hidden" id="limite_cliente" class="form-control form-control-sm mt-4" readonly="" placeholder="Límite del Cliente">
                        <input name="limite_cliente_show" type="text" id="limite_cliente_show" class="form-control form-control-sm mt-4" readonly="" placeholder="Límite del Cliente">
                    </div>
                    <!----->
                    <div class="col-12 col-md-4">
                        <label for="limites_usuarios_show" class="form-label text-fidelitas w-100">@traducir('Total Límites asignados','Total Límites asignados') <br>@traducir('a otros logines del Cliente','a otros logines del Cliente')</label>
                        <input name="limites_usuarios" type="hidden" id="limites_usuarios" class="form-control form-control-sm" readonly="">
                        <input name="limites_usuarios_show" type="text" id="limites_usuarios_show" class="form-control form-control-sm" readonly="">
                    </div>
                </div>
                <!----->
                <div id="mensaje_falta_prod" class="d-none text-center text-danger pt-3"><small>@traducir('No tiene productos habilitados para poder asociar a un usuario','No tiene productos habilitados para poder asociar a un usuario')</small></div>
                <div class="row justify-content-center">
                    <div id="mensaje_ok" class="d-none alert alert-success text-center w-75">@traducir('Los datos se grabaron correctamente','Los datos se grabaron correctamente')</div>
                    <div id="mensaje_error" class="d-none alert alert-danger text-center w-75">@traducir('No se pudo grabar el registro. Intente más tarde','No se pudo grabar el registro. Intente más tarde')</div>
                </div>
            </div>
            <!---->
            <div class="modal-footer">
                <input type="hidden" id="accion" name="accion" value="A">
                <button type="submit" class="btn btn-success">@traducir('Grabar','Grabar')</button>
                <button type="button" class="cerrar btn btn-danger" data-bs-dismiss="modal" aria-label="Close">@traducir('Cerrar','Cerrar')</button>
            </div>
        </form>

      <!---------------------------  FIN MODAL_PRODUCTOS_USUARIOS  ---------------------------------------------------->
    </div>
  </div>
</div>
<!--- -->
<div class="modal fade" id="modalDesactivarCli" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-bs-backdrop="static">
  <div class="modal-dialog modal-xl modal-fullscreen-md-down" role="document">
    <div class="modal-content">
      
      <!---------------------------  INICIO MODAL_WARNING_DESACTIVADOS  ---------------------------------------------------->

        <form name="desactivar_cliente" id="reactivar_cliente" class="form-signin" action='/blue_activar_cliente' method="post">
            <input type="hidden" name="_token" id="_token" value="{{ csrf_token() }}">
            <input type="hidden" name="cliente" id="cliente" value="{{$datos_cliente->cliente}}">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel">
                    @traducir('Desactivar Cliente','Desactivar Cliente')
                </h4>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <!----->
            <div class="modal-body">
                <div class="row justify-content-center text-center">
                    <div class="col-6 text-center" id="textoWarningNC">
                        @traducir('Está a punto de','Está a punto de') <i class="text-danger">@traducir('desactivar','desactivar')</i> @traducir('el cliente seleccionado','el cliente seleccionado'). <br><br>@traducir('Si está seguro haga click en el botón','Si está seguro haga click en el botón')<i class="text-danger">desactivar</i>
                    </div>
                </div>
            </div>
            <!---->
            <div class="modal-footer justify-content-center">
                <input type="hidden" id="accion" name="accion" value="N">
                <button type="submit" class="btn btn-danger act-desact" id="btn_desactivar_cli">@traducir('Desactivar','Desactivar')</button>
                <button type="button" class="cerrar btn btn-secondary" id="closeModalWD" data-bs-dismiss="modal" aria-label="Close">@traducir('Cancelar','Cancelar')</button>
            </div>
        </form>              

      <!---------------------------  FIN MODAL_WARNING_DESACTIVADOS  ---------------------------------------------------->
    </div>
  </div>
</div>

<div class="modal fade" id="modalDesvincularCliUni" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-bs-backdrop="static">
  <div class="modal-dialog modal-xl modal-fullscreen-md-down" role="document">
    <div class="modal-content">
      
      <!---------------------------  INICIO MODAL_WARNING_DESVINCULAR_UNIF  ---------------------------------------------------->
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel">
                    @traducir('Desactivar Cliente Unificador','Desactivar Cliente Unificador')
                </h4>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <!----->
            <div class="modal-body">
                <div class="row justify-content-center text-center">
                    <div class="col-6 text-center" id="textoWarningNC">
                        @traducir('Está a punto de','Está a punto de') <i class="text-danger">@traducir('desactivar','desactivar')</i> @traducir('el cliente unificador','el cliente unificador'). <br><br>Si está seguro haga click en el botón <i class="text-danger">desactivar</i>
                    </div>
                </div>
            </div>
            <!---->
            <div class="modal-footer justify-content-center">
                <input type="hidden" id="accion" name="accion" value="N">
                <button type="button" class="btn btn-danger" id="btn_desactivar_cli_unificador">@traducir('Desactivar','Desactivar')</button>
                <button type="button" class="cerrar btn btn-secondary" id="closeModalDCU" data-bs-dismiss="modal" aria-label="Close">@traducir('Cancelar','Cancelar')</button>
            </div>
      <!---------------------------  FIN MODAL_WARNING_DESVINCULAR_UNIF  ---------------------------------------------------->
    </div>
  </div>
</div>

<div class="modal fade" id="modalVincularCliUni" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-bs-backdrop="static">
  <div class="modal-dialog modal-xl modal-fullscreen-md-down" role="document">
    <div class="modal-content">
      
      <!---------------------------  INICIO MODAL_WARNING_VINCULAR_UNIF  ---------------------------------------------------->
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel">
                   @traducir('Activar Cliente Unificador','Activar Cliente Unificador')
                </h4>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <!----->
            <div class="modal-body">
                <div class="row justify-content-center text-center">
                    <div class="col-6 text-center" id="textoWarningNC">
                        @traducir('Está a punto de','Está a punto de') <i class="text-success">@traducir('activar','activar')</i> @traducir('el cliente unificador','el cliente unificador'). <br><br>Si está seguro haga click en el botón <i class="text-success">activar</i>
                    </div>
                </div>
            </div>
            <!---->
            <div class="modal-footer justify-content-center">
                <input type="hidden" id="accion" name="accion" value="N">
                <button type="button" class="btn btn-success" id="btn_activar_cli_unificador">@traducir('Activar','Activar')</button>
                <button type="button" class="cerrar btn btn-secondary" id="closeModalVCU" data-bs-dismiss="modal" aria-label="Close">@traducir('Cancelar','Cancelar')</button>
            </div>
      <!---------------------------  FIN MODAL_WARNING_VINCULAR_UNIF  ---------------------------------------------------->
    </div>
  </div>
</div>

<div class="modal fade" id="modalConsumo" tabindex="-1" role="dialog" aria-labelledby="headerModalConsumo" aria-hidden="true" data-bs-backdrop="static">
  <div class="modal-dialog modal-xl modal-fullscreen-md-down" role="document">
    <div class="modal-content">
      
      <!---------------------------  INICIO MODAL_COMSUMO  -------------------------------------------------->
            <div class="modal-header">
                <h4 class="modal-title" id="headerModalConsumo">
                    Consumos del Usuario
                </h4>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" id="closeModalConsumo"></button>
            </div>
            <!----->
            <div class="modal-body">
                <div id="loading_modal_consumos" class="text-center">
                    <span class="text-fidelitas h5"> @traducir('PROCESANDO LA CONSULTA','PROCESANDO LA CONSULTA') &nbsp;</span>
                    <span class="spinner-border ms-auto text-fidelitas" role="status" aria-hidden="false"></span>
                </div>
                <div id="contenido_consulta_consumos" class="d-none">
                    <div class="row ps-5 py-2">
                        <div class="col col-sm-4 text-fidelitas"> @traducir('Usuario','Usuario'):</div>
                        <div class="col col-sm-5" id="usuario_consumo"></div>
                    </div>
                    <div class="row ps-5 py-2">
                        <div class="col col-sm-4 text-fidelitas"> @traducir('Estado Login','Estado Login'):</div>
                        <div class="col col-sm-5" id="estado_login_consumo"></div>
                    </div>
                    <div class="row ps-5 py-2">
                        <div class="col col-sm-4 text-fidelitas"> @traducir('Producto','Producto'):</div>
                        <div class="col col-sm-5" id="prod_nombre_consumo"></div>
                    </div>
                    <div class="row ps-5 py-2">
                        <div class="col col-sm-4 text-fidelitas"> @traducir('Estado Producto','Estado Producto'):</div>
                        <div class="col col-sm-5" id="estado_producto_consumo"></div>
                    </div>
                    <div class="row ps-5 py-2">
                        <div class="col col-sm-4 text-fidelitas"> @traducir('Consumo','Consumo'):</div>
                        <div class="col col-sm-5" id="consulta_consumo"></div>
                    </div>
                    <div class="row ps-5 py-2">
                        <div class="col col-sm-4 text-fidelitas"> @traducir('Limite','Limite'):</div>
                        <div class="col col-sm-5" id="limite_consumo"></div>
                    </div>
                    <div class="row ps-5 py-2">
                        <div class="col col-sm-4 text-fidelitas"> @traducir('Email','Email'):</div>
                        <div class="col col-sm-5" id="email_consumo"></div>
                    </div>
                </div>
                
            </div>
      <!---------------------------  FIN MODAL_COMSUMO  ----------------------------------------------->
    </div>
  </div>
</div>
<!-- MODAL DE ALTA APIKEY -->

<!-- FIN MODAL DE ALTA APIKEY -->


<!----->
<main class="container-fluid mt-5 pt-3">
    <!-- NAVEGADOR DE LA SECCION CLIENTES -->
    <!-- @include('blue/info_cliente_abm') -->
    <!-- SECCION DATOS DEL CLIENTE -->
    <div class="container-fluid contenedores-navegador @if( ( !empty($desde_servicios) || !empty($desde_usuarios) || !empty($desde_api) ) && empty($datos) ) d-none @endif" id="seccion_datos_cliente">
        <div class="row justify-content-center">
            <div class="col-12 col-lg-10 my-4">
                <div id="inactivoADV" class="text-center text-danger d-none"> @traducir('CLIENTE INACTIVO','CLIENTE INACTIVO')</div>
                <div id="notificacionMod" class="text-center text-danger d-none"></div>
                <div class="row justify-content-center pt-2">
                    <!-- <div class="col-9">
                        <h5>Datos del cliente</h5>
                    </div> -->
                    @include('blue/info_cliente_abm')
                    <form class="d-none" id="formAdminComentarios" action="/blue/comentarios" method="post">
                        {{ csrf_field() }}
                        <input type="hidden" name="clienteDataNum" id="clienteDataNum" value="{{$valoresConsulta}}">
                        <input type="hidden" name="cli_codigo" id="cli_codigo" value="{{$cli_codigo}}">
                        <input type="hidden" name="cliente_nombre" id="cliente_nombre" value="{{$nombre_cliente}}">
                        <input type="hidden" name="cli_cuit" id="cli_cuit" value="{{$cli_cuit}}">
                        <input type="hidden" name="clienteData" id="clienteData" value="{{$datos_cliente->nombre}}({{$datos_cliente->cli_codigo}}) - {{$datos_cliente->cuit}}">
                    </form>
                    <div class="col-3 col-md-6 text-end"><a class="btn btn-fidelitas btn-sm" id="vistaComentarios" >@traducir('Comentarios','Comentarios') ({{$cantidadComentarios}})</a></div>
                </div>
                    
                    <!-- Formulario de clientes -->
                    <form id="formulario_datos_cliente" action="/actualizar_datos_cliente" method="POST">
                        {{ csrf_field() }}
                        <input type="hidden" name="cliente" id="cliente" value="{{ $datos_cliente->cliente }}">
                        <input type="hidden" id="estado_cliente" value="{{ $datos_cliente->estado_cliente }}">
                        <!-- fila de datos relevantes -->
                        <div class="row justify-content-center">
                            <!---->
                            <div class="col-12 col-lg-3 form-group pt-lg-5 pt-sm-3">
                                <label for="cli_codigo" class="text-fidelitas fst-italic">@traducir('Código facturacion','Código facturacion') (tango)<b class="text-danger">*</b></label>
                                <input type="text" name="cli_codigo" id="cli_codigo" class="form-control form-control-sm required" placeholder="Codigo Cliente *" data-format="numero" value="{{$datos_cliente->cli_codigo ?? '' }}" disabled readonly>
                                <div class="invalid-feedback"></div>
                            </div>
                            <!---->
                            <div class="col-12 col-lg-6 form-group pt-lg-5 pt-sm-3">
                                <label for="cli_nombre" class="text-fidelitas fst-italic">@traducir('Razón Social','Razón Social') <b class="text-danger">*</b></label>
                                <input type="text" name="cli_nombre" id="cli_nombre" class="form-control form-control-sm required" placeholder="Razón Social *" data-format="razon_social" value="{{$datos_cliente->nombre ?? '' }}" disabled readonly>
                                <div class="invalid-feedback"></div>
                            </div>
                            <div class="col-12 col-lg-3 form-group pt-lg-5 pt-sm-3">
                                <label for="cli_cuit" class="text-fidelitas fst-italic">C.U.I.T <b class="text-danger">*</b></label>
                                <input type="text" name="cli_cuit" id="cli_cuit" class="form-control form-control-sm required" placeholder="C.U.I.T *" value="{{$datos_cliente->cuit ?? '' }}" disabled readonly @if ( $datos_cliente->tipo_identificador == 'CUIT' ?? $datos_cliente->tipo_identificador == 'CUIL'  )  data-format="cuit" @else data-format="razon_social" @endif>
                                <input type="hidden" name="cli_identificador" id="cli_identificador" value="{{ $datos_cliente->tipo_identificador }}">
                                <div class="invalid-feedback"></div>
                            </div>
                            <div class="col-12 col-lg-6 form-group pt-3">
                                <label for="sra_codigo" class="text-fidelitas fst-italic">@traducir('Actividad Principal','Actividad Principal')</label>
                                <select name="sra_codigo" id="sra_codigo" class="form-select form-select-sm required" style="cursor:pointer;" disabled>
                                    <option value="" selected> @traducir('Seleccione una opcion','Seleccione una opcion') </option>
                                    @foreach ($subramos as $subramo)
                                        <option @if(isset($datos_cliente->sra_codigo) && $datos_cliente->sra_codigo==$subramo->cod_subramo) selected=true @endif 
                                        value="{{$subramo->cod_subramo}}">{{$subramo->cod_subramo_2}} - {{$subramo->subramo}}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-12 col-lg-6 form-group pt-3">
                                <label for="ramo" class="text-fidelitas fst-italic">@traducir('Ramo','Ramo') <b class="text-danger">*</b></label>
                                <input type="text" id="ramo" name="ramo" class="form-control form-control-sm required" placeholder="Ramo *" disabled value="{{$datos_cliente->ramo ?? '' }}" data-format="nombre">
                                <div class="invalid-feedback"></div>
                            </div>                                        
                            <div class="col-12 col-lg-3 form-group pt-3">
                                <label for="domicilio" class="text-fidelitas fst-italic">@traducir('Domicilio (calle)','Domicilio (calle)') <b class="text-danger">*</b></label>
                                <input type="text" name="domicilio" id="domicilio" class="form-control form-control-sm required" placeholder="Domicilio (calle) *" data-format="calle" value="{{ $datos_cliente->domicilio ?? '' }}" disabled> 
                                <div class="invalid-feedback"></div>
                            </div>
                            <div class="col-12 col-lg-3 form-group pt-3">
                                <label for="pai_codigo" class="text-fidelitas fst-italic">@traducir('País','País') <b class="text-danger">*</b></label>
                                @if($datos_cliente->pai_nombre != '')
                                <input type="text" name="pai_nombre" id="pai_nombre" class="form-control form-control-sm required" placeholder="País *" data-format="nombre" value="{{ $datos_cliente->pai_nombre}}" disabled readonly>
                                <input type="hidden" name="pai_codigo" id="pai_codigo" value="{{ $datos_cliente->pai_codigo }}">
                                @else
                                <select name="pai_nombre" id="pai_nombre" class="form-select form-select-sm required" disabled data-format="nombre">
                                    <option value="" selected> @traducir('Seleccione una opcion','Seleccione una opcion') </option>
                                    @foreach ($paises as $key=>$pais)
                                        <option value={{$key}}>{{$pais}}</option>
                                    @endforeach
                                </select>
                                <input type="hidden" name="pai_codigo" id="pai_codigo" value="">
                                @endif
                                <!-- <div class="invalid-feedback">La opcion seleccionada es invalida</div> -->
                            </div>
                            <div class="col-12 col-lg-3 form-group pt-3">
                                <label for="provincia" class="text-fidelitas fst-italic">@traducir('Provincia','Provincia') <b class="text-danger">*</b></label>
                                <input type="text" name="provincia" id="provincia" class="form-control form-control-sm required" placeholder="Provincia *" data-format="nombre" value="{{ $datos_cliente->provincia ?? '' }}" disabled> 
                                <div class="invalid-feedback"></div>
                            </div>
                            <div class="col-12 col-lg-3 form-group pt-3">
                                <label for="localidad" class="text-fidelitas fst-italic">@traducir('Localidad','Localidad') <b class="text-danger">*</b></label>
                                <input type="text" name="localidad" id="localidad" class="form-control form-control-sm required" placeholder="Localidad *" data-format="localidad"  value="{{ $datos_cliente->localidad ?? '' }}" disabled> 
                                <div class="invalid-feedback"></div>
                            </div>
                            <!---->
                            <div class="col-12 col-lg-3 form-group pt-3">
                                <label for="piso" class="text-fidelitas fst-italic">@traducir('Piso','Piso')</label>
                                <input type="text" name="piso" id="piso" class="form-control form-control-sm" placeholder="Piso" data-format="piso" value="{{ $datos_cliente->piso ?? '' }}" disabled> 
                                <div class="invalid-feedback"></div>
                            </div>
                            <div class="col-12 col-lg-3 form-group pt-3">
                                <label for="dpto" class="text-fidelitas fst-italic">@traducir('Departamento','Departamento')</label>
                                <input type="text" name="dpto" id="dpto" class="form-control form-control-sm" placeholder="Departamento" data-format="dpto" value="{{ $datos_cliente->dpto ?? '' }}" disabled> 
                                <div class="invalid-feedback"></div>
                            </div>
                            <div class="col-12 col-lg-3 form-group pt-3">
                                <label for="altura" class="text-fidelitas fst-italic">@traducir('Altura','Altura')</label>
                                @if (is_numeric($datos_cliente->altura))
                                <input type="text" name="altura" id="altura" class="form-control form-control-sm" placeholder="Altura" data-format="numero" value="{{ $datos_cliente->altura}}" disabled> 
                                <div class="invalid-feedback"></div>
                                @else
                                <input type="text" name="altura" id="altura" class="form-control form-control-sm" placeholder="Altura" data-format="numero" value="" disabled> 
                                <div class="invalid-feedback"></div>
                                @endif
                            </div>
                            <div class="col-12 col-lg-3 form-group pt-3">
                                <label for="cod_postal" class="text-fidelitas fst-italic">@traducir('Codigo Postal','Codigo Postal') <b class="text-danger">*</b></label>
                                <input type="text" name="cod_postal" id="cod_postal" class="form-control form-control-sm required" placeholder="Codigo Postal *" data-format="codigo_postal" value="{{ $datos_cliente->cod_postal ?? '' }}" disabled> 
                                <div class="invalid-feedback"></div>
                            </div>
                            <!---->
                            <div class="col-12 col-lg-4 form-group pt-3">
                                <label for="telefono" class="text-fidelitas fst-italic">@traducir('Teléfono Principal','Teléfono Principal') <b class="text-danger">*</b></label>
                                <input type="text" name="telefono" id="telefono" class="form-control form-control-sm required" placeholder="Teléfono Principal *" data-format="telefono" value="{{ $datos_cliente->telefonos ?? '' }}" disabled>
                                <div class="invalid-feedback"></div>
                            </div>
                            <div class="col-12 col-lg-4 form-group pt-3">
                                <label for="email" class="text-fidelitas fst-italic">@traducir('E-mail','E-mail') <b class="text-danger">*</b></label>
                                <input type="text" name="email" id="correo_electronico" class="form-control form-control-sm required" placeholder="E-mail *" data-format="email" value="{{ $datos_cliente->email ?? '' }}" disabled>
                                <div class="invalid-feedback"></div>
                            </div>
                            <div class="col-12 col-lg-4 form-group pt-3">
                                <label for="sitio_web" class="text-fidelitas fst-italic">@traducir('Sitio Web','Sitio Web')</label>
                                <input type="text" name="sitio_web" id="sitio_web" class="form-control form-control-sm " placeholder="Sitio Web" data-format="web" value="{{ $datos_cliente->sitio_web ?? '' }}" disabled>
                                <div class="invalid-feedback"></div>
                            </div>
                        </div>
                        <!-- fila datos de la factura -->
                        <div class="row justify-content-center"  id='temp_cla'>
                            <div class="row justify-content-between pt-5 pb-2">
                                <div class="col-7 p-0">
                                    <h5> @traducir('Datos de Facturacion','Datos de Facturacion') <small class="text-muted fst-italic">(@traducir('datos donde se enviara la factura','datos donde se enviara la factura'))</small> </h5>
                                </div>

                                <div class="col-5 col-lg-4 px-0 text-end">
                                    <button id="btn_activar_unificada" class="btn btn-sm btn-success d-none" type="button" data-bs-toggle="modal" data-bs-target="#modalVincularCliUni">@traducir('Activar Cliente Unificador','Activar Cliente Unificador')</button>
                                </div>
                            </div>
                            <!---->
                            <div class="col-12 col-lg-4 form-group pt-3">
                                <label for="comprador_nombre" class="text-fidelitas fst-italic">@traducir('Nombre Completo','Nombre Completo') <b class="text-danger">*</b></label>
                                <input type="text" name="comprador_nombre" id="comprador_nombre" class="form-control form-control-sm required" placeholder="Nombre Completo *" data-format="razon_social" value="{{ $datos_cliente->comprador_nombre ?? '' }}" disabled>
                                <div class="invalid-feedback"></div>
                            </div>
                            <div class="col-12 col-lg-4 form-group pt-3">
                                <label for="comprador_telefonos" class="text-fidelitas fst-italic">@traducir('Teléfono','Teléfono') <b class="text-danger">*</b></label>
                                <input type="text" name="comprador_telefonos" id="comprador_telefonos" class="form-control form-control-sm required" placeholder="Teléfono *" data-format="telefono" value="{{ $datos_cliente->comprador_telefonos ?? '' }}" disabled>
                                <div class="invalid-feedback"></div>
                            </div>
                            <div class="col-12 col-lg-4 form-group pt-3">
                                <label for="comprador_email" class="text-fidelitas fst-italic">@traducir('E-mail','E-mail') <b class="text-danger">*</b></label>
                                <input type="text" name="comprador_email" id="comprador_email" class="form-control form-control-sm required" placeholder="E-mail *" data-format="email" value="{{ $datos_cliente->comprador_email ?? '' }}" disabled>
                                <div class="invalid-feedback"></div>
                            </div>
                        </div>
                        <div class="row justify-content-center" id='seccion_fact_unificada'>
                            <div class="row justify-content-between pt-5 pb-2">
                                <div class="col-7 p-0">
                                    <h5> @traducir('Facturas Unificadas','Facturas Unificadas') </h5>
                                </div>
                                <div class="col-5 col-lg-4 px-0 text-end">
                                    <button id="btn_desactivar_unificada" class="btn btn-sm btn-danger d-none" type="button" data-bs-toggle="modal" data-bs-target="#modalDesvincularCliUni">@traducir('Desactivar Cliente Unificador','Desactivar Cliente Unificador')</button>
                                </div>
                            </div>
                            <!---->
                            <div>
                                <div id="buscar_factura_unificada" class='input-group input-group-sm pt-3 d-none'>
                                    <input type="hidden" id='clienteOk' name="clienteOk" value="">
                                    <input type="text" id='cliente_factura_unificada' name='cliente_factura_unificada' value='' class='form-control form-control-sm text-center cli' list='lista_clientes' placeholder='@traducir("Buscar Cliente","Buscar Cliente")...' autocomplete='off'>
                                    <span class='input-group-text'>
                                        <i id="lupa" class="bi bi-search fs-5"></i>
                                        <div id="loading" class="spinner-border text-fidelitas ms-auto d-none" role="status" aria-hidden="true"></div>
                                    </span>
                                </div>
                                <div id='notificacion' class='mt-2'></div>
                                <div id='lista_clientes' class='overflow-auto col-12 py-2 list-group'></div>
                            </div>
                            <!---->
                            <div class="col-12 col-lg-3 form-group pt-3">
                                <label for="cli_codigo_factura" class="text-fidelitas fst-italic">@traducir('Código facturacion','Código facturacion') (tango) <b class="text-danger">*</b></label>
                                <input type="text" name="cli_codigo_factura" id="cli_codigo_factura" class="form-control form-control-sm required" placeholder="@traducir('Codigo Cliente','Codigo Cliente') *" data-format="numero" value="{{$datos_cliente->cod_union ?? ''}}" disabled>
                                <div class="invalid-feedback"></div>
                            </div>
                            <div class="col-12 col-lg-3 form-group pt-3">
                                <label for="cli_nombre_factura" class="text-fidelitas fst-italic">@traducir('Nombre Completo','Nombre Completo') <b class="text-danger">*</b></label>
                                <input type="text" name="cli_nombre_factura" id="cli_nombre_factura" class="form-control form-control-sm required" placeholder="@traducir('Nombre Completo','Nombre Completo') *" data-format="razon_social" value="{{$datos_cliente->nombre_union ?? ''}}" disabled>
                                <div class="invalid-feedback"></div>
                            </div>
                            <div class="col-12 col-lg-3 form-group pt-3">
                                <label for="cli_cuit_factura" class="text-fidelitas fst-italic">C.U.I.T <b class="text-danger">*</b></label>
                                <input type="text" name="cli_cuit_factura" id="cli_cuit_factura" class="form-control form-control-sm required" placeholder="C.U.I.T *" data-format="cuit" value="{{$datos_cliente->cuit_union ?? ''}}" disabled>
                                <div class="invalid-feedback"></div>
                            </div>
                            <div class="col-12 col-lg-3 form-group pt-3">
                                <label for="email_factura" class="text-fidelitas fst-italic">@traducir('E-mail de factura','E-mail de factura') <b class="text-danger">*</b></label>
                                <input type="text" name="email_factura" id="email_factura" class="form-control form-control-sm required" placeholder="@traducir('E-mail de factura','E-mail de factura') *" data-format="email" value="{{$datos_cliente->email_factura ?? ''}}" disabled>
                                <div class="invalid-feedback"></div>
                            </div>
                            <div class="col-12 col-lg-4 pt-3 text-center">
                                <button id="btn_desactivar_unificada" class="btn btn-sm btn-danger d-none" type="button" data-bs-toggle="modal" data-bs-target="#modalDesvincularCliUni">@traducir('Desactivar Cliente Unificador','Desactivar Cliente Unificador')</button>
                            </div>
                        </div>
                        <!-- fila de contactos -->
                        <div class="row justify-content-center">
                            <!-- -->
                            <div class="col-12 pt-5 pb-2">
                                <h5>@traducir(' Otros Contactos',' Otros Contactos') </h5>
                                @if (!isset($datos_cliente->nombre_otro2))
                                    <input type="hidden" id='cantidadContactoOtros'value="1" data-refresh="1">
                                    <input type="hidden" id='cantidadContactomax' value="3" data-refresh="3">
                                    <input type="hidden" id='cantidadContactomin' value="1" data-refresh="1">
                                @else
                                    <input type="hidden" id='cantidadContactoOtros' value="2" data-refresh="2">
                                    <input type="hidden" id='cantidadContactomax' value="3" data-refresh="3">
                                    <input type="hidden" id='cantidadContactomin' value="2" data-refresh="2">
                                @endif
                                <i style="cursor:pointer;" class='text-success px-2 fs-5 bi bi-plus-circle-dotted d-none' id='contacAdd'></i>
                                <i style="cursor:pointer; display:none;" class='text-danger px-2 bi bi-dash-circle-dotted fs-5' id='contacDelete'></i>
                            </div>
                            <!---->
                            <div class="col-12 col-lg-4 form-group pt-3">
                                <label for="nombre_otro" class="text-fidelitas fst-italic">@traducir('Nombre Completo','Nombre Completo')</label>
                                <input type="text" name="nombre_otro" id="nombre_otro" class="form-control form-control-sm" placeholder="@traducir('Nombre Completo','Nombre Completo')" data-format="nombre" value="{{ $datos_cliente->contacto ?? '' }}" disabled>
                                <div class="invalid-feedback"></div>
                            </div>
                            <!---->
                            <div class="col-12 col-lg-4 form-group pt-3">
                                <label for="telefono_otro" class="text-fidelitas fst-italic">@traducir('Teléfono','Teléfono')</label>
                                <input type="text" name="telefono_otro" id="telefono_otro" class="form-control form-control-sm" placeholder="@traducir('Teléfono','Teléfono')" data-format="telefono" value="{{ $datos_cliente->contacto_telefono ?? '' }}" disabled>
                                <div class="invalid-feedback"></div>
                            </div>
                            <!---->
                            <div class="col-12 col-lg-4 form-group pt-3">
                                <label for="email_otro" class="text-fidelitas fst-italic">@traducir('E-mail','E-mail')</label>
                                <input type="text" name="email_otro" id="email_otro" class="form-control form-control-sm" placeholder="@traducir('E-mail','E-mail')" data-format="email" value="{{ $datos_cliente->contacto_email ?? '' }}" disabled>
                                <div class="invalid-feedback"></div>
                            </div>                        
                        </div>
                        <!--  -->
                        {{-- SECCION QUE DETERMINA SI EXISTE OTRO CONTACTO SECUNDARIO --}}
                        @if (!isset($datos_cliente->nombre_otro2) )
                            @php
                                $es_invisible = 'd-none';
                            @endphp
                        @endif
                        
                        <!-- fila de contacto 2-->
                        <div id='contenedorContacto2' class="row justify-content-center {{ $es_invisible ?? '' }}">
                            <div class='form-group col-12 col-lg-4 pt-2'>
                                <input type='text' name="nombre_otro2" id="nombre_otro2" class='form-control form-control-sm' placeholder='@traducir("Nombre Completo","Nombre Completo")' data-format='nombre' disabled>
                                <div class='invalid-feedback'></div>
                            </div>
                            <div class='form-group col-12 col-lg-4 pt-2'>
                                <input type='text' id="telefono_otro2" name="telefono_otro2" class='form-control form-control-sm' placeholder='@traducir("Telefono","Telefono")' data-format='telefono' disabled>
                                <div class='invalid-feedback'></div>
                            </div>
                            <div class='form-group col-12 col-lg-4 pt-2'>
                                <input type='text' name="email_otro2" id="email_otro2" class='form-control form-control-sm' placeholder='@traducir("E-mail","E-mail")' data-format='email' disabled>
                                <div class='invalid-feedback'></div>
                            </div>
                        </div>
                        <!-- fila de contacto 3 -->
                        <div id="contenedorContacto3" class="row justify-content-center {{ $es_invisible ?? '' }}">
                            <div class='col-12 col-lg-4 pt-2'>
                                <input type='text' name="nombre_otro3" id="nombre_otro3" class='form-control form-control-sm' placeholder='@traducir("Nombre Completo","Nombre Completo")' data-format='nombre' disabled>
                                <div class='invalid-feedback'></div>
                            </div>
                            <div class='col-12 col-lg-4 pt-2'>
                                <input type='text' id="telefono_otro3" name="telefono_otro3" class='form-control form-control-sm' placeholder='@traducir("Telefono","Telefono")' data-format='telefono' disabled>
                                <div class='invalid-feedback'></div>
                            </div>
                            <div class='col-12 col-lg-4 pt-2'>
                                <input type='text' name="email_otro3" id="email_otro3" class='form-control form-control-sm' placeholder='@traducir("E-mail","E-mail")' data-format='email' disabled>
                                <div class='invalid-feedback'></div>
                            </div>
                        </div>
                        <div id="warningModDatosCliente" class="row justify-content-center text-center d-none">
                            <small class="pt-4">
                                <i class="text-danger">@traducir('Recuerde grabar los datos, sino se perderán los cambios realizados.','Recuerde grabar los datos, sino se perderán los cambios realizados.')</i>
                            </small>
                            <!---->
                        </div>
                        <!-- fila de botones -->
                        <div class="row justify-content-end">
                            <div class="col-12 col-md-2 col-lg-2 pt-5 d-grid">
                                <a class="btn btn-fidelitas btn-sm" id="modificar_datos_cliente" data-edit="off">@traducir('Modificar Datos','Modificar Datos')</a>
                            </div>
                            <!-- -->
                            <div class="col-12 col-md-1 col-lg-2 pt-5 d-grid">
                                <button class="btn btn-fidelitas btn-sm" id="grabar" type="button">@traducir('Grabar Datos','Grabar Datos')</button>
                            </div>
                            <!-- -->
                            <div id="desactivarCli" class="col-12 col-md-1 col-lg-2 pt-5 d-grid">
                                <button class="btn btn-fidelitas btn-sm act-desact" id="btn_desactivar_modal" type="button" data-bs-toggle="modal" data-bs-target="#modalDesactivarCli">@traducir('Desactivar Cliente','Desactivar Cliente')</button>
                            </div>
                            <div id="activarCli" class="col-12 col-md-1 col-lg-2 pt-5 d-grid d-none">
                                <button class="btn btn-success btn-sm act-desact" id="btn_activar_cli" >@traducir('Activar Cliente','Activar Cliente')</button>
                            </div>
                        </div>
                    </form>
                <!-- </div> -->
            </div>
        </div>
    </div>
     <!-- DATOS INTEGRACION CON TERCEROS -->
    <div id="tablaIntegracionTerceros" class="container-fluid pt-4 @if( empty($desde_terceros)) d-none @endif contenedores-navegador">
        <div class="row justify-content-between">
            <div class="col-12 col-lg-12">
                <h5 class="">@traducir('Integración con terceros','Integración con terceros')</h5>
            </div>
            <div id="notificacionModIT" class="text-center text-danger d-none"></div>
            <div class="col-12 col-lg-12 my-4">
                <form id="formulario_integracion_terceros" action="/blue_actualizar_integracion_terceros" method="POST">
                    {{ csrf_field() }}
                    <input type="hidden" name="cliente" id="cliente" value="{{ $datos_cliente->cliente }}">
                    <div class="row justify-content-center">
                        <div class="col-12 col-lg-2 form-group pt-lg-2 pt-sm-2">
                            <label for="usuario" class="text-fidelitas fst-italic">@traducir('Usuario','Usuario')</label>
                            <input type="text" readonly name="usuario" id="usuario" class="form-control form-control-sm required" value="{{$datos_it->usuario ?? '' }}">
                            <input type="hidden" id="usuario2" value="{{$datos_it->usuario ?? '' }}">
                        </div>
                        <div class="col-12 col-lg-2 form-group pt-lg-2 pt-sm-2">
                            <label for="empresa" class="text-fidelitas fst-italic">@traducir('Cod. empresa','Cod. empresa')</label>
                            <input type="text" readonly name="codEmpresa" id="codEmpresa" class="form-control form-control-sm required" value="{{$datos_it->codEmpresa ?? '' }}">
                            <input type="hidden" id="codEmpresa2" value="{{$datos_it->codEmpresa ?? '' }}">

                        </div>
                         <div class="col-12 col-lg-2 form-group pt-lg-2 pt-sm-2">
                            <label for="ptoTrabajo" class="text-fidelitas fst-italic">@traducir('Pto. trabajo','Pto. trabajo')</label>
                            <input type="text" readonly name="ptoTrabajo" id="ptoTrabajo" class="form-control form-control-sm required" value="{{$datos_it->ptoTrabajo ?? '' }}">
                            <input type="hidden" id="ptoTrabajo2" value="{{$datos_it->ptoTrabajo ?? '' }}">

                        </div>
                        <div class="col-12 col-lg-2 form-group pt-lg-2 pt-sm-2">
                            <label for="escenario" class="text-fidelitas fst-italic">@traducir('Escenario','Escenario')</label>
                            <input type="text" readonly name="escenario" id="escenario" class="form-control form-control-sm required" value="{{$datos_it->escenario ?? '' }}">
                            <input type="hidden" id="escenario2" value="{{$datos_it->escenario ?? '' }}">

                        </div>
                        <div class="col-12 col-lg-4 form-group pt-lg-2 pt-sm-4">
                            <label for="vista" class="text-fidelitas fst-italic">@traducir('Vista','Vista')</label>
                            <input type="text" readonly name="vista" id="vista" class="form-control form-control-sm required" value="{{$datos_it->vista ?? '' }}">
                            <input type="hidden" id="vista2" value="{{$datos_it->vista ?? '' }}">

                        </div>
                    </div>
                    <div class="row justify-content-center">
                        <div class="col-12 col-lg-8 form-group pt-lg-1 pt-sm-8">
                            <label for="url" class="text-fidelitas fst-italic">@traducir('url','url')</label>
                            <input type="text" readonly name="url" id="url" class="form-control form-control-sm required" value="{{$datos_it->url ?? '' }}">
                            <input type="hidden" id="url2" value="{{$datos_it->url ?? '' }}">
                        </div>
                        <div class="col-12 col-md-2 col-lg-2 pt-lg-4 d-grid">
                            <a class="btn btn-fidelitas btn-sm" id="modificar_datos_IT" data-edit="off">@traducir('Modificar Datos','Modificar Datos')</a>
                        </div>
                        <div class="col-12 col-md-2 col-lg-2 pt-lg-4 d-grid">
                            <button class="btn btn-fidelitas btn-sm" id="grabar_IT" type="submit" disabled>@traducir('Grabar Datos','Grabar Datos')</button>
                        </div>
                    </div>
                    <div id="warningModIT" class="row col-md-12 justify-content-center text-center d-none">
                        <small class="pt-4 col-md-12">
                            <i class="text-danger">Recuerde grabar los datos, sino se perderán los cambios realizados.</i>
                        </small>
                    </div>
                </form>
            </div>
             <div class="col-12 col-lg-12 my-4">
              <b>Log de conexiones / acciones</b> <span style="font-size: 10px;"> (Se muestra un máximo de los últimos 100 registros)</span>
              <table id="tabla_conexiones" class="table table-bordered w-100">
                    <thead>
                        <tr class="text-center" style="background-color:#eeeeee;">
                            <th>@traducir('Fecha','Fecha')</th>
                            <th>@traducir('Acción','Acción')</th>
                            <th>@traducir('Usuario','Usuario')</th>
                            <th>@traducir('Cod. empresa','Cod. empresa')</th>
                            <th>@traducir('Pto. trabajo','Pto. trabajo')</th>
                            <th>@traducir('Escenario','Escenario')  </th>
                            <th>@traducir('Vista','Vista')</th>
                            <th>@traducir('URL','URL')</th>
                            <th>@traducir('Error','Error')</th>
                            <th>@traducir('Detalle Error','Detalle Error')</th>
                        </tr>
                    </thead>
                    <tbody>                                    
                    @foreach ($conexiones_it as $cit)
                        <tr>
                            <td class="text-center">{{$cit->created}}</td>
                            <td class="text-center">{{$cit->accion}}</td>
                            <td class="text-center">{{$cit->usuario}}</td>
                            <td class="text-center">{{$cit->codEmpresa}}</td>
                            <td class="text-center">{{$cit->ptoTrabajo}}</td>
                            <td class="text-center">{{$cit->escenario}}</td>
                            <td class="text-center">{{$cit->vista}}</td>
                            <td class="text-center">{{$cit->url}}</td>
                            <td class="text-center">{{$cit->error}}</td>
                            <td class="text-center">{{$cit->err}}</td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>

        </div>
    </div>

    <!-- TABLA PRODUCTOS CLIENTES -->
    <div id="tablaClienteComerciales" class="container-fluid pt-4 @if( empty($desde_servicios)) d-none @endif contenedores-navegador">
        <div class="row justify-content-between">
            <div class="col-6 col-lg-6">
                <h5 class="">@traducir('Servicios y condiciones comerciales del cliente','Servicios y condiciones comerciales del cliente')</h5>
            </div>
            <!-- -->
            <div class="col-md-2 col-xs-12 text-end ps-0 pt-0 d-grid">
                <button id="btn_alta_cliente_productos" type="button" class="btn btn-sm btn-fidelitas">
                    @traducir('Alta nuevo servicio al cliente','Alta nuevo servicio al cliente')
                </button>
            </div>
        </div>
        @if($cliente_productos == [])
        <div class="row justify-content-center">
            <div class="col-12 pt-5 text-center">
                <h5>@traducir('SIN DATOS','SIN DATOS')</h5>
            </div>
        </div>
        @else
        <!-- -->
        <div class="row justify-content-end my-3">
        </div>
        <!-- -->
        <div class="row justify-content-center">
            <!-- <div class="col-12" style="height:60vh; overflow-y:scroll"> -->
            <div class="col-12">
                <table id="tabla_cliente_productos" class="table table-bordered w-100">
                    <thead>
                        <tr class="text-center" style="background-color:#eeeeee;">
                            <th class="d-none"></th> 
                            <th class="d-none"></th>
                            <th>@traducir('Id producto','Id producto')</th>
                            <th>@traducir('Producto','Producto')</th>
                            <th>@traducir('Sigla producto','Sigla producto')</th>
                            <th class="d-none"></th>
                            <th>@traducir('Tipo de paquete','Tipo de paquete')</th>
                            <th>@traducir('Limite consumos','Limite consumos')</th>
                            <th class="d-none"></th>
                            <th>@traducir('Fecha desde','Fecha desde')</th>
                            <th class="d-none"></th>
                            <th>@traducir('Fecha hasta','Fecha hasta')</th>
                            <th class="d-none"></th>
                            <th>@traducir('Bloquea','Bloquea')</th>
                            <!-- <th>Consumido</th> -->
                            <th>@traducir('Modalidad de pago','Modalidad de pago')</th>
                            <th>@traducir('Estado producto','Estado producto')</th>
                            <th class="d-none"></th>
                            <th class="d-none"></th>
                            <th class="no-sort"></th>
                            <th class="no-sort"></th>
                        </tr>
                    </thead>
                    <tbody>                                    
                    @foreach ($cliente_productos as $cliente_prod)
                        <tr>
                            <td class="cliente d-none">{{$cliente_prod->cliente}}</td>
                            <td class="cli_codigo d-none">{{$cliente_prod->cli_codigo}}</td>
                            <td class="id_producto_cliente text-center">{{$cliente_prod->id_producto}}</td>
                            <td class="nombre_producto_cliente text-start">{{$cliente_prod->nombre_producto}}</td>
                            <td class="sigla_cliente text-center">{{$cliente_prod->sigla}}</td>
                            <td class="tipo_paquete_cliente d-none">{{$cliente_prod->tipo_paquete}}</td>
                            <td class="tipo_paquete_nombre_cliente text-center">{{$cliente_prod->tipo}}</td>
                            <td class="limites_consumo_cliente text-center d-none">{{$cliente_prod->limite_consumo}}</td>
                            <td class="limites_consumo_cliente_txt text-center">@if($cliente_prod->limite_consumo=='0') ILIMITADO @else {{$cliente_prod->limite_consumo}} @endif</td>
                            <td class="fecha_desde_dma text-center">{{$cliente_prod->fecha_desde_dia_mes_anio}}</td>
                            <td class="fecha_desde text-center d-none">{{$cliente_prod->fecha_desde}}</td>
                            <td class="fecha_hasta_dma text-center">{{$cliente_prod->fecha_hasta_dia_mes_anio}}</td>
                            <td class="fecha_hasta text-center d-none">{{$cliente_prod->fecha_hasta}}</td>
                            <td class="bloquea_cliente text-center">{{$cliente_prod->bloquea}}</td>
                            {{--<td class="consumido_cliente text-center">{{$cliente_prod->consumido}}</td>--}}
                            <td class="modalidad_de_pago text-center">{{$cliente_prod->modalidad_pago}}</td>
                            <td class="estado_producto_cliente text-center @if($cliente_prod->estado_producto=="INACTIVO") alert-danger @endif">{{$cliente_prod->estado_producto}}</td>
                            <td class="impe_acceso d-none">{{$cliente_prod->control_acceso}}</td>
                            <td class="impe_doc d-none">{{$cliente_prod->control_documentos}}</td>
                            <td class="text-center">
                                <button id="modificar_cliente_{{$cliente_prod->cliente}}_{{$cliente_prod->id_producto}}" type="button" class="btn btn-outline-info btn-sm text-center">
                                Configuracion
                                </button>
                            </td>
                            <td class="text-center">
                                <form id="consumos_{{$cliente_prod->id_producto}}" action='/blue/consumos-cliente' method="post">
                                    <input type="hidden" id='token' name="_token" value="{{ csrf_token() }}" />
                                    <input type="hidden" name="cliente" id="idClient" value="{{$cliente_prod->cliente}}">
                                    <input type="hidden" name="consulta" id="consulta" value="{{$valoresConsulta}}">
                                    <input type="hidden" name="producto" id="producto"  value="{{$cliente_prod->id_producto}}">
                                    <input type="hidden" name="producto_nombre" id="productoNombre"  value="{{$cliente_prod->nombre_producto}}">
                                    <button id="ver_consumos" class="btn btn-outline-dark btn-sm text-center" type="submit">
                                        @traducir('Consumos','Consumos')
                                    </button>
                                </form>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                    <tfoot>
                    <tr class="text-center" style="background-color:#eeeeee;">
                        <th class="d-none"></th>
                        <th class="d-none"></th>
                        <th>@traducir('Id producto','Id producto')</th>
                        <th>@traducir('Producto','Producto')</th>
                        <th>@traducir('Sigla producto','Sigla producto')</th>
                        <th class="d-none"></th>
                        <th>@traducir('Tipo de paquete','Tipo de paquete')</th>
                        <th>@traducir('Limite consumos','Limite consumos')</th>
                        <th class="d-none"></th>
                        <th>@traducir('Fecha desde','Fecha desde')</th>
                        <th class="d-none"></th>
                        <th>@traducir('Fecha hasta','Fecha hasta')</th>
                        <th class="d-none"></th>
                        <th>@traducir('Bloquea','Bloquea')</th>
                        <!-- <th>Consumido</th> -->
                        <th>@traducir('Modalidad de pago','Modalidad de pago')</th>
                        <th>@traducir('Estado producto','Estado producto')</th>
                        <th class="d-none"></th>
                        <th class="d-none"></th>
                        <th class="no-sort"></th>
                        <th class="no-sort"></th>
                    </tr>
                    </tfoot>
                </table>
            </div>
        </div>
        @endif
    </div>
    <!-- TABLA PRODUCTOS USUARIOS -->
    <div id="tablaClientePorLogin" class="pt-4 container-fluid @if( empty($desde_usuarios) ) d-none @endif contenedores-navegador">
        <div class="row justify-content-between">
            <div class="col-6 col-lg-4">
                <h5>@traducir('Servicios y condiciones de cada login del cliente','Servicios y condiciones de cada login del cliente')</h5>
            </div>
            <div class="col-md-3 col-xs-12 text-end">
                <button id="btn_alta_usuarios_productos" type="button" class="btn btn-sm btn-fidelitas">
                    @traducir('Alta nuevo servicio / login del cliente','Alta nuevo servicio / login del cliente')
                </button>
            </div>
        </div>
        <div class="row justify-content-end my-3">
        </div>
        @if($usuarios == [])
        <div class="row justify-content-center">
            <div class="col-12 pt-5 text-center">
                <h5>@traducir('SIN DATOS','SIN DATOS')</h5>
            </div>
        </div >
        @else
        <div class="row justify-content-center">
            <!-- <div class="col-12" style="height:60vh; overflow-y:scroll"> -->
            <div class="col-12">
                <table id="tabla_usuarios_productos" class="table table-bordered w-100 text-end table-hover">
                    <thead>
                        <tr class="text-center" style="background-color:#eeeeee;">
                            <th class="d-none"></th>
                            <th>@traducir('Login','Login')</th>
                            <th>@traducir('Email','Email')</th>
                            <th class="d-none">@traducir('Nombre','Nombre')</th>
                            <th class="d-none">@traducir('Apellido','Apellido')</th>
                            <th>@traducir('Contraseña','Contraseña')</th>
                            <th>@traducir('Estado login','Estado login')</th>
                            <th class="d-none"></th>
                            <th>@traducir('Producto','Producto')</th>
                            <th>@traducir('Sigla producto','Sigla producto')</th>
                            <th>@traducir('Secciones','Secciones')</th>
                            <th class="d-none">@traducir('Limite consumo x login','Limite consumo x login')</th>
                            <!-- <th>Consu-<br>mido</th> -->
                            <th>@traducir('Estado prod.','Estado prod.')</th>
                            <th class="no-sort"></th>
                            <th></th>
                        </tr>
                    </thead>
                    <!----->
                    <tbody>
                    @foreach ($usuarios as $productos_contratados)
                        @foreach ($productos_contratados as $producto_contratado)
                        <tr>
                            <td class="user_id d-none">{{$producto_contratado['user_id']}}</td>
                            <td class="username text-start align-middle">{{$producto_contratado['username']}}</td>
                            <td class="email text-start align-middle">{{$producto_contratado['email']}}</td>
                            <td class="d-none first_name text-start">{{$producto_contratado['first_name']}}</td>
                            <td class="d-none last_name text-start">{{$producto_contratado['last_name']}}</td>
                            <td class="password text-start align-middle">{{$producto_contratado['password']}}</td>                                                    
                            <td class="estado_login text-center align-middle @if($producto_contratado['estado_login']=="INACTIVO") alert-danger @endif">
                            {{$producto_contratado['estado_login']}}</td>
                            <td class="d-none id_producto text-center">{{$producto_contratado['id_producto']}}</td>
                            <td class="nombre_producto text-start align-middle">{{$producto_contratado['nombre_producto']}}</td>
                            <td class="sigla text-center align-middle">{{$producto_contratado['sigla']}}</td>
                            <td class="nombre_seccion text-start align-middle" >
                            @foreach($producto_contratado['seccion'] as $seccion)
                                {{$seccion}}<br>
                            @endforeach
                            </td>
                            <td class="limite_consumo d-none text-center align-middle" >{{$producto_contratado['limite_consumo']}}</td>
                            <!-- <td class="consumido text-center align-middle" >{{$producto_contratado['consumido']}}</td> -->
                            <td class="estado_producto text-center align-middle  @if($producto_contratado['estado_producto']=="INACTIVO") alert-danger @endif">{{$producto_contratado['estado_producto']}}</td>
                            <td class="text-center align-middle">
                                <button id="modificar_usuario_{{$producto_contratado['user_id']}}_{{$producto_contratado['id_producto']}}" type="button" class="btn btn-outline-info btn-sm text-center modificar_usuario">
                                Configurar
                                </button>
                            </td>
                            <td class="text-center align-middle">
                                <button id="consumo_usuario_{{$producto_contratado['user_id']}}_{{$producto_contratado['id_producto']}}_{{$datos_cliente->cliente}}" type="button" class="btn btn-outline-dark btn-sm text-center btn_consumo_usuario" data-bs-toggle="modal" data-bs-target="#modalConsumo">
                                @traducir('Consumos','Consumos')
                                </button>
                            </td>
                            <!-- {{--<td class="text-center align-middle">
                            <button type="button" 
                                class="btn btn-outline-danger btn-sm text-center btn_baja_usuario" 
                                data-bs-toggle="modal" 
                                data-bs-target="#cambioUsuario" 
                                data-user_id="{{$producto_contratado['user_id']}}" 
                                data-cli_codigo="{{$producto_contratado['cli_codigo']}}"
                                onclick='completarDatos($(this).attr("data-user_id"),$(this).attr("data-cli_codigo"))'>
                                @traducir('Cambio','Cambio')
                            </button>
                            </td>--}} -->
                        </tr>
                        @endforeach
                    @endforeach
                    </tbody>
                    <!----->
                    <tfoot>
                        <tr class="text-center" style="background-color:#eeeeee;">
                            <th class="d-none"></th>
                            <th>@traducir('Login','Login')</th>
                            <th>@traducir('Email','Email')</th>
                            <th class="d-none">@traducir('Nombre','Nombre')</th>
                            <th class="d-none">@traducir('Apellido','Apellido')</th>
                            <th>@traducir('Contraseña','Contraseña')</th>
                            <th>@traducir('Estado login','Estado login')</th>
                            <th class="d-none"></th>
                            <th>@traducir('Producto','Producto')</th>
                            <th>@traducir('Sigla producto','Sigla producto')</th>
                            <th>Secciones</th>
                            <!-- <th>Limite consumo x login</th>
                            <th>Consu-<br>mido</th> -->
                            <th>@traducir('Estado prod.','Estado prod.')</th>
                            <th class="no-sort"></th>
                            <th></th>
                        </tr>
                    </tfoot>
                </table>
                <!-- ---------------------modal de cambio de organización del usuario -- --------------------->
                    <div class="modal fade" id="cambioUsuario" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <input type="hidden" id ="user_user_id">
                                <input type="hidden" id="user_cli_codigo">
                                <input type="hidden" name="_token" id="tokencambio" value="{{ csrf_token() }}">
                                <div class="modal-header">
                                    <h5 class="modal-title" id="exampleModalLabel" style="color:red;">Baja de Usuario</h5>
                                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                </div>
                                <div class="modal-body">
                                    Está seguro de cambiar al usuario?
                                </div>
                                <div class="modal-footer">
                                    <button type="button" class="btn btn-danger baja_user">
                                        @traducir('Cambiar','Cambiar')
                                        <i class="bi bi-x-square-fill"></i>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                <!-- --------------------- fin modal de cambio de organización del usuario -- --------------------->
            </div>
        </div>
        @endif
    </div>
    <!-- API CONTROL -->
    @if($tieneApi == 1)
        <div class="container-fluid @if( empty($desde_api) ) d-none @endif contenedores-navegador mb-4" id="seccion_control_api">
            <div class="row justify-content-between py-3">
                <div class="col-6 ">
                    <h5> @traducir('Panel de Administración de Apikey','Panel de Administración de Apikey') </h5>
                </div>
                <div class="col-6 col-md-2 text-end">
                    <button type="button" class="btn btn-outline-fidelitas" id="accion_alta_apikey">@traducir('Alta Apikey','Alta Apikey')</button>
                </div>
                <div class="col-6">
                    <small class="text-secondary fst-italic">(*) @traducir('Para poder editar la apikey debe hacer doble click','Para poder editar la apikey debe hacer doble click')</small>
                </div>
            </div>
            <!-- FANCY DE DATOS COMERCIALES -->
            <div class="row justify-content-center">
                <div class="text-center d-none" id="fancy_api_reload">
                    <div class="spinner-border" role="status">
                        <span class="visually-hidden">@traducir('Cargando','Cargando')...</span>
                    </div>
                </div>
                <!-- -->
                <div id="result" class="h-100"></div>
            </div>
            <!-- FORMULARIO VER HISTORIAL -->
            <form id="formulario_modal_ver_historial">
                <input type="hidden" name="token_historial" value="{{ csrf_token() }}">
                <input type="hidden" name="client_id" value="{{$cliente}}">
                <input type="hidden" name="nombre_del_cliente" value="{{$datos_cliente->nombre}}">
                <input type="hidden" name="id_producto">
                <input type="hidden" name="nombre_del_producto">
            </form>
            <!-- FORMULARIO PARA DESCARGAR LA DOCUMENTACION -->
            <form id="formulario_descargar_documentacion">
                <input type="hidden" name="_token" value="{{ csrf_token() }}">
                <input type="hidden" name="indicador_de_documentacion">
                <input type="hidden" name="producto_id">
            </form>
            <!-- SECCION MOSTRAR HISTORIAL -->
            <section id="mostrar_historial"></section>
            <!-- SECCION CARGAR DOCUMENTACIONES -->
            <section id="cargar_documentacion"></section>
            <!-- SECCION GENERAR TOKEN -->
            <section id="generar_token"></section>
            <!-- SECCION DE MODAL DE TOPES -->
            <section id="mostrar_modal_accion"></section>
        </div>
    @endif
    <form id='form_busqueda_cliente' action="/blue_buscar_cliente" method='post' class="d-none">
        <input type="hidden" id='token' name="_token" value="{{ csrf_token() }}" />
        <input type="hidden" id='clienteOk' name='clienteOk' value='{{$valoresConsulta}}' class='form-control form-control-lg text-center cli' list='lista_clientes' placeholder='Buscar Cliente...' autocomplete='off'>
    </form>
    <input id="viene_consumos" type="hidden" value="{{ substr($_SERVER['HTTP_REFERER'],-12) }}">
    <input type="hidden" id="fancy_creada" value="0" autocomplete="off">
    <!--  -->
</main>
<!-- -->
@endsection
<!-- -->
@section('funcionesJs')
    @if ( $tieneApi == 1 )
        <script type="text/javascript" src="{{ URL::asset('/js/fancy/fancy.min.js') }}"></script>
        <script src="{{ asset('/Libreria_CA/Js/funciones_api.js') }}"></script>
    @endif
    <script>
        //funcion para completar los datos del usuario en el form oculto y enviarlos
        function completarDatos(user_id,cli_codigo) {
                    // let user_id = $(this).attr("data-user_id")
                    // let cli_codigo = $(this).attr("data-cli_codigo")
                    $('#user_user_id').val(user_id)
                    $('#user_cli_codigo').val(cli_codigo)
                }
    </script>
    @if(!empty($desde_api))
        <script>
            $(document).ready(function(){
                llamadaValidacionDinamica();
                //-----
                // $('.api-button').click(function(){
                    if ( $('#fancy_creada').val() == '0' ){
                        llamadaApi();
                    }
                // });
            });
        </script>
    @else
        <script>
            $(document).ready(function(){
                llamadaValidacionDinamica();
                //-----
                $('.api-button').click(function(){
                    if ( $('#fancy_creada').val() == '0' ){
                        llamadaApi();
                    }
                });
                menuOpciones();
                //pasamos lo datos de atributo data a los input del modal para luego enviarlos
               
                //SECCIÓN DE BAJA PARA UN USUARIO EN UN CLIENTE Y LUEGO PODE DARO DE ALTA EN OTRO
                $('.baja_user').on('click',function(e) {
                    e.preventDefault();
                    let token = $('#tokencambio').val()
                    let  user_user_id = $('#user_user_id').val()
                    let user_cli_codigo = $('#user_cli_codigo').val()
                    let user_login = $('#user_login').val()
                    var datos = {
                        _token : token,
                        user_id : user_user_id,
                        cli_codigo: user_cli_codigo
                    }
                    console.log(datos)
                    $.ajax({
                        type: "POST",
                        data: datos,
                        url: '/blue/baja-usuario-cliente',
                        success: function(data){
                            //si la solicitud es hecha éxitosamente entonces la respuesta representa los datos

                        }
                    });
                })
            });
        </script>
    @endif
@endsection