@extends('layouts.app')

@section('content')
    <div class="container">
        <h3>{{$plural}}</h3>

        <div id="custom-toolbar">
            <a href="{{ URL::action($controllerName.'@create') }}" class="btn btn-success"><span class="glyphicon glyphicon-plus"></span> Adicionar</a>
            <label><input type="checkbox" id="somente-ativos" checked> Somente ativos</label>
        </div>

        <table id="table" class="tabela-dinamica"
               data-toggle="table"
               data-url="{{ URL::action($controllerName.'@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="pessoa_nome" data-sortable="true" data-formatter="bootstrapTableFormatAtivo">{{trans('validation.attributes.nome')}}</th>
                <th data-field="pessoa_fantasia" data-sortable="true">{{trans('validation.attributes.fantasia')}}</th>
                <th data-field="pessoa_cnpj" data-sortable="true">{{trans('validation.attributes.cnpj')}}</th>
                <th data-field="municipio_nome" data-sortable="true">{{trans('validation.attributes.municipio')}}</th>
                {{--<th data-field="pessoalogradouro" data-sortable="true">{{trans('validation.attributes.logradouro')}}</th>--}}
                {{--<th data-field="pessoanumeroendereco" data-sortable="true">{{trans('validation.attributes.numeroendereco')}}</th>--}}
                <th data-field="pessoa_telefonecomercial" data-sortable="true">{{trans('validation.attributes.telefonecomercial')}}</th>
                <th data-formatter="bootstrapTableButtons" data-width="200">Ações</th>
            </tr>
            </thead>
        </table>
    </div>

    @push('scripts-footer')
        <script>
            var urlContent = "{{ URL::action($controllerName.'@listcontent')}}";

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

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

            function loadContent() {
                var urlLoad = urlContent;

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

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