@extends('header_new')

@section('main')
<main class="container-fluid mt-5 pt-5">
    <!-- FORMULARIO DE REDIRECCION -->
    @if( $datos_redireccion->desde_panel_clientes == 1 )
    <form id="frmRedireccionar" action="/clientes" method="get">
    </form>
    @else
    <!-- <form id="frmRedireccionar" action="/blue/servicios-contratados-cliente" method="post">
        {{ csrf_field() }}
        <input name="cli_codigo" type="hidden" value="{{$cli->cli_codigo}}">
        <input name="cliente" type="hidden" value="{{$cli->cliente}}">
        <input name="cliente_nombre" type="hidden" value="{{$cli->nombre_cliente}}">
        <input name="cli_cuit" type="hidden" value="{{$cli_cuit}}">
        <input name="estado" type="hidden" value="M">
        <input type="hidden" name="id_producto" value="{{$prod}}">
        <input type="hidden" name="tipo_paquete_cliente" value="{{$datos_redireccion->tipo_paquete}}">
        <input type="hidden" name="prod_nombre_cliente" value="{{$datos_redireccion->nombre_producto}}">
        <input type="hidden" name="limite_consumo_cliente" value="{{$datos_redireccion->limite}}">
        <input type="hidden" name="fecha_desde" value="{{$datos_redireccion->desde}}">
        <input type="hidden" name="fecha_hasta" value="{{$datos_redireccion->hasta}}">
        <input type="hidden" name="estado_bloquea_cliente" value="{{$datos_redireccion->bloquea}}">
        <input type="hidden" name="estado_producto_cliente" value="{{$datos_redireccion->estado_producto}}">
        <input type="hidden" name="modalidad_de_pago" value="{{$datos_redireccion->modalidad_de_pago}}">
        <input type="hidden" name="impe_acceso" value="{{$datos_redireccion->impe_acceso}}">
        <input type="hidden" name="impe_doc" value="{{$datos_redireccion->impe_doc}}">
        <input type="hidden" name="desde_panel_clientes" value="{{$datos_redireccion->desde_panel_clientes}}">
    </form> -->
    <form id="frmRedireccionar" action="/blue_buscar_cliente" method="post">
        {{ csrf_field() }}
        <input name="clienteOk" type="hidden" value="{{$cli->cli_codigo}}-{{$cli->cliente}}">
        <input name="cliente" type="hidden" value="{{$cli->cliente}}">
        <input name="tieneApi" type="hidden" value="{{$tieneApi}}">
        <input name="cliente_nombre" type="hidden" value="{{$cli->nombre_cliente}}">
        <input name="cli_codigo" type="hidden" value="{{$cli->cli_codigo}}">
        <input name="cli_cuit" type="hidden" value="{{$cli->numero}}">
        <input type="hidden" name="redirect" id="redirect">
    </form>
    @endif
    <!-- -->
    <input type="hidden" class="servicio_actual_flia" id="servicio_actual_flia" value="{{$servicio_elegido->producto}}">
    <input type="hidden" id="servicio_flia_name" value="{{$servicio_elegido->nombre_producto}}">
    <input type="hidden" id="es_imperium" value="{{$es_imperium}}">
    <!-- -->
    @include('/blue/info_cliente_abm')
    <div class="container-fluid">
        <h6 class="text-fidelitas">{{$nombre_producto}}</h6>
        <div class="row justify-content-between pt-3">
            <div class="col-md-8">
                <h5>@traducir('Administrador de Familias','Administrador de Familias')</h5>
            </div>
            <div class="col-md-4 text-end">
                <button type="button" class="btn btn-sm btn-fidelitas cont_botones accion_new"><i class="bi bi-plus-lg"></i> @traducir('Crear nueva familia','Crear nueva familia')</button>
            </div>
        </div>
        <!-- -->
        <div class="row justify-content-end my-3">
            <!-- <div class="col-md-4 text-end">
                <button type="button" class="btn btn-sm btn-fidelitas cont_botones accion_new">Crear nueva familia</button>
            </div> -->
        </div>
        <div class="text-end">
            <button type="button" class="btn btn-primary hide" id="hide">Mostrar Visibles  <i class="bi bi-eye-slash-fill"></i></button>
            <button type="button" class="btn btn-dark showAll d-none" id="showAll">Mostrar Todo  <i class="bi bi-eye-fill"></i></button>
        </div>
        <!-- -->
            @foreach($servicios as $servicio)
                @continue ( !empty($servicio_elegido) and $servicio_elegido->producto != $servicio->producto )
                <div id="cont_{{$servicio->producto}}" class="cont_0">  
                    @if ($servicio->producto=="00") <span style="color:red;">@traducir('Para poder realizar acciones debe seleccionar el servicio correspondiente','Para poder realizar acciones debe seleccionar el servicio correspondiente')</span> @endif 
                    <table class="table table-striped table-condensed table-hover tablaFamilias" width="100%">
                        <thead>
                            <tr>
                                @if($servicio->producto == "00")	
                                    <th class="text-start">@traducir('Servicio','Servicio')</th>
                                @else 
                                    <th class="d-none"></th>
                                @endif 
                                <th class="text-start">@traducir('Familia','Familia')</th>
                                <th>@traducir('País','País')</th>
                                <th>@traducir('Contrapartes','Contrapartes')</th>
                                <th>@traducir('Set de documentos','Set de documentos')</th>
                                <th>@traducir('Modo login','Modo login')</th>
                                <th>@traducir('Visible','Visible')</th>
                                <th>@traducir('Prod.','Prod.')</th>
                                <th>@traducir('Creado','Creado')</th>
                                <th>@traducir('Modificado','Modificado')</th>
                                @if($servicio->producto !== "00")
                                    <th>@traducir('Acción','Acción')</th>
                                @else 
                                    <th class="text-start"></th>
                                @endif
                            </tr>
                        </thead>
                        <!-- -->
                        <tbody>
                            @foreach($fams[$servicio->producto] as $family)
                                @if($family->visible == 0)
                                    <div class="ocultaMostrarVisibles">
                                        <tr data-user="NO">
                                            @if($servicio->producto == "00") 
                                                <td class="text-start">{{$family->servicio_contratado_name}}</td> 
                                            @else 
                                                <td class="d-none"></td>
                                            @endif                                                                    
                                            <td class="text-start">{{$family->nombre_familia}}</td>
                                            <td class="text-center">{{$family->country_name}}</td>
                                            <td class="text-center">{{$family->total_contrapartes}}</td>
                                            <td>{{$family->nombre_set}}</td>
                                            <td class="text-center">@if($family->modalidad_login == 'L') Link @else Tax-ID @endif</td>
                                            <td class="text-center">NO</td>
                                            <td class="text-center">@if($family->uso_familia != 'I') LED @else IV @endif</td>
                                            <td class="text-center">{{$family->created_by_user}} ({{$family->created}})</td>
                                            <td class="text-center">@if(null != $family->modified) {{$family->modified_by_user}} ({{$family->modified}}) @endif</td>                                                               
                                            @if($servicio->producto == "00") 
                                                <td class="d-none"></td>
                                            @else 
                                                <td class="text-center" nowrap="nowrap">
                                                    <button type="button" class="btn btn-sm btn-fidelitas accion" data-servicio="{{$servicio->producto}}" data-familia="{{$family->familia}}" data-prod="{{$prod}}" data-accion="edit" data-bs-toggle="modal" data-bs-target="#modalFamiliaEdit"><i class="bi bi-pencil-square"></i> @traducir('Editar','Editar')</button>
                                                    <button type="button" class="btn btn-sm btn-fidelitas accion" data-servicio="{{$servicio->producto}}" data-familia="{{$family->familia}}" data-prod="{{$prod}}" data-accion="subfam" data-bs-toggle="modal" data-bs-target="#modalFamiliaEdit"> @traducir('Subfamilias','Subfamilias')</button>
                                                    <button type="button" class="btn btn-sm btn-fidelitas famprod" data-servicio="{{$servicio->producto}}" data-familia="{{$family->familia}}" data-prod="{{$prod}}" data-accion="productos"><i class="bi bi-cart-fill"></i> @traducir('Productos','Productos')</button>
                                                    <button type="button" class="btn btn-sm btn-fidelitas fam-team" data-servicio="{{$servicio->producto}}" data-familia="{{$family->familia}}" data-prod="{{$prod}}" data-accion="teams" title="@traducir('titulo_modal_equipos_familia','Equipos de la familia:') {{ $family->nombre_familia }}"><i class="bi bi-people-fill"></i> @traducir('Equipos','Equipos')</button>
                                                    <button type="button" class="btn btn-sm btn-fidelitas fam-informes" data-servicio="{{$servicio->producto}}" data-familia="{{$family->familia}}" data-prod="{{$prod}}" data-accion="informes" title="@traducir('titulo_modal_informes_fam','Informes de la familia:') {{ $family->nombre_familia }}"><i class="bi bi-file-earmark-text-fill"></i> @traducir('Informes','Informes')</button>
                                                    <button type="button" class="btn btn-sm btn-fidelitas fam-docs" data-servicio="{{$servicio->producto}}" data-familia="{{$family->familia}}" data-prod="{{$prod}}" data-accion="docs" title="@traducir('titulo_modal_docs_fam','Documentos de la familia:') {{ $family->nombre_familia }}"><i class="bi bi-file-earmark-text-fill"></i> Set. Docs</button>
                                                </td>
                                            @endif
                                        </tr>
                                    </div>
                                @else                            
                                    <tr data-user="SI">
                                        @if($servicio->producto == "00") 
                                            <td class="text-start">{{$family->servicio_contratado_name}}</td> 
                                        @else 
                                            <td class="d-none"></td>
                                        @endif                                                                    
                                        <td class="text-start">{{$family->nombre_familia}}</td>
                                        <td class="text-center">{{$family->country_name}}</td>
                                        <td class="text-center">{{$family->total_contrapartes}}</td>
                                        <td>{{$family->nombre_set}}</td>
                                        <td class="text-center">@if($family->modalidad_login == 'L') Link @else Tax-ID @endif</td>
                                        <td class="text-center">SI </td>
                                        <td class="text-center">@if($family->uso_familia != 'I') LED @else IV @endif</td>
                                        <td class="text-center">{{$family->created_by_user}} ({{$family->created}})</td>
                                        <td class="text-center">@if(null != $family->modified) {{$family->modified_by_user}} ({{$family->modified}}) @endif</td>                                                               
                                        @if($servicio->producto == "00") 
                                            <td class="d-none"></td>
                                        @else 
                                            <td class="text-center" nowrap="nowrap">
                                                <button type="button" class="btn btn-sm btn-fidelitas accion" data-servicio="{{$servicio->producto}}" data-familia="{{$family->familia}}" data-prod="{{$prod}}" data-accion="edit" data-bs-toggle="modal" data-bs-target="#modalFamiliaEdit"><i class="bi bi-pencil-square"></i> @traducir('Editar','Editar')</button>
                                                <button type="button" class="btn btn-sm btn-fidelitas accion" data-servicio="{{$servicio->producto}}" data-familia="{{$family->familia}}" data-prod="{{$prod}}" data-accion="subfam" data-bs-toggle="modal" data-bs-target="#modalFamiliaEdit"> @traducir('Subfamilias','Subfamilias')</button>
                                                <button type="button" class="btn btn-sm btn-fidelitas famprod" data-servicio="{{$servicio->producto}}" data-familia="{{$family->familia}}" data-prod="{{$prod}}" data-accion="productos"><i class="bi bi-cart-fill"></i> @traducir('Productos','Productos')</button>
                                                <button type="button" class="btn btn-sm btn-fidelitas fam-team" data-servicio="{{$servicio->producto}}" data-familia="{{$family->familia}}" data-prod="{{$prod}}" data-accion="teams" title="@traducir('titulo_modal_equipos_familia','Equipos de la familia:') {{ $family->nombre_familia }}"><i class="bi bi-people-fill"></i> @traducir('Equipos','Equipos')</button>
                                                <button type="button" class="btn btn-sm btn-fidelitas fam-informes" data-servicio="{{$servicio->producto}}" data-familia="{{$family->familia}}" data-prod="{{$prod}}" data-accion="informes" title="@traducir('titulo_modal_informes_fam','Informes de la familia:') {{ $family->nombre_familia }}"><i class="bi bi-file-earmark-text-fill"></i> @traducir('Informes','Informes')</button>
                                                <button type="button" class="btn btn-sm btn-fidelitas fam-docs" data-servicio="{{$servicio->producto}}" data-familia="{{$family->familia}}" data-prod="{{$prod}}" data-accion="docs" title="@traducir('titulo_modal_docs_fam','Documentos de la familia:') {{ $family->nombre_familia }}"><i class="bi bi-file-earmark-text-fill"></i> Set. Docs</button>
                                            </td>
                                        @endif
                                    </tr>
                                @endif
                            @endforeach
                        </tbody>
                    </table>
                    <!-- -->
                    @if($servicio->producto == 47 or $servicio->producto == "00")
                        <div class="row"> 
                            <div class="col-md-8">
                                <h3>@traducir('Subfamilias','Subfamilias')</h3>
                            </div>			
                            <div class="col-md-4 text-end">
                                <button type="button" class="btn btn-sm btn-fidelitas cont_botones" data-bs-toggle="modal" data-servicio="{{$servicio->producto}}" data-bs-target="#modalSubfamilia" id="add-subfamilia" >@traducir('Crear nueva subfamilia','Crear nueva subfamilia')</button>
                            </div>
                        </div>
                        @if ($servicio->producto=="00")
                            <div class="row"> 
                                <div class="col-md-12 text-danger">@traducir('Para poder realizar acciones debe seleccionar el servicio correspondiente','Para poder realizar acciones debe seleccionar el servicio correspondiente')</div>
                            </div>
                        @endif 
                        <table class="table table-striped table-condensed table-hover tablaSubFamilias" width="100%">	
                            <thead>
                                <tr>
                                    @if($servicio->producto == "00") 
                                        <th class="text-start">@traducir('Servicio','Servicio')</th>
                                    @else 
                                        <th class="d-none"></th>
                                    @endif
                                    <th class="text-start">@traducir('Subfamilia','Subfamilia')</th>
                                    <th>@traducir('País','País')</th>
                                    <th>@traducir('Contrapartes','Contrapartes')</th>
                                    <th>@traducir('Set de documentos','Set de documentos')</th>
                                    <th>@traducir('Familias asociadas','Familias asociadas')</th>
                                    <th>@traducir('Visible','Visible')</th>
                                    @if($servicio->producto == "00") 
                                        <td class="d-none"></td>
                                    @else 
                                        <th>@traducir('Acción','Acción')</th>
                                    @endif
                                </tr>
                            </thead>
                            <!-- -->
                            <tbody>
                                @foreach ($subfamilias as $k => $data)
                                    <tr>
                                        @if($servicio->producto == "00") 
                                            <td class="text-start">{{$family->servicio_contratado_name}}</td> 
                                        @else 
                                            <td class="d-none"></td>
                                        @endif
                                        <td class="text-start">{{$data['nombre_familia']}}</td>
                                        <td class="text-center">{{$data['country_name']}}</td>
                                        <td class="text-center">{{$data['total_contrapartes']}}</td>
                                        <td class="text-center">{{$data['nombre_set']}}</td>
                                        <td>
                                            @if (!empty($data['familias_asociadas']))
                                            <ul>
                                            @foreach($data['familias_asociadas'] as $parent)
                                                <li>{{$parent}}</li>
                                            @endforeach
                                            </ul>
                                            @endif
                                        </td>
                                        <td class="text-center">@if ($data['visible'] == 1) SI @else NO @endif</td>
                                        @if($servicio->producto == "00") 
                                            <td class="d-none"></td>
                                        @else 
                                            <td class="text-center">
                                                <button type="button" class="btn btn-fidelitas subfamedit" data-servicio="{{$servicio->producto}}" data-subfamilia="{{$data['familia']}}" data-bs-toggle="modal" data-bs-target="#modalSubfamilia">@traducir('Editar','Editar')</button>
                                                @if ($prod == 47)<button type="button" class="btn btn-fidelitas famprod" data-servicio="{{$servicio->producto}}" data-prod="{{$prod}}" data-familia="{{$data['familia']}}">@traducir('Productos','Productos')</button>@endif
                                            </td>
                                        @endif 
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    @endif 
                </div>
            @endforeach                 
    </div>
</main>
<!-- MODAL DE INFO ALTA FAMILIA -->
<div class="modal fade" id="modalprueba" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered">
    <div class="modal-content">
        <div class="modal-header">
            <h4 class="modal-title" id="staticBackdropLabel"> @traducir('Informacion Importante','Informacion Importante') </h4>
            <button type="button" id="btnCerrarModal" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
        </div>
        <div class="modal-body m-4 p-0">
            <figure class="text-center">
                <blockquote class="blockquote">
                    <p>@traducir('Cuando se da de alta una nueva familia, en Visibilidad Usuarios, ', 'Cuando se da de alta una nueva familia, en Visibilidad Usuarios, ')<mark><strong>@traducir('ningún usuario','ningún usuario')</strong></mark> @traducir('estará habilitado para verla. Deberás dar permisos a los usuarios que puedan hacerlo.','estará habilitado para verla. Deberás dar permisos a los usuarios que puedan hacerlo.')</p>
                </blockquote>
            </figure>
        </div>
        <div class="modal-footer">
            <button type="button" id="btnEntendido" class="btn btn-fidelitas">@traducir('Entendido','Entendido')</button>
        </div>
    </div>
  </div>
</div>
<!-- MODAL DE ALTA DE FAMILIA -->
<div id="modalFamilia" class="modal fade">
   <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="modal-title" id="fam_title">@traducir('Familia','Familia')</h3>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-hidden="true"></button>
            </div>
            <div class="modal-body" id="fam_data">
                <form class="form" id="frmFamilia" action="/blue/servicios-contratados-familias" method="post">
                    {{csrf_field()}}
                    <input type="hidden" class="servicio_actual_flia" name="servicio_actual_flia">
                    <input type="hidden" name="cliente" value="{{$cli->cliente}}">
                    <input type="hidden" name="producto_fidelitas" value="{{$prod}}">
                    <input type="hidden" name="accion" value="insert">
                    <!-- -->
                    <div class="row justify-content-start my-2">
                        <div class="col-md-11">
                            <label for="nombre_cliente" class="form-label">@traducir('Cliente','Cliente')</label>
                            <input name="nombre_cliente" maxlength="" id="nombre_cliente" class="form-control" readonly="readonly" value="{{$cli->nombre_cliente}}">
                        </div>
                    </div>
                    <!-- -->
                    <div class="row d-none tipos">
                        <!-- -->
                        <div class="col-md-6">
                            <div class="form-check form-check-inline">
                                <input type="radio" name="tipo_nuevo" class="tipo_nuevo form-check-input" value="0">
                                <label class="form-check-label">&nbsp;&nbsp;@traducir('Tipo de Contratista existente','Tipo de Contratista existente')</label>
                            </div>
                            <div class="form-check form-check-inlinr">
                                <input type="radio" name="tipo_nuevo" class="tipo_nuevo form-check-input" value="1">
                                <label class="form-check-label">&nbsp;&nbsp;@traducir('Tipo de Contratista nuevo','Tipo de Contratista nuevo')</label>
                            </div>
                        </div>
                        <!-- -->
                        <div class="col-md-6">
                            <select name="tipo_contratista" id="tipo_contratista" class="form-select tipos_viejos d-none">
                                <option value="">@traducir('Seleccione tipo de contratista','Seleccione tipo de contratista')...</option>
                                @foreach($tipos_contratista as $k => $tipo)
                                    <option value="{{$tipo->tipo_contratista}}">{{$tipo->nombre_tipo_contratista}}</option>
                                @endforeach
                            </select>
                            <label class="tipos_nuevos d-none"><br>@traducir('Se dará de alta un nuevo Tipo de contratista','Se dará de alta un nuevo Tipo de contratista')</label>
                        </div>
                    </div>
                    <!-- -->
                    <div class="row justify-content-start my-2">
                        <div class="col-md-12">
                            <label for="nombre_familia" class="form-label">@traducir('Nombre de la familia','Nombre de la familia')</label>
                            <input type="text" name="nombre_familia" style="text-transform:uppercase;" maxlength="100" id="nombre_familia" required="yes" class="form-control">
                        </div>
                    </div>
                    <!-- -->
                    <div class="row justify-content-between my-2">
                        <div class="col-md-6">
                            <label class="form-label" for="pais">@traducir('Pais','Pais')</label>
                            <select name="country_code" class="form-select" id="pais">
                                @foreach($country as $pais)
                                    <option value="{{$pais->country_code}}" @if($pais->country_code == 'AR') selected @endif>{{$pais->country_name}}</option>
                                @endforeach
                            </select>
                        </div>
                        <!-- -->
                        <div class="col-md-3 mt-5 form-check form-check-inline">
                            <input type="Checkbox" name="visible" value="1" checked="yes" class="form-check-input"> 
                            <label class="form-check-label">@traducir('Activo','Activo')</label>
                        </div>
                    </div>
                    <!-- -->
                    <div class="row justify-content-start my-2">
                        <div class="col-md-12">
                            <label for="set_doc" class="form-label">@traducir('Set de documentos','Set de documentos')</label>
                            <select name="set_doc" id="set_doc" class="form-select">
                                <option value="" >  --- @traducir('No asignado','No asignado') --- </option>
                                @foreach($setdoc as $k => $set)
                                <option value="{{$set->set_doc}}">{{$set->nombre_set}}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <!-- -->
                    <div class="row justify-content-start my-2">
                        <div class="col-md-4">
                            <label for="modalidad_login" class="form-label">@traducir('Modo Login','Modo Login')</label>
                            <select name="modalidad_login" id="modalidad_login" class="form-select">
                                <option value="T">Ingreso Tax ID+Clave</option>
                                <option value="L">Link (similar Facón)</option>
                            </select>
                        </div>
                        <div class="col-md-4">
                            <label for="tipo_panel" class="form-label">@traducir('Tipo de Panel','Tipo de Panel')</label>
                            <select name="tipo_panel" id="tipo_panel" class="form-select">
                                <option value="PRV">@traducir('Proveedores','Proveedores')</option>
                                <option value="CLI">@traducir('Clientes','Clientes')</option>
                                <option value="VIN">@traducir('Vinculadas','Vinculadas')</option>
                            </select>
                        </div>
                        <div class="col-md-4">
                            {{--
                            <label for="uso_familia">@traducir('Producto asociado','Producto asociado')</label>
                            <select name="uso_familia" id="uso_familia" class="form-control">
                                <option value="P">LED</option>
                                @if (!empty($inquirovitae))<option value="I">Inquiro Vitae</option>@endif
                            </select>
                            --}}
                        </div>
                    </div>
                    <br>
                    <!-- -->
                    <div class="row justify-content-end">
                        <div class="col-md-2 text-center">
                            <button type="submit" class="btn btn-default btn-fidelitas alta_familia"><i class="bi bi-check-lg"></i> @traducir('Aceptar','Aceptar')</button>
                        </div>
                        <div class="col-md-2">
                            <button type="button" class="btn btn-default btn-fidelitas" data-bs-dismiss="modal">@traducir('Cancelar','Cancelar')</button>
                        </div>
                    </div>
                    <!-- -->
                </form>
            </div>
        </div>
    </div>
</div>
<!-- Modal de edicion de familia -->
<div id="modalFamiliaEdit" class="modal fade">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="modal-title" id="familia_title">@traducir('Familia','Familia')</h3>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-hidden="true"></button>
            </div>
            <div class="modal-body" id="familia_edit"></div>
        </div>
    </div>
</div>
<!-- Modal de subfamilia -->
<div id="modalSubfamilia" class="modal fade">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="modal-title" id="subfamilia_title"></h3>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-hidden="true"></button>
            </div>
            <div class="modal-body" id="subfamilia_body"></div>
        </div>
    </div>
</div>
<!-- MODAL DE EQUIPO FAMILIA -->
<div id="modalEquipoFamilia" class="modal fade">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="modal-title" id="equipofamilia_title">@traducir('equipos_familia','Equipos asignados a la familia')</h3>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-hidden="true"></button>
            </div>
            <div class="modal-body" id="equipofamilia_body"></div>
            <div class="modal-body text-center d-none" id="equipofamilia_loading">
                @traducir('Cargando','Cargando')... <div class="spinner-border text-fidelitas"></div>
            </div>
        </div>
    </div>
</div>
<!-- MODAL DE INFORMES DE FAMILIA -->
<div id="modalInformesFamilia" class="modal fade">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="modal-title d-none" id="informesfamilia_title">@traducir('informes_asignados_familia','Informes Asignado a la Familia')</h3>
                <h3 class="modal-title d-none" id="informesdocs_title">@traducir('conf_docs_familia','Configuración de Documentos de la Familia')</h3>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-hidden="true"></button>
            </div>
            <div class="modal-body" id="informesfamilia_body"></div>
            <div class="modal-body text-center d-none" id="informesfamilia_loading">
                @traducir('Cargando','Cargando')... <div class="spinner-border text-fidelitas"></div>
            </div>
        </div>
    </div>
</div>
<!-- -->
<form id="frmFamProd" method="post" action="/blue/servicios-contratados-familia-productos">
    {{csrf_field()}}
    <input type="hidden" name="cliente" value="{{$cli->cliente}}">
    <input type="hidden" name="familia" value="" id="_familia">
    <input type="hidden" name="cliente_nombre" value="{{$cli->nombre_cliente}}">
    <input type="hidden" name="producto_fidelitas" value="" id="_producto_fidelitas">
    <input type="hidden" name="tipo_paquete_cliente" value="{{$datos_redireccion->tipo_paquete}}">
    <input type="hidden" name="prod_nombre_cliente" value="{{$datos_redireccion->nombre_producto}}">
    <input type="hidden" name="limite_consumo_cliente" value="{{$datos_redireccion->limite}}">
    <input type="hidden" name="fecha_desde" value="{{$datos_redireccion->desde}}">
    <input type="hidden" name="fecha_hasta" value="{{$datos_redireccion->hasta}}">
    <input type="hidden" name="estado_bloquea_cliente" value="{{$datos_redireccion->bloquea}}">
    <input type="hidden" name="estado_producto_cliente" value="{{$datos_redireccion->estado_producto}}">
    <input type="hidden" name="modalidad_de_pago" value="{{$datos_redireccion->modalidad_de_pago}}">
    <input type="hidden" name="impe_acceso" value="{{$datos_redireccion->impe_acceso}}">
    <input type="hidden" name="impe_doc" value="{{$datos_redireccion->impe_doc}}">
    <input type="hidden" name="desde_panel_clientes" value="{{$datos_redireccion->desde_panel_clientes}}">
</form>
@endsection

@section('funcionesJs')
<script src="{{ asset('/Libreria_CA/Js/funciones_servicios_contratados.js') }}?v=1"></script>
<script>
    $(document).ready(function() {
        llamadaFamilias();      
        contrapartesGenericos();      
        setTimeout(() => {            
            $('#hide').click(); 
        }, 5);                        
        eventoFamiliaVisibleNoVisible();
	});
</script>
@endsection