@extends('template.master')

@section('content')
    <div class="card">
        <div class="card-body">
            <table class="table table-striped data-table">
                <thead>
                    <tr>
                        <th>No</th>
                        <th>Kode Unit</th>
                        <th>Jenis Unit</th>
                        <th>Pabrikan</th>
                        <th>Type Unit</th>
                        <th>Jumlah Catatan</th>
                        <th width="105px">Action</th>
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
    </div>

@endsection

@push('extraJS')
    <script>
        $(function() {
            var table = $('.data-table').DataTable({
                processing: true,
                serverSide: true,
                ajax: "{{ route('logbooks.index') }}",
                columnDefs: [{
                    width: "50px",
                    targets: 0
                }],
                columns: [{
                        data: 'DT_RowIndex',
                        name: 'DT_RowIndex',
                        className: 'text-center',
                        orderable: false,
                        searchable: false
                    },
                    {
                        data: 'unit_code',
                        name: 'unit_code'
                    },
                    {
                        data: 'unit_type',
                        name: 'unit_type'
                    },
                    {
                        data: 'manufacture',
                        name: 'manufacture'
                    },
                    {
                        data: 'type_unit',
                        name: 'type_unit'
                    },
                    {
                        data: 'note_count',
                        name: 'note_count'
                    },
                    {
                        data: 'action',
                        name: 'action',
                        orderable: false,
                        searchable: false
                    },
                ]
            });

        });
    </script>
@endpush