@extends('Layouts.Application')

@section('MainContent')

<div class="row">
    <div class="col-sm-12">
        <div class="panel panel-default">
            <div class="panel-heading"><strong>Absent Fine</strong></div>
            <div class="panel-body">

                <form class="form-horizontal" role="form" id="student_absent_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="2017">2019</option>
                                <option value="2018">2020</option>
                            </select>
                        </div>
                    </div>
                </form>
                <div class="table-responsive" id="view_Student_Absent_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/StudentAbsentFine/generate_absent_fine/' + Year,
                    type: 'GET',
                    success: function (response) {
                        $('#view_Student_Absent_table').html(response);
                    }
                });
            } else {
                $('#view_Student_Absent_table').html('<strong class="text-danger  text-center">NO DATA FOUND.</strong>');
            }
        });

    });
</script>

@endsection