@extends('layouts.app')

@section('content')
    <div class="container">
        <h3>Ordens de serviço</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\OrdemServico::Situacao_Aberto}}" @if((isset($filtrosSalvos) && in_array(\App\Models\OrdemServico::Situacao_Aberto,$filtrosSalvos)) || count($filtrosSalvos) == 0) checked @endif/> Em aberto</label>
                        <label class="table-filter"><input type="checkbox" class="checkbox-filtro-situacao" id="situacao-analise" value="{{\App\Models\OrdemServico::Situacao_Analise}}" @if((isset($filtrosSalvos) && in_array(\App\Models\OrdemServico::Situacao_Analise,$filtrosSalvos)) || count($filtrosSalvos) == 0) checked @endif/> Em análise</label>
                        <label class="table-filter"><input type="checkbox" class="checkbox-filtro-situacao" id="situacao-orcamento" value="{{\App\Models\OrdemServico::Situacao_Orcamento}}" @if((isset($filtrosSalvos) && in_array(\App\Models\OrdemServico::Situacao_Orcamento,$filtrosSalvos)) || count($filtrosSalvos) == 0) checked @endif/> Em orçamento</label>
                        <label class="table-filter"><input type="checkbox" class="checkbox-filtro-situacao" id="situacao-conserto" value="{{\App\Models\OrdemServico::Situacao_Conserto}}" @if((isset($filtrosSalvos) && in_array(\App\Models\OrdemServico::Situacao_Conserto,$filtrosSalvos)) || count($filtrosSalvos) == 0) checked @endif/> Em conserto</label>
                        <label class="table-filter"><input type="checkbox" class="checkbox-filtro-situacao" id="situacao-prontas" value="{{\App\Models\OrdemServico::Situacao_Pronto}}" @if((isset($filtrosSalvos) && in_array(\App\Models\OrdemServico::Situacao_Pronto,$filtrosSalvos)) || count($filtrosSalvos) == 0) checked @endif/> Prontas</label>
                        <label class="table-filter"><input type="checkbox" class="checkbox-filtro-situacao" id="situacao-finalizadas" value="{{\App\Models\OrdemServico::Situacao_Finalizada}}" @if((isset($filtrosSalvos) && in_array(\App\Models\OrdemServico::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\OrdemServico::Situacao_Cancelada}}" @if((isset($filtrosSalvos) && in_array(\App\Models\OrdemServico::Situacao_Cancelada,$filtrosSalvos)) || count($filtrosSalvos) == 0) checked @endif/> Canceladas</label>
                    </div>
                </div>
            </div>
        </div>

        <div id="custom-toolbar">
            <a href="{{ URL::action('OrdensServicoController@getEtapa1OrdemColeta')}}" 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_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="300">Ações</th>
            </tr>
            </thead>
        </table>
    </div>

    @push('scripts-footer')
        <script>
            var urlgrid = "{{ URL::action('OrdensServicoController@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-analise").is(':checked')) status = status + $("#situacao-analise").val() + "-";
                    if ($("#situacao-orcamento").is(':checked')) status = status + $("#situacao-orcamento").val() + "-";
                    if ($("#situacao-conserto").is(':checked')) status = status + $("#situacao-conserto").val() + "-";
                    if ($("#situacao-prontas").is(':checked')) status = status + $("#situacao-prontas").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