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

@php

use App\Services\HmsService as HMS;
@endphp

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


<div class="panel d-print-none">
    <div class="panel-heading">
        <h3 class="panel-title"></h3>
        <div class="panel-actions">
            <a class="panel-action icon wb-minus" data-toggle="panel-collapse" aria-expanded="true" aria-hidden="true"></a>
        </div>
    </div>
    
    <div class="panel-body panel-search">

        <form enctype="multipart/form-data" method="post" id="filterFormId">
            @csrf
            <div class="row">
                <div class="col-lg-2">
                    <label class="input-title RequiredStar">Year</label>
        
                    <div class="input-group">
                        <select style="width: 100%" class="form-control clsSelect2"
                            name="session_id" id="session_id">
                            <option value="">Select Session</option>
                            @foreach ($academicSession as $session)
                            <option value="{{ $session->id }}">{{ $session->name }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
        
                <div class="col-lg-2">
                    <label class="input-title RequiredStar">Hall ID</label>
        
                    <div class="input-group">
                        <input type="text" class="form-control" name="hall_id" id="hall_id"
                        placeholder="Hall ID" autocomplete="off">
                    </div>
                </div>
                
                <div class="col-lg-2">
                    <button type='submit' class="btn btn-primary mt-4" id="searchButton"
                        style=""><i class="fa fa-search" aria-hidden="true"></i>&nbsp; Load Fee
                    </button>
                </div>
            </div>

            <div class="ExportDiv mt-4" id="reportingDiv">

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

<div id="showInvoice"></div>


<script>
    $(document).ready(function() {
        $('.page-header-actions').hide();
        // loadData();
    });

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

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

        var year = $('#session_id').val();
        var hall_id = $('#hall_id').val();


        if(year == ''){
            swal({
                icon: 'warning',
                title: 'Warning',
                text: 'Please Select Year'
            });
            return;
        }
        else if(hall_id == ''){
            swal({
                icon: 'warning',
                title: 'Warning',
                text: 'Please Enter Hall ID'
            });
            return;
        }
        
        loadData();
    });


</script>

@endsection