@extends('admin.admin')

@section('content')

    <h1 class="page-header">
        Utenti
    </h1>

    <div class="action-bar">
        <a class="btn btn-primary" href="{{ url('admin/users/create') }}">Crea utente</a>
    </div>

    <table id="users-table" class="table table-responsive table-bordered">
        <thead>
            <tr>
                <th data-field="_link" class="action-column"></th>
                <th data-field="name" data-sortable="true">Nome</th>
                <th data-field="email" data-sortable="true">Email</th>
                <th data-field="_delete" class="action-column"></th>
            </tr>
        </thead>
        <tbody>
        </tbody>
    </table>

@endsection


@section('footer')

    <script>

        $(document).ready(function() {

            $("#users-table").bootstrapTable({
                pagination: true,
                pageSize: 10,
                pageList: [],
                sidePagination: 'server',
                url: '{{ url('api/users') }}',
                queryParams: function (params) {

                    params.searchParams = JSON.stringify({
                        name: $('#users-filters .name').val(),
                        email: $('#users-filters .email').val()
                    });

                    return params;
                },
                cache: false
            }).on('pre-body.bs.table', function (e, data) {

                if ($('#users-filters').length) return;

                $('#users-table thead').append('{!! get_table_filters_html("admin.users.partials.table.filters") !!}');

                $("#users-table").bootstrapTable('refresh');

                $('input.form-control').keypress(function(e) {

                    if(e.which == 10 || e.which == 13) {
                        $("#users-table").bootstrapTable('refresh');
                    }
                });
            });
        });

    </script>

@endsection