@extends ('Layouts.Application')

@section ('MainContent')

<div class="row">
  <div class="col-sm-12">
    <div class="panel panel-default">
      <div class="panel-body">
        <form class="form-horizontal" id="student_report_form" role="form">
          @csrf

          <div class="form-group form-group-sm">
            <label for="from_date" class="col-sm-2 control-label text-danger">
              Date From <sup><i class="fa fa-asterisk"></i></sup>
            </label>
            <div class="col-sm-3">
              <input type="text" class="form-control datepicker" id="from_date"
                name="from_date" placeholder="From"  readonly="readonly"
              />
            </div>

            <label for="to_date" class="col-sm-2 control-label text-danger">
              Date To <sup><i class="fa fa-asterisk"> </i> </sup>
            </label>
            <div class="col-sm-3">
              <input type="text" class="form-control datepicker" id="to_date" name="to_date"
                placeholder="To" readonly="readonly"
              />
            </div>
          </div>
          <div class="form-group form-group-sm">
            <div class="col-sm-12">
              <button type="button" class="btn btn-primary btn-sm btn-block" id="student_report_submit">
                <i class="fa fa-search" aria-hidden="true"></i> Search
              </button>
            </div>
          </div>
        </form>
      </div>
      <div id="student_report_table"></div>
    </div>
  </div>
</div>

<script type="text/javascript">
$(function () {
  $("#student_report_submit").on('click', function() {
    var date_from = $("#from_date").val();
    var date_to = $("#to_date").val();

    if (date_from && date_to) {
      $.ajax({
        url: baseURL + '/!/Settings/Student/admitted_tc_report_view',
        type: 'POST',
        data: $('#student_report_form').serialize(),
        success: function (response) {
          $('#student_report_table').html(response);
        }
      });
    } else {
        Swal.fire({
          type: 'warning',
          title: 'Warning!',
          text: 'Please select mendatory fields!'
        });
    }
  });
});

$('.datepicker').datepicker({
  format: 'yyyy-mm-dd',
  autoclose: true,
  todayHighlight: true
});
</script>

@endsection