@extends('layouts.app')

@section('content')
<div class="container">
  <h3>Ordens de Venda</h3>

  <div class="panel panel-default">
    <div class="panel-heading">
      Filtros
    </div>
    <div class="panel-body">
      <div class="row">
        <div class="col-md-8">
          <label class="control-label">Cliente</label>
          <select class="mask-chosen-autocomplete-allow-deselect" name="clienteid" id="clienteid" data-ajax--url="{{ URL::action('ClientesController@autocomplete') }}">
            <option></option>
          </select>
        </div>
      </div>
    </div>
  </div>

  <div id="custom-toolbar">
    <a href="{{ URL::action('OrdensVendaController@getEtapa1Cliente')}}" class="btn btn-success"><span class="glyphicon glyphicon-plus"></span> Adicionar</a>
  </div>

  <table id="table" class="tabela-dinamica" data-toggle="table" data-url="" data-side-pagination="server" data-pagination="true" data-page-list="[5, 10, 20, 50, 100, 200]" data-search="true" data-trim-on-search="false" data-sort-name="ordem_numero" data-sort-order="desc" data-toolbar="#custom-toolbar">
    <thead>
      <tr>
        <th data-field="ordem_numero" data-sortable="id">{{trans('validation.attributes.numero')}}</th>
        <th data-field="ordem_datahora" data-formatter="bootstrapTableFormatDateTime" data-sortable="id">{{trans('validation.attributes.datahora')}}</th>
        <th data-field="pessoa_nome" data-sortable="id">{{trans('validation.attributes.cliente')}}</th>
        <th data-field="ordem_situacao" data-formatter="bootstrapTableOrdemSitaucao" data-sortable="true">{{trans('validation.attributes.situacao')}}</th>
        <th data-formatter="bootstrapTableButtons" data-width="300">Ações</th>
      </tr>
    </thead>
  </table>
</div>

@push('scripts-footer')
<script>
  var urlgrid = "{{ URL::action('OrdensVendaController@listcontent') }}";

  $(document).ready(function() {
    recarregarGradeOrdens();
    recarregarGradeOrdensAutomatico();

    function recarregarGradeOrdensAutomatico() {
      setTimeout(function() {
        recarregarGradeOrdens();
        recarregarGradeOrdensAutomatico();
      }, 1000 * 60 * 10); //10 minutos
    }

    $("#clienteid").on("change", function() {
      recarregarGradeOrdens();
    });

    function recarregarGradeOrdens() {
      var clienteid = $("#clienteid").val();

      var urlLoad = urlgrid + "/?a=a";

      if (clienteid != '') urlLoad = urlLoad + "&clienteid=" + clienteid;

      $("#table").bootstrapTable('removeAll');
      $('#table').bootstrapTable('refreshOptions', {
        url: urlLoad
      });
      $('#table').bootstrapTable('refresh', {
        url: urlLoad
      });
    };
  });
</script>
@endpush
@stop