@extends('layouts.master')

@section('content')

<ol class="breadcrumb">
  <a href="{{URL::previous()}}" class="back-btn">
    <span class="glyphicon glyphicon-arrow-left"></span> Regresar
  </a>
    &nbsp;&nbsp;&nbsp;
  <li><a href="/">Inicio</a></li>
  <li><a href="/admin/reports/index">Reportes</a></li>
  <li class="active">Pedidos totales de usuarios</li>
</ol>

{{Form::open([
  'id' => 'filter-form',
  'method' => 'GET',
  'action' => 'AdminApiController@getTotalUsersExcel',
  'target' => '_blank'
  ])}}
  {{Form::hidden('page',null,['id' => 'number_page'])}}
<div class="page-header">
  <h3>Reporte total de usuarios
    <button class="btn btn-primary btn-submit" style="float:right">
      <span class="glyphicon glyphicon-download-alt"></span> Descargar excel
    </button>
  </h3>
</div>

<div class="row">  

</div>
{{Form::close()}}

<div class="container-fluid">
  <div class="table-responsive">
    <table class="table table-responsive">
      <thead>
        <tr>

        </tr>
      </thead>
      <tbody>

      </tbody>
    </table>
  </div>
</div>
  <center>
    <ul class="pagination" id="pagination"></ul>
  </center>

@stop

@section('script')
<script src="/js/manual_pagination.js"></script>
<script>

function update(){
  $('.table tbody').empty();
  $('.table tbody').append(
    $('<tr>').attr('class', 'info').append(
      $('<td>').attr('colspan', $('.table thead tr:first-child th').length).html('<strong>Cargando...</strong>')
    )
  );
  $.get('/admin/api/total-users-report', $('#filter-form').serialize(), function(data){
    $('.table tbody').empty();
    
    if(data.status == 200){
      var orders_full = jQuery.parseJSON( data.orders_full );
      var orders = orders_full.data;
      var headers =  ['ID', 'CENTRO_DE_COSTOS', 'GERENCIA','LINEA_NEGOCIO','PEDIDOS','COMPLETOS','INCOMPLETOS','PENDIENTES'];
      var pagination = ('#pagination');
      
      $('#number_page').val(orders_full.current_page);
      $('.table thead tr').empty();
        
      if(orders.length == 0){
        $('.table tbody').append(
          $('<tr>').attr('class', 'warning').append(
            $('<td>').html('<strong>No hay registros que mostrar</strong>')
          )
        );
        $('.btn-submit').prop('disabled', true);
        $('#pagination').empty();
        return;
      }else{
        $('.btn-submit').prop('disabled', false);
      }

      for(var i=0; i<headers.length; i++){
        $('.table thead tr').append($('<th>').html(headers[i]));
      }

      headers = ['id','ccosto','gerencia','linea_negocio','pedidos','completos','incompletos','pendientes'];

      for(var i=0; i<orders.length; i++){
        var tr = $('<tr>');

        for(var j=0; j<headers.length; j++){
          tr.append($('<td>').html(orders[i][headers[j]]));
        }
        $('.table tbody').append(tr);
      }

      $('#pagination').empty();
      firstSpanCreate($('#pagination'),orders_full);
      if(orders_full.total > 100){
        if(orders_full.current_page > 8 && orders_full.current_page < orders_full.last_page - 2){
            if(orders_full.current_page+1 == orders_full.last_page - 3){
              spanPointsCreate($('#pagination'));
              listsCreate($('#pagination'),orders_full,orders_full.current_page-7,orders_full.last_page+1);            
            }else{
              listsCreate($('#pagination'),orders_full,orders_full.current_page-7,orders_full.current_page+1);            
              spanPointsCreate($('#pagination'));
              listsCreate($('#pagination'),orders_full,orders_full.last_page - 2,orders_full.last_page+1);      
            }
        }else{
          listsCreate($('#pagination'),orders_full,1,9);
          spanPointsCreate($('#pagination'));
          listsCreate($('#pagination'),orders_full,orders_full.last_page - 2,orders_full.last_page+1);  
        }
      }else{
          listsCreate($('#pagination'),orders_full,1,orders_full.last_page+1);      
      }
       lastSpanCreate($('#pagination'),orders_full);
    }else{
      $('.table tbody').append(
        $('<tr>').attr('class', 'danger').append(
          $('<td>').attr('colspan', $('.table > thead > tr th').length).html(data.status + ':' + data.error_msg)
        )
      );
    }
  });
}
$(function(){
    $(document).on('click', '.pagina', function(){
      event.preventDefault();
      var page = $(this).attr('data-page');
      $('#number_page').val(page);
      $('#pagination').empty();
      update();
    });
  update();
  $('#filter-form select').change(function(){
    update();
  });
});
</script>
@stop