@extends('layouts.app')

@section('content')
    <div class="container">
        <h3>Contas a pagar</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">Fornecedor</label>
                        <select class="mask-chosen-autocomplete-allow-deselect" name="fornecedorid" id="fornecedorid" data-ajax--url="{{ URL::action('FornecedoresController@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\TituloPagar::Situacao_Aberto}}" @if((isset($filtrosSalvos) && in_array(\App\Models\TituloPagar::Situacao_Aberto,$filtrosSalvos)) || count($filtrosSalvos) == 0) checked @endif/> Em aberto</label>
                        <label class="table-filter"><input type="checkbox" class="checkbox-filtro-situacao" id="situacao-pagos" value="{{\App\Models\TituloPagar::Situacao_Pago}}" @if((isset($filtrosSalvos) && in_array(\App\Models\TituloPagar::Situacao_Pago,$filtrosSalvos)) || count($filtrosSalvos) == 0) checked @endif/> Pagos</label>
                        <label class="table-filter"><input type="checkbox" class="checkbox-filtro-situacao" id="situacao-cancelados" value="{{\App\Models\TituloPagar::Situacao_Cancelado}}" @if((isset($filtrosSalvos) && in_array(\App\Models\TituloPagar::Situacao_Cancelado,$filtrosSalvos)) || count($filtrosSalvos) == 0) checked @endif/> Cancelados</label>
                    </div>
                </div>
            </div>
        </div>

        <div id="custom-toolbar">
            <a href="{{ URL::action('ContasPagarController@create') }}" class="btn btn-success">Adicionar</a>
        </div>

        <table id="table" class="tabela-dinamica" class="tabela-dinamica"
               data-toggle="table"
               data-url="{{ URL::action('ContasPagarController@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-toolbar="#custom-toolbar">
            <thead>
            <tr>
                <th data-field="titulos_pagar_numero" data-sortable="true">{{trans('validation.attributes.numero')}}</th>
                <th data-field="pessoa_nome" data-sortable="id">{{trans('validation.attributes.fornecedor')}}</th>
                <th data-field="titulos_pagar_datavencimento" data-formatter="bootstrapTableFormatDate" data-sortable="true">{{trans('validation.attributes.datavencimento')}}</th>
                <th data-field="titulos_pagar_valor" data-sortable="true">{{trans('validation.attributes.valor')}}</th>
                <th data-field="titulos_pagar_situacao" data-formatter="bootstrapTableTituloPagarSituacao" 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('ContasPagarController@listcontent') }}";

            $(document).ready(function(){
                recarregarGradeTitulos();

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

                $("#fornecedorid").on("change",function() {
                    recarregarGradeTitulos();
                });

                function recarregarGradeTitulos(){
                    var status = '';

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

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

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

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

                    console.log(urlLoad);

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