@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') !!}
                {!! \Devguar\OContainer\Frontend\Helpers\LayoutHelperMaterial::buttonDinamic(\App\Http\Controllers\ContextoUsuario\ContasReceberController::urlMethod('exportExcel'),'export','default','cloud_download','Exportar lista de títulos', true) !!}
            @endif
        </div>
    </div>

    <div id="custom-toolbar">
        {!! Form::select('filtro-titulos',array(
            'aberto'=>'Somente títulos em aberto',
            'pagos-30'=>'Pagos nos últimos 30 dias',
            'pagos-60'=>'Pagos nos últimos 60 dias',
            'pagos-90'=>'Pagos nos últimos 90 dias',
            'cancelados'=>'Somente títulos cancelados',
            'vencidos'=>'Somente títulos vencidos',
            'todos'=>'Todos os títulos'
        ), 'proximas', array('class' => 'form-control mask-chosen','id'=>'filtro-titulos')) !!}
    </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')}}";
        var urlExport = "{{\App\Http\Controllers\ContextoUsuario\ContasReceberController::urlMethod('exportExcel')}}";

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

            $('#filtro-titulos').on("change",function(){
                loadContent();
            });
        });

        function loadContent() {
            var urlLoad = urlContent;
            var urlButtonExport = urlExport;

            var filtro = $('#filtro-titulos').val();

            if (filtro){
                urlLoad = urlLoad + "?situacao=" + filtro;
                urlButtonExport = urlButtonExport + "?situacao=" + filtro;
            }

            $("#btn_export").attr("href",urlButtonExport);

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