@extends('layouts.app')

@section('content')
    <div class="container">
        <h3>Ordens de coleta</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 class="col-md-12">
                        <br/>
                        <label class="table-filter"><input type="checkbox" class="checkbox-filtro-situacao" id="situacao-aberto" value="{{\App\Models\OrdemColeta::Situacao_Aberto}}" @if((isset($filtrosSalvos) && in_array(\App\Models\OrdemColeta::Situacao_Aberto,$filtrosSalvos)) || count($filtrosSalvos) == 0) checked @endif/> Em aberto</label>
                        <label class="table-filter"><input type="checkbox" class="checkbox-filtro-situacao" id="situacao-finalizadas" value="{{\App\Models\OrdemColeta::Situacao_Finalizada}}" @if((isset($filtrosSalvos) && in_array(\App\Models\OrdemColeta::Situacao_Finalizada,$filtrosSalvos)) || count($filtrosSalvos) == 0) checked @endif/> Finalizadas</label>
                        <label class="table-filter"><input type="checkbox" class="checkbox-filtro-situacao" id="situacao-canceladas" value="{{\App\Models\OrdemColeta::Situacao_Cancelada}}" @if((isset($filtrosSalvos) && in_array(\App\Models\OrdemColeta::Situacao_Cancelada,$filtrosSalvos)) || count($filtrosSalvos) == 0) checked @endif/> Canceladas</label>
                    </div>
                </div>
            </div>
        </div>

        <div id="custom-toolbar">
            <a href="{{ URL::action('OrdensColetaController@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="{{ URL::action('OrdensColetaController@listcontent') }}"
               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_produto" data-sortable="id">{{trans('validation.attributes.produto')}}</th>
                <th data-field="ordem_datalimite" data-formatter="bootstrapTableFormatDate" data-sortable="id">{{trans('validation.attributes.datalimite')}}</th>
                <th data-field="ordem_situacao" data-formatter="bootstrapTableOrdemSitaucao" data-sortable="true">{{trans('validation.attributes.situacao')}}</th>
                <th data-formatter="bootstrapTableButtons" data-width="200">Ações</th>
            </tr>
            </thead>
        </table>
    </div>

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

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

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

            $(".checkbox-filtro-situacao").on("change",function() {
                recarregarGradeOrdens();
            });

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

            function recarregarGradeOrdens(){
                var status = '';

                if ($("#situacao-aberto").is(':checked')) status = status + $("#situacao-aberto").val() + "-";
                if ($("#situacao-finalizadas").is(':checked')) status = status + $("#situacao-finalizadas").val() + "-";
                if ($("#situacao-canceladas").is(':checked')) status = status + $("#situacao-canceladas").val() + "-";

                var clienteid = $("#clienteid").val();

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

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

                console.log(urlLoad);

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