{include="header"}

<script type="text/javascript">
   function cerrar_caja(id)
   {
      bootbox.confirm({
         message: '¿Realmente desea cerrar el arqueo '+id+'?',
         title: '<b>Atención</b>',
         callback: function(result) {
            if (result) {
               window.location.href = '{$fsc->url()}&cerrar='+id;
            }
         }
      });
   }
   function delete_caja(id)
   {
      bootbox.confirm({
         message: '¿Realmente desea eliminar el arqueo '+id+'?',
         title: '<b>Atención</b>',
         callback: function(result) {
            if (result) {
               window.location.href = '{$fsc->url()}&delete='+id;
            }
         }
      });
   }
   function delete_terminal(id)
   {
      bootbox.confirm({
         message: '¿Realmente desea eliminar el terminal '+id+'?',
         title: '<b>Atención</b>',
         callback: function(result) {
            if (result) {
               window.location.href = '{$fsc->url()}&deletet='+id+'#terminales';
            }
         }
      });
   }
   $(document).ready(function() {
      if(window.location.hash.substring(1) == 'terminales')
      {
         $('#tab_cajas a[href="#terminales"]').tab('show');
      }
   });
</script>

<div class="container-fluid">
   <div class="row">
      <div class="col-sm-12">
         <div class="page-header">
            <h1>
               <i class="fa fa-desktop" aria-hidden="true"></i>&nbsp;
               Arqueos y terminales
               <a class="btn btn-xs btn-default" href="{$fsc->url()}" title="Recargar la página">
                  <span class="glyphicon glyphicon-refresh"></span>
               </a>
               <span class="btn-group">
               {loop="$fsc->extensions"}
                  {if="$value->type=='button'"}
                  <a href="index.php?page={$value->from}{$value->params}" class="btn btn-xs btn-default">{$value->text}</a>
                  {/if}
               {/loop}
               </span>
            </h1>
            <p class="help-block">
               Llamamos terminal al conjunto de PC + impresora de tickets + cajón
               portamonedas. Puedes crear todos los terminales que quieras en la pestaña terminales.
               Cada vez que usas un terminal se genera un <b>arqueo</b> con los datos
               del dinero inicial, final, el número de tickets, etc...
            </p>
         </div>
      </div>
   </div>
</div>

<div id="tab_cajas" role="tabpanel">
   <ul class="nav nav-tabs" role="tablist">
      <li role="presentation" class="active">
         <a href="#home" aria-controls="home" role="tab" data-toggle="tab">
            <span class="glyphicon glyphicon-list" aria-hidden="true"></span>
            <span class="hidden-xs">&nbsp;Arqueos</span>
         </a>
      </li>
      <li role="presentation">
         <a href="#terminales" aria-controls="terminales" role="tab" data-toggle="tab">
            <i class="fa fa-desktop" aria-hidden="true"></i>
            <span class="hidden-xs">&nbsp;Terminales</span>
         </a>
      </li>
   </ul>
   <div class="tab-content">
      <div role="tabpanel" class="tab-pane active" id="home">
         <div class="table-responsive">
            <table class="table table-hover">
               <thead>
                  <tr>
                     <th class="text-left">ID</th>
                     <th class="text-left">Terminal</th>
                     <th class="text-left">Empleado</th>
                     <th class="text-center">Fecha inicial</th>
                     <th class="text-right">Dinero inicial</th>
                     <th class="text-center">Fecha fin</th>
                     <th class="text-right">Diferencia</th>
                     <th class="text-right">Tickets</th>
                     <th class="text-right">Acciones</th>
                  </tr>
               </thead>
               {loop="$fsc->resultados"}
               <tr{if="$value->abierta()"} class="warning"{/if}>
                  <td>{$value->id}</td>
                  <td>{$value->fs_id}</td>
                  <td>{if="$value->agente"}{$value->agente->get_fullname()}{else}-{/if}</td>
                  <td class="text-center">{$value->fecha_inicial}</td>
                  <td class="text-right">{$fsc->show_precio($value->dinero_inicial)}</td>
                  <td class="text-center">{$value->show_fecha_fin()}</td>
                  <td class="text-right">{$fsc->show_precio($value->diferencia())}</td>
                  <td class="text-right">{$value->tickets}</td>
                  <td class="text-right">
                     {if="$fsc->allow_delete"}
                     <div class="btn-group">
                        {if="$value->abierta()"}
                        <a href="#" class="btn btn-xs btn-warning" title="Cerrar arqueo" onclick="cerrar_caja('{$value->id}')">
                           <span class="glyphicon glyphicon-lock"></span>
                        </a>
                        {/if}
                        <a href="#" class="btn btn-xs btn-danger" title="Eliminar" onclick="delete_caja('{$value->id}')">
                           <span class="glyphicon glyphicon-trash"></span>
                        </a>
                     </div>
                     {/if}
                  </td>
               </tr>
               {else}
               <tr class="warning">
                  <td colspan="9">Ningún arqueo en el historial.</td>
               </tr>
               {/loop}
            </table>
         </div>
         <ul class="pager">
            {if="$fsc->anterior_url()!=''"}
            <li class="previous">
               <a href="{$fsc->anterior_url()}">
                  <span class="glyphicon glyphicon-chevron-left"></span>&nbsp; Anteriores
               </a>
            </li>
            {/if}
            {if="$fsc->siguiente_url()!=''"}
            <li class="next">
               <a href="{$fsc->siguiente_url()}">
                  Siguientes &nbsp;<span class="glyphicon glyphicon-chevron-right"></span>
               </a>
            </li>
            {/if}
         </ul>
      </div>
      <div role="tabpanel" class="tab-pane" id="terminales">
         <div class="table-responsive">
            <table class="table table-hover">
               <thead>
                  <tr>
                     <th width="90">ID</th>
                     <th>Almacén</th>
                     <th>Serie</th>
                     <th>Código Cliente</th>
                     <th width="145">Caracteres por linea</th>
                     <th>Comando corte</th>
                     <th>Comando apertura</th>
                     <th width="90">nº tickets</th>
                     <th></th>
                     <th class="text-right" width="120">Acciones</th>
                  </tr>
               </thead>
               {loop="$fsc->terminales"}
               <form action="{$fsc->url()}#terminales" method="post" class="form">
                  <input type="hidden" name="idt" value="{$value->id}">
                  <tr{if="!$value->disponible()"} class="warning"{/if}>
                     <td><div class="form-control">{$value->id}</div></td>
                     <td>
                        <select name="codalmacen" class="form-control">
                        {loop="$fsc->almacen->all()"}
                           {if="$value1->codalmacen==$value2->codalmacen"}
                           <option value="{$value2->codalmacen}" selected="">{$value2->nombre}</option>
                           {else}
                           <option value="{$value2->codalmacen}">{$value2->nombre}</option>
                           {/if}
                        {/loop}
                        </select>
                     </td>
                     <td>
                        <select name="codserie" class="form-control">
                        {loop="$fsc->serie->all()"}
                           {if="$value1->codserie==$value2->codserie"}
                           <option value="{$value2->codserie}" selected="">{$value2->descripcion}</option>
                           {else}
                           <option value="{$value2->codserie}">{$value2->descripcion}</option>
                           {/if}
                        {/loop}
                        </select>
                     </td>
                     <td>
                        <input type="text" name="codcliente" value="{$value->codcliente}" class="form-control" maxlength="6" placeholder="Código" autocomplete="off"/>
                     </td>
                     <td><input type="number" name="anchopapel" value="{$value->anchopapel}" class="form-control" autocomplete="off"/></td>
                     <td>
                        <input type="text" name="comandocorte" value="{$value->comandocorte}" class="form-control" autocomplete="off"/>
                        <label class="checkbox-inline">
                           {if="$value->sin_comandos"}
                           <input type="checkbox" name="sin_comandos" value="TRUE" checked=""/>
                           {else}
                           <input type="checkbox" name="sin_comandos" value="TRUE"/>
                           {/if}
                           Desactivar comandos
                        </label>
                     </td>
                     <td><input type="text" name="comandoapertura" value="{$value->comandoapertura}" class="form-control" autocomplete="off"/></td>
                     <td><input type="number" name="num_tickets" value="{$value->num_tickets}" class="form-control" autocomplete="off"/></td>
                     <td class="text-center">
                        {if="!$value->disponible()"}
                        <a href="#terminales" class="btn btn-sm btn-warning" onclick="bootbox.alert({message: 'Terminal en uso. Puedes cerrarlo desde la pestaña historial.',title: '<b>Atención</b>'});">
                           <span class="glyphicon glyphicon-user" aria-hidden="true"></span>
                        </a>
                        {/if}
                     </td>
                     <td class="text-right">
                        <div class="btn-group">
                           {if="$fsc->allow_delete"}
                           <a href="#" class="btn btn-sm btn-danger" title="Eliminar" onclick="delete_terminal('{$value->id}')">
                              <span class="glyphicon glyphicon-trash"></span>
                           </a>
                           {/if}
                           <button class="btn btn-sm btn-primary" type="submit" title="Guardar" onclick="this.disabled=true;this.form.submit();">
                              <span class="glyphicon glyphicon-floppy-disk"></span>
                           </button>
                        </div>
                     </td>
                  </tr>
               </form>
               {/loop}
               <form action="{$fsc->url()}#terminales" method="post" class="form">
                  <input type="hidden" name="nuevot" value="TRUE"/>
                  <tr class="info">
                     <td><input type="text" name="idt" class="form-control" autocomplete="off" placeholder="Nuevo" disabled="disabled"/></td>
                     <td>
                        <select name="codalmacen" class="form-control">
                           {loop="$fsc->almacen->all()"}
                           <option value="{$value->codalmacen}">{$value->nombre}</option>
                           {/loop}
                        </select>
                     </td>
                     <td>
                        <select name="codserie" class="form-control">
                           {loop="$fsc->serie->all()"}
                           <option value="{$value->codserie}">{$value->descripcion}</option>
                           {/loop}
                        </select>
                     </td>
                     <td><input type="text" name="codcliente" class="form-control" maxlength="6" placeholder="Código" autocomplete="off"/></td>
                     <td>
                        <input type="number" name="anchopapel" value="{$fsc->terminal->anchopapel}" class="form-control" autocomplete="off"/>
                        <p class="help-block">Nº de caracteres que caben en una linea.</p>
                     </td>
                     <td>
                        <input type="text" name="comandocorte" value="{$fsc->terminal->comandocorte}" class="form-control" autocomplete="off"/>
                        <label class="checkbox-inline">
                           {if="$fsc->terminal->sin_comandos"}
                           <input type="checkbox" name="sin_comandos" value="TRUE" checked=""/>
                           {else}
                           <input type="checkbox" name="sin_comandos" value="TRUE"/>
                           {/if}
                           Desactivar comandos
                        </label>
                     </td>
                     <td><input type="text" name="comandoapertura" value="{$fsc->terminal->comandoapertura}" class="form-control" autocomplete="off"/></td>
                     <td><input type="number" name="num_tickets" value="{$fsc->terminal->num_tickets}" class="form-control" autocomplete="off"/></td>
                     <td></td>
                     <td class="text-right">
                        <div class="btn-group">
                           <button class="btn btn-sm btn-primary" type="submit" title="Guardar" onclick="this.disabled=true;this.form.submit();">
                              <span class="glyphicon glyphicon-plus-sign"></span>
                              <span class="hidden-xs">&nbsp;Nuevo</span>
                           </button>
                        </div>
                     </td>
                  </tr>
               </form>
            </table>
         </div>
         <div class="container-fluid">
            <div class="row">
               <div class="col-sm-12">
                  <div class="page-header">
                     <h2>
                        <i class="fa fa-question-circle" aria-hidden="true"></i>&nbsp; Ayuda
                     </h2>
                     <p class="help-block">
                        Para el correcto funcionamiento de la impresora es necesario
                        especificar bien sus comandos. Aquí tienes los comandos de algunas
                        de las impresoras que hemos probado. Si tienes una impresora que no está
                        en la lista, no significa que no pueda funcionar, simplemente que nunca
                        la hemos usado.
                        <br/>
                        Y <b>recuerda</b> que es necesario ejecutar el
                        <a target="_blank" href="https://www.facturascripts.com/descargar?remoteprinter=TRUE">Remote printer</a>
                        para poder imprimir tickets.
                     </p>
                  </div>
                  <div class="table-responsive">
                     <table class="table table-hover">
                        <thead>
                           <tr>
                              <th>Impresora</th>
                              <th>Comando de corte</th>
                              <th>Comando de apertura</th>
                           </tr>
                        </thead>
                        <tr>
                           <td>Samsung Bixolon</td>
                           <td>27.105</td>
                           <td>27.112.48</td>
                        </tr>
                        <tr>
                           <td>Epson TM-T20II</td>
                           <td>27.109</td>
                           <td>27.112.48.55.121</td>
                        </tr>
                        <tr>
                           <td>Okipos</td>
                           <td>29.86.66.100</td>
                           <td>27.112.48</td>
                        </tr>
                        <tr class="warning">
                           <td colspan="3">
                              <span class="glyphicon glyphicon-info-sign"></span> Si aun así
                              no consigues imprimir nada o tienes problemas, puedes
                              <b>desactivar los comandos</b> de la impresora en la configuración
                              del terminal.
                           </td>
                        </tr>
                     </table>
                  </div>
               </div>
            </div>
         </div>
      </div>
   </div>
</div>

{include="footer"}