@extends('Layouts.Application')

@section('MainContent')

    <div class="row">
        <div class="col-sm-12">
            <div class="panel panel-default">
                <div class="panel-heading"><strong>Student Transaction Report</strong></div>
                <div class="panel-body">

                    <form class="form-horizontal" role="form" id="student_transaction_report_form">
                        {{ csrf_field() }}
                        <div class="form-group form-group-sm">
                            <label for="Year" class="col-sm-1 control-label text-danger">Year</label>
                            <div class="col-sm-11">
                                <select class="form-control Year" id="Year" name="Year">
                                    <option value="">---- Year ----</option>
                                    <option value="2019">2019</option>
                                    <option value="2020">2020</option>
                                    <option value="2021">2021</option>
                                </select>
                            </div>
                        </div>
                    </form>
                    <div id="view_Student_Transaction_table"></div>
                </div>
            </div>
        </div>
    </div>

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

            $(document).on('change', '#Year', function () {
                // alert('ok');return;

                var year = $('#Year').val();


                if (year) {
                    $.ajax({
                        url: baseURL + '/!/StudentModule/StudentTransactionReport/view/' + year,
                        type: 'GET',
                        success: function (response) {
                            $('#view_Student_Transaction_table').html(response);
                        }
                    });
                } else {
                    $('#view_Student_Transaction_table').html('<strong class="text-danger  text-center">NO DATA FOUND.</strong>');
                }
            });

        });
    </script>

@endsection