@extends('administrator.layout.master')

@push('plugin-styles')
  <!-- Plugin css import here -->
  <link href="{{ asset('build/plugins/datatables.net-bs5/dataTables.bootstrap5.min.css') }}" rel="stylesheet" />
@endpush

@section('content')
  <!-- Page content here -->
  <x-datatable id="usersTable" ajax="{{ route('admin.users.datatable') }}" :columns="[
    ['key' => 'id', 'label' => 'ID'],
    ['key' => 'firstname', 'label' => 'First Name'],
    ['key' => 'lastname', 'label' => 'Last Name'],
    ['key' => 'email', 'label' => 'Email'],
    ['key' => 'created_at', 'label' => 'Created'],
    // ['key' => 'actions', 'label' => 'Actions', 'orderable' => false, 'searchable' => false],
  ]" />
@endsection
  @push('plugin-scripts')
    <!-- Plugin js import here -->
    <script src="{{ asset('build/plugins/jquery/jquery.min.js') }}"></script>
    <script src="{{ asset('build/plugins/datatables.net/dataTables.min.js') }}"></script>
    <script src="{{ asset('build/plugins/datatables.net-bs5/dataTables.bootstrap5.min.js') }}"></script>
  @endpush

@push('custom-scripts')
  <!-- Custom js here -->
  @vite(['resources/js/pages/data-table.js'])
@endpush