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

@php
    $elementArray = array();
    $elementArray['academicSession'] = ['label' => 'Academic Session', 'type' => 'select', 'id' => 'session_id', 'name' => 'session_id', 'onload' => true];
    $elementArray['academicStatus'] = ['label' => 'Academic Status', 'type' => 'select', 'id' => 'academic_status', 'name' => 'academic_status', 'onload' => true];
    $elementArray['academicDepartment'] = ['label' => 'Academic Department', 'type' => 'select', 'id' => 'department_id', 'name' => 'department_id', 'onload' => true];
    
    $ignoreElements = [
        'zone', 'area', 'branch', 'startDate', 'endDate','academicDepartment', 'academicStatus', 'academicSession', 'studentStatus'
    ];
@endphp

<form enctype="multipart/form-data" method="post" id="filterFormId">
    @csrf
    @include('elements.report.common_filter.filter_options', 
        ['elements' => $elementArray, 
        'branchWithoutHO' => true, 
        'branchWithoutHOButSelectAll' => true]) 
</form>

<div class="w-full show" style="display: none;">
    <div class="panel">
        <div class="panel-body panel-search pt-2">
            
            @include('elements.report.company_header') 
            
            @include('elements.report.reporting_header', [
                'reportTitle' => 'Non Resident Student List Report',
                'title_excel' => 'Non_Resident_Student_List_Report',
                'incompleteBranch' => false,
                'elements' => $elementArray,
                'ignoreElements' => $ignoreElements
            ])

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

        </div>
    </div>
</div>

<script>
    $(document).ready(function() {

        $('#filterFormId').submit(function (event) {
            event.preventDefault();

            $('.show').show('slow');

            $("#reportingDiv").empty();

            $("#reportingDiv").load('{{URL::to("hms/reports/non_resident_student/loadData")}}'+'?'+$("#filterFormId").serialize());
        });
    });
</script>

@endsection