@extends('Layouts.hms_master_full_width')
@section('content')

<!-- Search Option Start -->
@php
    $elementArray = array();
    $elementArray['building'] = ['label' => 'Building', 'type' => 'select', 'id' => 'building_id', 'name' => 'building_id', 'onload' => true];
    $elementArray['activeInactiveStatus'] = [
        'label'   => 'Status', 
        'type'    => 'select', 
        'id'      => 'activeInactiveStatus',                                                 
        'name'    => 'activeInactiveStatus',
        'options' => [ '' => 'All', 'active'=>'Active', 'inactive'=>'Inactive']
    ];
@endphp

@include('elements.report.common_filter.filter_options', ['elements' => $elementArray])
<!-- Search Option End -->

    {{-- Datatable --}}
    <div class="panel">
        <div class="panel-body panel-search pt-2">
            <div class="row">
                <div class="col-lg-12">
                    <table class="table w-full table-hover table-bordered table-striped clsDataTable">
                        <thead>
                            <tr>
                                <th>SL</th>
                                <th>Student</th>
                                <th>Packages</th>
                                <th class="text-center">Generated <br> Amount</th>
                                <th class="text-center">Discount <br> Rate</th>
                                <th class="text-center">Discount <br> Amount</th>
                                <th class="text-center">Payable <br> Amount</th>
                                <th>Payment <br> Status</th>
                                <th>Other <br> Actions</th>
                                <th class="text-center">Action</th>
                            </tr>
                        </thead>
                    </table>
                </div>
            </div>
        </div>
    </div>
    {{-- Datatable --}}

    <!-- End Page -->
    <script>
        $(document).ready(function() {
            $('.ajaxRequest').show();
            $('.httpRequest').hide(); //Hide new entry button
            ajaxDataLoad();
        });

        $('#searchButton').click(function(){
            ajaxDataLoad();
        });

        function ajaxDataLoad() {

            $('.clsDataTable').DataTable({
                destroy: true,
                processing: true,
                serverSide: true,
                stateDuration: 1800,
            
                "ajax": {
                    "url": "{{ url()->current() }}",
                    "dataType": "json",
                    "type": "post",
                    "data": {
                        _token: "{{ csrf_token() }}",
                        "activeInactiveStatus": $('#activeInactiveStatus').val(),
                    }
                },
                columns: [
                    {
                        data: 'sl',
                        className: 'text-center',
                        orderable: false,
                        width: '3%'
                    },
                    {
                        data: 'student',
                        orderable: false,
                        width: '10%'
                        
                    },
                    {
                        data: 'packages',
                        orderable: false,
                        width: '25%'
                        
                    },
                    {
                        data: 'generated_amount',
                        orderable: false,
                        className: 'text-right',
                        width: '8%',
                        
                    },
                    {
                        data: 'discount_rate',
                        orderable: false,
                        className: 'text-center',
                        width: '8%',
                        
                    },
                    {
                        data: 'discount_amount',
                        orderable: false,
                        width: '8%',
                        className: 'text-center'
                    },
                    {
                        data: 'payable_amount',
                        orderable: false,
                        width: '8%',
                        className: 'text-center'
                    },
                    {
                        data: 'payment_status',
                        orderable: false,
                        width: '8%',
                        className: 'text-center'
                    },
                    {
                        data: 'print_count',
                        orderable: false,
                        width: '6%',
                        className: 'text-center'
                    },
                    {
                        data: 'action',
                        orderable: false,
                        className: 'text-center d-print-none',
                        width: '10%',
                    }
                ],
                'fnRowCallback': function(nRow, aData, Index) {

                    var actionHTML = jsRoleWisePermissionForPopUp(aData.action.set_status, aData.action
                        .action_name, aData.action.action_link, aData.id);
                    $('td:last', nRow).html(actionHTML);
                },
            });
        }
    </script>
@endsection