@extends('layouts.layout-admin')

@section('content')
<div class="row box-body">
    @include('admin.partials.alerts')
    <table class="table table-striped" id="bookings-table">
        <thead>
        <tr>
            <th>Sl.no.</th>
            <th>Order no.</th>
            <th>Customer</th>
            <th>Course</th>
            <th>Date/Time</th>
            <th>Grand total</th>
            <th>Status</th>
            <th>Action</th>
        </tr>
        </thead>
    </table>
</div>
@endsection

@push('scripts')
<script>
    $(function() {
        $('#bookings-table').DataTable({
            processing: true,
            serverSide: true,
            ajax: '{!! route('admin.archived.bookings.datatable') !!}',
            columns: [
                { data: 'rownum', name: 'rownum' },
                { data: 'cart_id', name: 'cart_id' },
                { data: 'user_id', name: 'user_id' },
                { data: 'productname', name: 'productname' },
                { data: 'date', name: 'date' },
                { data: 'total', name: 'total' },
                { data: 'status', name: 'status' },
                { data: 'actions', name: 'actions', orderable: false, searchable: false}
            ],
            order: [ [4, 'desc'] ],
        });
    });
</script>
@endpush