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

<style>
    .authorize-button{
        background: #52BE80;
    }
    .icon {
        font-size: 18px;
    }
    .amountCls{
        background:#f3f7f9; 
        border-color:#f3f7f9;
    }
</style>
@php
    
use App\Services\HmsService as HMS;
@endphp

<div class="d-print-none">
    @include('HMS.HallFeeGenerate.filter')
</div>

<div class="ExportDiv" id="reportingDiv">

</div>

<script>
    
    $(document).ready(function() {
        $('.page-header-actions').hide();
        $('#button_group').hide();
   
    });
    
    var yearStart =  '';

    $('#fee_year_id').change(function(){

        let year = $('#fee_year_id option:selected').text();

        const feeYear = year.split("-");

        yearStart =  feeYear[0];
        yearEnd =  parseInt(feeYear[0]) + 1;

        minDate = new Date(yearStart, 7 - 1, 1);

        maxDate = new Date(yearEnd, 6 - 1, 30);

        $(".monthYearPicker").datepicker('option', {minDate: minDate, maxDate: maxDate, dateFormat: "MM-yy"});

    });

    $('#package_id').change(function(){
        let package = $(this).val();
        let monthlyCalc = 0;

        if(package != ''){
            monthlyCalc = $("#package_id option:selected").attr('data-monthCalc');

            if(monthlyCalc == 1){
                $('#start_date').parent().parent().show('slow');
            }else{
                $('#start_date').parent().parent().hide('slow');
            }
        }else{
            $('#start_date').parent().parent().hide('slow');
        }
         
    })

    // ------- This function for Datatable is currently not used, Normal table has been used for fee table 
    function ajaxDataLoad() {
        $('.clsDataTable').DataTable({
            destroy: true,
            processing: true,
            serverSide: true,
            stateDuration: 1800,
            searching: false,
            lengthChange: false,
            "ajax": {
                "url": "{{ url()->current() }}/loadData",
                "dataType": "json",
                "type": "post",
                "data": {
                    _token: "{{ csrf_token() }}",
                    'department_id': $('#department_id').val(),
                    'program_id'    : $('#program_id').val(),
                    'session_id'   : $('#session_id').val(),
                    'student_id'   : $('#student_id').val(),
                    'hall_id'      : $('#hall_id').val(),
                    'package_id'   : $('#package_id').val(),
                    'fee_year_id'  : $('#fee_year_id').val(),
                    'start_date'   : $('#start_date').val()
                }
            },
            columns: [
                // {
                //     data: 'sl',
                //     className: 'text-center',
                //     orderable: false,
                //     width: '3%'
                // },
                {
                    data: 'full_name',
                    orderable: false,
                    width: '12%'
                },
                
                {
                    data: 'hall_id',
                    orderable: false,
                    className: 'text-center',
                },
                {
                    data: 'admission_session',
                    orderable: false,
                    className: 'text-center',
                },
                {
                    data: 'department',
                    orderable: false,
                    
                },
                {
                    data: 'current_year',
                    orderable: false,
                },
                // {
                //     data: 'registration_no',
                //     orderable: false,
                    
                // },
                {
                    data: 'status_type',
                    orderable: false,
                    
                },

                {
                    data: 'amount',
                    orderable: false,
                    
                },

                {
                    data: 'generate',
                    orderable: false,
                    className: 'text-center d-print-none'
                    
                },
                {
                    data: 'remove',
                    orderable: false,
                    className: 'text-center d-print-none'
                },
            ]
        });
    }

    function loadData(){
        
        $("#reportingDiv").empty();
        $("#reportingDiv").load('{{ url()->current() }}/loadData' + '?' + $("#filterFormId").serialize());
       
    }

    function fnGetPassportFilter() {
        let messege = "";

        // let sessionId = $('#session_id').val();
        let acProgram = $('#academic_year').val();
        // let department = $('#department_id').val();
        // let student = $('#student_id').val();
        // let hall = $('#hall_id').val();
        let package = $('#package_id').val();
        let feeyear = $('#fee_year_id').val();

        if(!acProgram){
            messege = "Academic Year ";
        }

        if(!package){
            if(messege){
                messege += ", Package";
            }else{
                messege = "Package";
            }
        }
        if(!feeyear){
            if(messege){
                messege += ", Fee Genaration Year";
            }else{
                messege = "Fee Year";
            }
        }
    
        return messege;
        
    }

    $("#filterFormId").submit(function (event) {

        event.preventDefault();
        let messege = fnGetPassportFilter();
        if(messege){
            swal({
                icon: 'warning',
                title: 'Warning',
                text: 'Please Select ' + messege,
            });
            return false;
        }

        loadData();
        $('#button_group').show();
    });


</script>

@endsection