@extends('layouts.applicant')
@section('content')
    <div class="row">
        <div class="page-header">
            <h5>ASSISTIVE TECHNOLOGY (AT) PROGRAM SPONSORSHIP APPLICATION FORM </h5>

        </div>
        <!-- /.row -->

        <!-- /.row -->
        <div class="row">
            <!-- /.col-lg-6 -->
             <div class="col-sm-12">
                <a href="{{url('appdocs/scholarship')}}" class="btn btn-info" target="_blank">Read Application Instructions</a>

                <br />
                <br />
             </div>

            @if(count($courses)>0)
            <div class="col-lg-12">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        Select Course
                    </div>
                    <form action="{{ url('applicants/apply-scholarship') }}" method="POST">
                        {{ csrf_field() }}
                        <div class="row">
                            <div class="col-sm-8">
                                <div class="form-group">
                                    <label>
                                        Courses
                                    </label>
                                    <select required class="form-control select2" name="course_id">
                                        <option value="">Select....</option>
                                        @foreach ($courses as $course)
                                            <option value="{{ $course->id }}">{{ $course->course }}</option>
                                        @endforeach

                                    </select>
                                </div>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-sm-3">
                                <input type="submit" class="btn btn-primary" value="Apply" />
                            </div>

                        </div>
                    </form>

                </div>
                <!-- /.panel -->
            </div>
            @else
            <div class="row">

                <div class="col-lg-1 ">
                </div>
                <div class="col-lg-10 ">


                    <div class="alert alert-danger">

                        Scholarship program application have been closed.
                    </div>
                    <div class="col-lg-1 ">
                    </div>
               
            </div>

            @endif
            <!-- /.col-lg-6 -->

        </div>

    </div>

@stop