@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>Transaction code</th>
            <th>Customer</th>
            <th>Course</th>
            <th>Course date</th>
            <th>Transaction date</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.bookings.datatable') !!}',
            columns: [
                { data: 'transaction_code', name: 'transaction_code' },
                { data: 'user_id', name: 'user_id' },
                { data: 'booked_courses', name: 'booked_courses' },
                { data: 'course_date', name: 'course_date' },
                { data: 'created_at', name: 'created_at' },
                { data: 'grand_total', name: 'grand_total' },
                { data: 'payment_status', name: 'payment_status' },
                { data: 'actions', name: 'actions'},
            ],
            order: [ [4, 'desc'] ],
        });
    });

    function deleteCourse(id) {
        swal({   
            title: "Are you sure?",
            text: "You are going to delete this item from list!",
            type: "warning",   
            showCancelButton: true,   
            confirmButtonColor: "#DD6B55",
            confirmButtonText: "Yes, delete it!", 
            closeOnConfirm: false 
        }, 
        function(){   
            axios.delete('/adminpanel/courses/' + id)
            .then(function (response) {
                window.location = '/adminpanel/courses';
            })
            .catch(function (error) {
                console.log(error);
            });
        });
    }
</script>
@endpush