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

<style>
    .authorize-button{
        background: #52BE80;
    }
</style>

<form enctype="multipart/form-data" method="post" id="filterFormId">
    @csrf
    @php
        $elementArray = array();
        // $elementArray['academicSession'] = ['label' => 'Academic Session', 'type' => 'select', 'id' => 'session_id', 'name' => 'session_id', 'onload' => true];
        $elementArray['academicStatus'] = ['label' => 'Academic Program', 'type' => 'select', 'id' => 'academic_program', 'name' => 'academic_program', 'onload' => true];
        $elementArray['academicYear'] = ['label' => 'Academic Year', 'type' => 'select', 'id' => 'academic_year', 'name' => 'academic_year', 'onload' => true];
        $elementArray['academicDepartment'] = ['label' => 'Academic Department', 'type' => 'select', 'id' => 'department_id', 'name' => 'department_id', 'onload' => true];
        $submitBtnName = 'Load Student';
    @endphp

    @include('elements.report.common_filter.filter_options', ['elements' => $elementArray,'btnName' => $submitBtnName])
</form>

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

</div>

<script>
let all_transaction_data = {};
$(document).ready(function() {
    $('.page-header-actions').hide();
    
});


function objectifyForm(formArray) {
    //serialize data function
    var returnArray = {};
    for (var i = 0; i < formArray.length; i++){
        returnArray[formArray[i]['name']] = formArray[i]['value'];
    }
    return returnArray;
}

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

function fnGetPassportFilter() {
    let messege = "";

    let academicYear = $('#academic_year').val();
    let academicProgram = $('#academic_program').val();
    let department = $('#department_id').val();

    if(!academicProgram){
        messege = "Academic Program";
    }
    if(!academicYear){
        if(messege){
            messege += ", Year";
        }else{
            messege = "Academic Year";
        }
    }
    if(!department){
        if(messege){
            messege += " & Department";
        }else{
            messege = "Department";
        }
    }
    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();
});


</script>

@endsection