@extends('layouts.app')

@section('content')
    <div class="block-header"><h2>{{$nomePagina}}</h2></div>

    {!! Layout::openCard() !!}

    <div class="row">
        <div class="col-xs-6">
            {!! Layout::buttonAddBig($controller::urlMethod('create')) !!}
        </div>
        <div class="col-xs-6 text-right">
            @if(get_class($controller) == \App\Http\Controllers\ContextoUsuario\ContasReceberController::class)
                {!! Layout::buttonDinamic(\App\Http\Controllers\ContextoUsuario\Consultas\BoletosEmMassaController::urlMethod(),'boletos_em_massa','default','payment','Entrega de boletos') !!}
            @endif
        </div>
    </div>

    <div id="custom-toolbar">
        <input type="checkbox" id="somente-em-aberto" checked="">
        <label for="somente-em-aberto">Somente títulos em aberto</label>
    </div>

    <table id="table" class="tabela-dinamica"
           data-toggle="table"
           data-side-pagination="server"
           data-pagination="true"
           data-page-list="[5, 10, 20, 50, 100, 200]"
           data-search="true"
           data-toolbar="#custom-toolbar">
        <thead>
        <tr>
            <th data-field="titulos_numero_titulo" data-sortable="true">{{trans('validation.attributes.titulo')}}</th>
            <th data-field="titulos_data_vencimento" data-sortable="true" data-formatter="bootstrapTableFormatDate">{{trans('validation.attributes.vencimento')}}</th>
            <th data-field="pessoas_nome" data-sortable="true">{{trans('validation.attributes.pessoa')}}</th>
            <th data-field="formas_pagamento_nome" data-sortable="true">{{trans('validation.attributes.forma_pagamento')}}</th>
            <th data-field="tipos_cobranca_nome" data-sortable="true">{{trans('validation.attributes.tipo_cobranca')}}</th>
            <th data-field="situacao" data-sortable="true" data-formatter="bootstrapTableFormatSituacaoTitulo">{{trans('validation.attributes.situacao')}}</th>
            <th data-field="titulos_valor" data-sortable="true" data-align="right">{{trans('validation.attributes.valor')}}</th>
            <th data-formatter="bootstrapTableButtons" data-width="350"></th>
        </tr>
        </thead>
    </table>

    {!! Layout::closeCard() !!}

    @push('scripts')
    <script>
        var urlContent = "{{ $controller::urlMethod('listcontent')}}";

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

            $('#somente-em-aberto').on("change",function(){
                loadContent();
            });
        });

        function loadContent() {
            var urlLoad = urlContent;

            var somenteProximas = $('#somente-em-aberto').is(":checked");
            if (somenteProximas) urlLoad = urlLoad + "?situacao=aberto";

            bootstrapTableReload($("#table"), urlLoad);
        }
    </script>
    @endpush
@stop