@extends('layout.page_index', [
    'model' => new \App\Models\User(),
    'create' => route('user.create'),
])
@push('page_script')
    <script>
        initDatatable({
            path: 'user',
            url: '/fetch/users',
            columns: [{
                    'data': 'id'
                },
                {
                    'data': 'permission'
                },
                {
                    'data': 'full_name'
                },
                {
                    'data': 'email'
                },
                {
                    'data': 'phone_number'
                },
                {
                    "className": 'dt-control',
                    "orderable": false,
                    "data": null,
                    "defaultContent": ''
                },
            ],
            formatDetail: [{
                    label: 'เลขที่',
                    field: 'id'
                },
                {
                    label: 'ชื่อ',
                    field: 'first_name'
                },
                {
                    label: 'นามสกุล',
                    field: 'last_name'
                },
                {
                    label: 'อีเมล',
                    field: 'email'
                },
                {
                    label: 'เบอร์ติดต่อ',
                    field: 'phone_number'
                }
            ],
            showEdit: '{{ userEloquent()->can('user_edit') }}',
            showDelete: '{{ userEloquent()->can('user_delete') }}'
        })
    </script>
@endpush