@extends('layouts/base_view')
@section('title'){!! $variables['header_routes'] !!}@endsection
@section('content')
<section class="content">
    <div class="container-fluid">
        <div class="card">
            <div class="card-header d-flex justify-content-between align-items-center">
                <h3 class="card-title">Client Auth</h3>
                <a href="{{ route('client-auths.create') }}" class="btn btn-primary btn-sm">
                    <i class="fas fa-plus"></i> Tambah
                </a>
            </div>
            <div class="card-body">
                <table id="id_data_table" class="table table-bordered table-striped table-sm">
                    <thead>
                        <tr>
                            <th width="5%">No</th>
                            <th>Name</th>
                            <th>Username</th>
                            <th>Description</th>
                            <th>Status</th>
                            <th>Dibuat</th>
                            <th width="10%">Aksi</th>
                        </tr>
                    </thead>
                    <tbody></tbody>
                </table>
            </div>
        </div>
    </div>
</section>
<script>
$(function() {
    var table = $('#id_data_table').DataTable({
        processing: true,
        serverSide: true,
        ajax: { url: '{{ route("client-auths.index") }}' },
        columns: [
            { data: 0 }, { data: 1 }, { data: 2 }, { data: 3 },
            { data: 4 }, { data: 5 }, { data: 6, orderable: false },
        ],
        order: [[5, 'desc']],
    });
    table.buttons().container().appendTo('#id_data_table_wrapper .col-md-6:eq(0)');
});
</script>
@endsection