{{-- <input type="hidden" name="fiscalYearId" value="{{ $fiscalYearId }}"> --}}
    <table class="table w-full table-hover table-bordered table-striped clsDataTable" id="table_col">
        <thead>
            <tr>
                <th width="5%">SL</th>
                <th width="10%">Package</th>
                <th width="15%">Category</th>
                <th width="10%">Amount</th>
                <th width="10%"></th>
            </tr>
        </thead>
        <tbody>
            @foreach($DataSet as $index => $data)
                <tr>
                    <td class="text-center">{{ $data['sl'] }}</td>
                    <td>{!! $data['package_name'] !!}</td>
                    <td>{!! $data['category'] !!}</td>
                    <td class="text-center">{!! $data['amount'] !!}</td>
                    <td class="text-center">{!! $data['checkbox'] !!}</td>
                </tr>
            @endforeach
            
        </tbody>
    </table>

    <div class="row mt-4">
        <div class="offset-5 col-lg-3 col-md-3 form-group text-center">
            <div class="input-group">
                <a href="javascript:void(0)" id="generate"
                    class="btn btn-success authorize-button" onclick="fnCreateInvoice();">
                    <i class="icon fa-file-archive-o"></i>&nbsp;&nbsp; Generate Invoice
                </a>
            </div>
        </div>
    <div>



<script type="text/javascript">
    $(document).ready(function () {
        $('.clsSelect2').select2();
       
    });
    
    $(".isPassed").on( "click", function(){
        let idText = $(this).attr('id');
            idText = idText.split("_");
            idText = idText[1];

        if($(this).is(':checked')){
            $('#category_' + idText).prop('disabled', false);
            $('#amount_' + idText).prop('disabled', false);

        }else{
            $('#category_' + idText).prop('disabled', true);
            $('#amount_' + idText).prop('disabled', true);
        }
    });

    function fnCreateInvoice() {

        if($('#session_id').val() == ''){
            swal({
                icon: 'warning',
                title: 'Warning',
                text: 'Please Select Year !',
            });
            return false;
        }

        var categoryIdArr = [];
        var amountArr = [];
        var count = 0;
        var hallId = $('#hall_id').val();
        var sessionId = $('#session_id').val();
       
        $('.isPassed').each(function() {
            if($(this).is(':checked')){
                
                var rowId = $(this).attr('data');
                categoryIdArr.push(rowId);

                let idText = $(this).attr('id');
                idText = idText.split("_");
                idText = idText[1];

                let amount = $('#amount_' + idText).val();
                amountArr.push(amount);

                count = count + 1;
            }
        });

        if(count < 1){
            swal({
                icon: 'warning',
                title: 'Warning',
                text: 'Please Add Category !',
            });
            return false;
        }

        else {
            headingForAll('close');
            $("#showInvoice").empty();
            $("#showInvoice").load('{{ url()->current() }}/../add' + '?' + $("#filterFormId").serialize());
        }
    }

    async function headingForAll(filter_div = null) {

        if(filter_div === 'close'){
            setTimeout(function () {
                $(".wb-minus").trigger('click');
            }, 10);
        }
    }
    
</script>