@extends('layouts.guidanceapp')
@section('content')
<style>
    .label{color: gray;}
</style>
<div class="row">

    <div class="col-sm-12">@if (count($errors) > 0)
        <div class="alert alert-danger">
            <ul>
                @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
        @endif
        <form class="form-horizontal" target="_blank" method="POST" action="{{url('/guidance', 'generate_report_passed')}}">
            {{ csrf_field()}}
            <h3>List of Passed Applicants</h3>

            <div class="form form-group">
                <div class="col-sm-12">
                    <label class="label">Department</label>
                    <select class="form-control" name="acad_type" id="acad_type">
                        <option value="">Select Department</option>
                        @foreach ($academic_types as $academic_type)
                        <option value="{{$academic_type->academic_type}}">{{$academic_type->academic_type}}</option>
                        @endforeach
                    </select>
                </div>
            </div>

            <div class="form form-group">
                <div class="col-sm-12" id="acad_program">
                </div>
            </div>
            
            <div class="form form-group">
                <div class="col-sm-12">
                    <button type="submit" name="submit" class="form form-control btn btn-primary"><i class="fa fa-print"></i> Print Report</button>    
                </div>    
            </div>
        </form>
    </div>
</div>
<script>
        $(document).ready(function() {
            $("#acad_type").on("change", function(e) {

                $.ajax({
                    type: "GET",
                    url: "/guidance/ajax/getacademicprogram/" + $("#acad_type").val(),
                    success: function (data) {
                        $('#acad_program').empty();
                        $('#acad_program').html(data);
                    }
                }
                );

            })
        })
</script>
@stop