@extends('../layout/' . $layout)

@section('subhead')
    <title>Atarud MIS - Invoices List</title>
    <link href="{{ asset('dist/css/dataTables.min.css') }}" rel="stylesheet">
@endsection

@section('subcontent')
<div class="flex items-center mt-8">

</div>

    <div class="flex items-center mt-8">
        <h2 class="intro-y text-lg font-medium mr-auto">Invoices List</h2>
    </div>

    <div class="container">
        <div class="row">
            <div class="col-12 table-responsive">
                <table class="table table-bordered invoice_datatable">
                    <thead>
                        <tr>
                            <th>ID</th>
                            <th>Course</th>
                            <th>Student ID</th>
                            <th>Name</th>
                            <th>Father Name</th>
                            <th>Date</th>
                            <th>Month</th>
                            <th>Monthly</th>
                            <th>Material</th>
                            <th>Exam</th>
                            <th>Admission</th>
                            <th>Total</th>
                            <th width="100px">Action</th>
                        </tr>
                    </thead>
                    <tbody></tbody>
                </table>
            </div>
        </div>
        {{-- @include('../pages/invoice/show') --}}
    </div>

@endsection

@section('script')
    <script src="{{ asset('dist/js/jquery.js') }}"></script>
    <script src="{{ asset('dist/js/dataTables.min.js') }}"></script>

    <script type="text/javascript">
        $(function () {
            var table = $('.invoice_datatable').DataTable({
                processing: true,
                serverSide: true,
                ajax: "{{ route('invoice') }}",
                order: [[0,'desc']],
                columns: [
                    {data: 'id', name: 'id'},
                    {data: 'section_id', name: 'section_id'},
                    {data: 'student_id', name: 'student_id'},
                    {data: 'student_name', name: 'student_name'},
                    {data: 'father', name: 'father'},
                    {data: 'built_timestamp', name: 'built_timestamp'},
                    {data: 'month', name: 'month'},
                    {data: 'payment', name: 'payment'},
                    {data: 'material_fees', name: 'material_fees'},
                    {data: 'exam_fee', name: 'exam_fee'},
                    {data: 'admission_fee', name: 'admission_fee'},
                    {data: 'total', name: 'total'},
                    {data: 'action', name: 'action', orderable: false, searchable: false},
                ]
            });
        });

    </script>
@endsection