@extends('layouts.app')
@section('content')
    @include('activity-logs.toolbar')
    <div id="kt_content_container" class="d-flex flex-column-fluid align-items-start container-xxl">
        <div class="content flex-row-fluid" id="kt_content">
            <div class="card">
                <div class="card-header border-0 pt-6">
                    <div class="card-title">
                    </div>
                </div>
                <div class="card-body py-4">
                    <table class="table align-middle table-row-dashed fs-6 gy-5" id="kt_table_activity_payments_logs">
                        <thead>
                            <tr class="text-start text-muted fw-bold fs-7 text-uppercase gs-0">
{{--                                <th class="min-w-125px">Program</th>--}}
                                <th class="min-w-125px">Enrollment Year</th>
                                <th class="min-w-125px">Record ID</th>
                                <th class="min-w-125px">Student Name</th>
                                <th class="min-w-125px">Cycle No</th>
                                <th class="min-w-125px">Amount</th>
                                <th class="min-w-125px">Type</th>
                                <th class="min-w-125px">Action Type</th>
                                <th class="min-w-125px">Created By</th>
                            </tr>
                        </thead>
                        <tbody class="text-gray-600 fw-semibold">

                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('js')
    <script type="text/javascript">

        $(function () {
            $(".dropdown-toggle").dropdown();

            $('#kt_table_activity_payments_logs').DataTable().destroy();
            datatable();

            $(document).on('click', '.trash', function (e) {
                e.preventDefault();
                console.log("ss");
            });
        });

        $(function () {

            var table = $('#kt_table_activity_payments_logs').DataTable({
                processing: true,
                serverSide: true,
                ajax: "{{ url('activity-payments-logs/'.encryptedId($studentId).'/list') }}",
                columns: [
                    // {data: 'program', name: 'program'},
                    {data: 'enrollment_year', name: 'enrollment_year'},
                    {data: 'record_id', name: 'record_id'},
                    {data: 'student_name', name: 'student_name'},
                    {data: 'cycle_no', name: 'cycle_no'},
                    {data: 'amount', name: 'amount'},
                    {data: 'type', name: 'type'},
                    {data: 'action_type', name: 'action_type'},
                    {data: 'created_by', name: 'created_by'}
                ]
            });

        });
    </script>
@endsection