{{!-- !!!10-JUN-2019(JCH) 
   Se reestructura el acceso a los privilegios para no generar confusion en la plantilla,
   los privilegios solo se deben acceder con @root
--}}
<div class="divTablas curved" style="width:98%;">
   <div style="width:100%">
      <input type="button" class="submit" value="Nuevo Producto" style="width:130px;float:right;" onclick="Linix.cargarPagina('detalleContenido','lnxSeccion.php','objeto=tj_solicitar_Solicitar&amp;metodo=CrearTarjeta&amp;servicio=Y');
                    " />
   </div>
   <table id="tj_tabla_listado" border="0" cellpadding="0" cellspacing="0" class="tabla2" style="width:100%;">
      <tr>
         <td height="14" colspan="4" class="titulo">INFORMACIÓN DE PRODUCTOS</td>
      </tr>
      <tr class="titulo">
         <td style="width: 12%;" class="estilo2">No. Tarjeta</td>
         <td style="width: 15%;" class="estilo2">Producto</td>
         <td style="width: 8%;"  class="estilo2">Cupo Disponible</td>
         {{#if @root.btnDetallePago}}
            <td class="estilo2">Detalle pago</td>
         {{/if}}
         {{#if @root.btnReemplazoTarjeta}}
            <td class="estilo2">Reemplazo de Tarjeta</td>
         {{/if}}
         {{#if @root.btnSolCupoExceso}}
            <td class="estilo2">Exclusi&#243;n Cupo en Exceso</td>
         {{/if}}
         {{#if @root.btnSolCierreCupoExceso}}
            <td class="estilo2">Cerrar Exclusi&#243;n Cupo en Exceso</td>
         {{/if}}
         {{#if @root.btnSolCambioSucurs}}
            <td class="estilo2">Cambio de Sucursal</td>
         {{/if}}
         {{#if @root.btnSolCupoRotativo}}
            <td class="estilo2">Solicitar cupo rotativo</td>
         {{/if}}
         {{#if @root.btnModCupoRotativo}}
            <td class="estilo2">Modificar cupo rotativo</td>
         {{/if}}
         {{#if @root.btnPagoTarjetas}}
            <td class="estilo2">Pago de Tarjetas</td>
         {{/if}}
         {{#if @root.btnPagoIndivTarjetas}}
            <td class="estilo2">Pago Individual de Tarjetas</td>
         {{/if}}
         {{#if @root.btnSolCancelCupo}}
            <td class="estilo2">Cancelar cupo credito</td>
         {{/if}}
         {{!-- 26-JUL-2018 (FSM) --}}
         {{#if tarjetas}}
            {{#if @root.btnAvanceTarjeta}}
               <td class="estilo2">Avance tarjeta</td>
            {{/if}}
         {{/if}}
         {{!-- 05-DIC-2018 (ADGN) --}}
         {{#if @root.btnCancelaPlastico}}
            <td class="estilo2">Cancelar Plastico</td>
         {{/if}}
      </tr>
      {{#if plastico}}
         {{#each plastico}}
            {{#each bolsillo}}
               {{#each registro}}
                  <tr class="item_zebra" style="text-align: center;">
                     <td height="20">
                        <a href="#" name="imageField" title="Ver Detalles" 
                           onclick="gr_gui_Plantilla.presentar({
                                                   path:['tj','consultar','plasticoDetalle'],
                                                   modalbox:true,
                                                   title:'Detalle del Plastico',
                                                   datos:{json:{{json this}},
                                                   esFuncionario:'{{@root.esfuncionario}}'}
                                                });return false;">{{K_NUMPLA_D}}
                        </a>
                     </td>
                     <td>
                        {{N_PERCOL}}
                     </td>
                     <td class="cupo">
                        {{#if V_CUPO_DISPON}}
                        {{V_CUPO_DISPON}}
                        {{else}}
                        0
                        {{/if}}
                     </td>
                     {{#if @root.btnDetallePago}}
                        <td class="numerico">
                           <a class="ver" href="#" name="imageField" title="Ver Detalles" 
                              onclick="gr_gui_Plantilla.presentar({
                                                      path:['tj','consultar','detallePago'],
                                                      modalbox:true,
                                                      title:'Detalle de Pago',
                                                      datos:{json:{{json this}},
                                                      esFuncionario:'{{@root.esfuncionario}}'}
                                                   });return false;">
                           </a>
                        </td>
                     {{/if}}
                     {{#if @root.btnReemplazoTarjeta}}
                        <td>
                           <a class="ver" href="#" name="imageField" title="Ver Detalles" 
                              onclick="Modalbox.show('',{
                                                        title: 'Reemplazo de Tarjeta',
                                                        onComplete: function() 
                                                          {
                                                            var iDiv = document.createElement('div');
                                                            iDiv.id = 'reemplazoTarjeta';
                                                            ventana=$$('[class=contents]')[0];
                                                            ventana.appendChild(iDiv);
                                                            Linix.cargarPagina( 'reemplazoTarjeta',
                                                                          'lnxSeccion.php',
                                                                          'objeto=tj_reemplazo_Asistido&servicio=Y&metodo=Asistido&A_NUMERO_PLASTICO={{K_NUMPLA}}');

                                                          }
                                                        });">
                           </a>
                        </td>
                     {{/if}}
                     {{#if @root.btnSolCupoExceso}}
                        <td>
                           <div class="ver" onclick="ConsultaTarjeta.bt_solCupoExceso_tj_pressed({{K_NUMPLA}},'{{../../I_SOLCUPEXC}}',{{../../K_PERFCOL}},'{{K_PRODUCTO}}')"></div>
                        </td>
                     {{/if}}
                     {{#if @root.btnSolCierreCupoExceso}}
                        <td>
                           <div class="ver" onclick="ConsultaTarjeta.bt_solCierreCupoExceso_tj_pressed({{K_NUMPLA}},'{{../../I_CUPEXC_ACT}}',{{../../K_PERFCOL}},'{{K_PRODUCTO}}')"></div>
                        </td>
                     {{/if}}
                     {{#if @root.btnSolCambioSucurs}}
                        <td>
                           <div class="ver" onclick="ConsultaTarjeta.bt_solCambioSucursal_tj_pressed({{K_NUMPLA}})"></div>
                        </td>
                     {{/if}}
                     {{#if @root.btnSolCupoRotativo}}
                        <td>
                           <div class="ver" onclick="ConsultaTarjeta.bt_SolicitudCupoRotativo_tj_pressed()"></div>
                        </td>
                     {{/if}}
                     {{#if @root.btnModCupoRotativo}}
                        <td>
                           <div class="ver" onclick="ConsultaTarjeta.bt_ModificarCupoRotativo_tj_pressed('{{K_PRODUCTO}}',{{K_NUMPLA}})"></div>
                        </td>
                     {{/if}}
                     {{#if @root.btnPagoTarjetas}}
                        <td>
                           <div class="ver" onclick="ConsultaTarjeta.bt_bt_pago_tj_pressed({{K_NUMPLA}},{{V_VENCIDO}},{{V_SALDO}},{{V_PROXVEN}})"></div>
                        </td>
                     {{/if}}
                     {{#if @root.btnPagoIndivTarjetas}}
                        <td>
                           <div class="ver" onclick="ConsultaTarjeta.bt_bt_pagoIndiv_tj_pressed({{K_NUMPLA}})"></div>
                        </td>
                     {{/if}}
                     {{#if @root.btnSolCancelCupo}}
                        <td>
                           <div class="ver" onclick="ConsultaTarjeta.bt_solCancelCupo_tj_pressed({{K_NUMPLA}},'{{../../F_CIERR_CART}}','{{../../F_CANCEL_HOY}}','{{../../I_NATTARJETA}}','{{../../F_ASIGNAC}}',{{../../K_IDTERC}},'{{I_ESTADO}}')"></div>
                        </td>
                     {{/if}}
                     {{!-- 05-DIC-2018 (ADGN) --}}
                     {{#if @root.btnCancelaPlastico}}
                        <td>
                           <div class="ver" onclick="Modalbox.show('',
                                          {
                                            title: 'Reemplazo de Tarjeta',
                                            onComplete: function() 
                                              {
                                                var iDiv = document.createElement('div');
                                                iDiv.id = 'reemplazoTarjeta';
                                                ventana=$$('[class=contents]')[0];
                                                ventana.appendChild(iDiv);
                                                Linix.cargarPagina( 'reemplazoTarjeta',
                                                              'lnxSeccion.php',
                                                              'objeto=tj_reemplazo_Asistido&servicio=Y&metodo=Asistido&A_NUMERO_PLASTICO={{K_NUMPLA}}');

                                              }
                                          });"></div>
                        </td>
                     {{/if}}
                  </tr>
               {{/each}} {{!--este es para registro--}}
            {{/each}}
         {{/each}}
      {{else}}
         {{#if tarjetas}}
            {{#each tarjetas.bolsillo}}
               {{#each registro}}
                  <tr class="item_zebra">
                     <td height="20">
                        <a href="#" name="imageField" title="Ver Detalles" 
                           onclick="gr_gui_Plantilla.presentar({
                                                   path:['tj','consultar','plasticoDetalle'],
                                                   modalbox:true,
                                                   title:'Detalle del Plastico',
                                                   datos:{json:{{json this}},
                                                   esFuncionario:'{{@root.esfuncionario}}'}
                                                });return false;">{{K_NUMPLA_D}}
                        </a>
                     </td>
                     <td>
                        {{N_PERCOL}}
                     </td>
                     <td class="cupo">
                        {{#if V_CUPO_DISPON}}
                        {{V_CUPO_DISPON}}
                        {{else}}
                        0
                        {{/if}}
                     </td>
                     {{!-- 26-JUL-2018 (FSM) --}}
                     {{#if @root.btnDetallePago}}
                        <td class="numerico" style="text-align: center;">
                           <a class="ver" href="#" name="imageField" title="Ver Detalles" onclick="gr_gui_Plantilla.presentar({
                                                      path:['tj','consultar','detallePago'],
                                                      modalbox:true,
                                                      title:'Detalle de Pago',
                                                      datos:{json:{{json this}},
                                                      esFuncionario:'{{@root.esfuncionario}}'}
                                                   });return false;">
                        </td>
                     {{/if}}
                     {{#if @root.btnReemplazoTarjeta}}
                        <td style="text-align: center;">
                           <a class="ver" href="#" name="imageField" title="Ver Detalles" 
                              onclick="Modalbox.show('',
                                          {
                                            title: 'Reemplazo de Tarjeta',
                                            onComplete: function() 
                                              {
                                                var iDiv = document.createElement('div');
                                                iDiv.id = 'reemplazoTarjeta';
                                                ventana=$$('[class=contents]')[0];
                                                ventana.appendChild(iDiv);
                                                Linix.cargarPagina( 'reemplazoTarjeta',
                                                              'lnxSeccion.php',
                                                              'objeto=tj_reemplazo_Asistido&servicio=Y&metodo=Asistido&A_NUMERO_PLASTICO={{K_NUMPLA}}');

                                              }
                                          });">
                          </a>
                        </td>
                     {{/if}}
                     {{#if @root.btnSolCupoExceso}}
                        <td style="text-align: center;">
                           <div class="ver" onclick="ConsultaTarjeta.bt_solCupoExceso_tj_pressed({{K_NUMPLA}},'{{../../I_SOLCUPEXC}}',{{../../K_PERFCOL}},'{{K_PRODUCTO}}')"></div>
                        </td>
                     {{/if}}
                     {{#if @root.btnSolCierreCupoExceso}}
                        <td style="text-align: center;">
                           <div class="ver" onclick="ConsultaTarjeta.bt_solCierreCupoExceso_tj_pressed({{K_NUMPLA}},'{{../../I_CUPEXC_ACT}}',{{../../K_PERFCOL}},'{{K_PRODUCTO}}')"></div>
                        </td>
                     {{/if}}
                     {{#if @root.btnSolCambioSucurs}}
                        <td style="text-align: center;">
                           <div class="ver" onclick="ConsultaTarjeta.bt_solCambioSucursal_tj_pressed({{K_NUMPLA}})"></div>
                        </td>
                     {{/if}}
                     {{#if @root.btnSolCupoRotativo}}
                        <td style="text-align: center;">
                           <div class="ver" onclick="ConsultaTarjeta.bt_SolicitudCupoRotativo_tj_pressed()"></div>
                        </td>
                     {{/if}}
                     {{#if @root.btnModCupoRotativo}}
                        <td style="text-align: center;">
                           <div class="ver" onclick="ConsultaTarjeta.bt_ModificarCupoRotativo_tj_pressed('{{K_PRODUCTO}}',{{K_NUMPLA}})"></div>
                        </td>
                     {{/if}}
                     {{#if @root.btnPagoTarjetas}}
                        <td style="text-align: center;">
                           <div class="ver" onclick="ConsultaTarjeta.bt_bt_pago_tj_pressed({{K_NUMPLA}},{{V_VENCIDO}},{{V_SALDO}},{{V_PROXVEN}})"></div>
                        </td>
                     {{/if}}
                     {{#if @root.btnPagoIndivTarjetas}}
                        <td style="text-align: center;">
                           <div class="ver" onclick="ConsultaTarjeta.bt_bt_pagoIndiv_tj_pressed({{K_NUMPLA}})"></div>
                        </td>
                     {{/if}}
                     {{#if @root.btnSolCancelCupo}}
                        <td style="text-align: center;">
                           <div class="ver" onclick="ConsultaTarjeta.bt_solCancelCupo_tj_pressed({{K_NUMPLA}},'{{../../F_CIERR_CART}}','{{../../F_CANCEL_HOY}}','{{../../I_NATTARJETA}}','{{../../F_ASIGNAC}}',{{../../K_IDTERC}},'{{I_ESTADO}}')"></div>
                        </td>
                     {{/if}}
                     {{#if @root.btnAvanceTarjeta}}
                        <td align="center"> {{!-- 26-JUL-2018 (FSM) --}}
                              {{#if V_CUPO_DISPON}}
                                 <a title="Avance" 
                                    onclick="Modalbox.show('', 
                                                {
                                                   title: 'Avance Tarjeta',
                                                   onComplete: function() {
                                                     var iDiv = document.createElement('div');
                                                     iDiv.id = 'cupoEvento';
                                                     ventana = $$('[class=contents]')[0];
                                                     ventana.appendChild(iDiv);
                                                     Linix.cargarPagina('cupoEvento',
                                                         'lnxSeccion.php',
                                                         'objeto=tj_avance_AsistidoTarjeta&servicio=Y&metodo=Asistido&A_TARJETA={{K_NUMPLA}}&V_CODIGOINTERNO={{../../../K_IDTERC}}&V_CUPO_DISPON={{V_CUPO_DISPON}}&consulta=Y&k_producto={{K_PRODUCTO}}');

                                                }
                                             });">
                                    <input value="" class="ver" type="submit">
                                 </a>
                              {{else}}
                                 <input value="" class="ver_deshabilitado" type="submit">
                              {{/if}}
                        </td>
                     {{/if}}
                     {{!-- 05-DIC-2018 (ADGN) --}}
                     {{#if @root.btnCancelaPlastico}}
                        <td style="text-align: center;">
                           <div class="ver" onclick="Modalbox.show('lnxSeccion.php',{title: 'Cancelacion de Plastico', 
                                                              params: 'objeto=tj_cancelar_CancelarTarjetaAsistido&metodo=Asistido&servicio=Y&A_TARJETA={{K_NUMPLA}}'});"></div>
                        </td>
                     {{/if}}
                  </tr>
               {{/each}}
            {{/each}}
         {{else}}
            <tr class="item_zebra" height="20">
               <td colspan="7">
                  <b>No tiene productos asociados</b>
               </td>
            </tr>
         {{/if}}
      {{/if}}
   </table>
</div>
{{gx 'Linix.incluirJs' 'tj' 'consultar' 'ConsultaTarjeta'}}
{{gx 'Linix.incluirJs' 'tj' 'solicitar' 'Solicitar'}}