@extends('layouts.app')

@section('content')
    <div class="block-header"><h2>{{trans('validation.attributes.usuarios')}}</h2></div>

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

    {!! Layout::buttonAddBig(App\Http\Controllers\ContextoUsuario\UsuariosController::urlMethod('create')) !!}

    {!! Layout::buttonHelpIcon("http://help.descomplica.ocontainer.com/usuarios/",array('id'=>'btn_help', 'target'=>'_blank')) !!}

    <div id="custom-toolbar">
        <input type="checkbox" id="ativos" checked="">
        <label for="ativos">Ativos</label>

        <input type="checkbox" id="inativos">
        <label for="inativos">Inativos</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="pessoas_nome" data-sortable="true" data-formatter="bootstrapTableFormatAtivo">{{trans('validation.attributes.nome')}}</th>
            <th data-field="pessoas_email" data-sortable="true">{{trans('validation.attributes.email')}}</th>
            <th data-field="pessoas_usuario_administrador" data-sortable="true">{{trans('validation.attributes.tipo')}}</th>
            <th data-formatter="bootstrapTableButtons" data-width="200">Ações</th>
        </tr>
        </thead>
    </table>
    {!! Layout::closeCard() !!}

    @push('scripts')
    <script>
        var urlContent = "{{ App\Http\Controllers\ContextoUsuario\UsuariosController::urlMethod('listcontent')}}";

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

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

            $('#inativos').on("change",function(){
                loadContent();
            });
        });

        function loadContent() {
            var urlLoad = urlContent;

            var ativos = $('#ativos').is(":checked");
            var inativos = $('#inativos').is(":checked");

            urlLoad = urlLoad + "?situacao=";

            if (ativos) urlLoad = urlLoad + "A";
            if (inativos) urlLoad = urlLoad + "I";

            bootstrapTableReload($("#table"), urlLoad);
        }

    </script>
    @endpush
@stop