@extends('layouts.applicant')
@section('content')
    <div class="row">
        <div class="page-header">
            <h4>Make Application
            </h4>
        </div>
        <!-- /.row -->
        @if (session('status'))
            <div class="alert alert-success">
                {{ session('status') }}
            </div>
        @endif
        @if (session('error'))
            <div class="alert alert-danger">
                {{ session('error') }}
            </div>
        @endif
        @if(count($errors) > 0)
            <div class="alert alert-danger">
                <ul>
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif
        @if(count($course_levels) > 0)
            <div class="row">
                <div class="col-sm-12 col-sm-offset-0 col-md-12 col-md-offset-0 col-lg-12 col-lg-offset-0 form-box">
                    <form role="form" action="{{url('applicants/foreign')}}" method="post" class="f1" enctype="multipart/form-data">
                        {{csrf_field()}}
                        <div class="f1-steps">
                            <div class="f1-progress">
                                <div class="f1-progress-line" data-now-value="16.66" data-number-of-steps="3" style="width: 16.66%;"></div>
                            </div>
                            <div class="f1-step active">
                                <div class="f1-step-icon"><i class="fa fa-file"></i></div>
                                <p>Select Level</p>
                            </div>
                            <div class="f1-step">
                                <div class="f1-step-icon"><i class="fa fa-list"></i></div>
                                <p>Select Course</p>
                            </div>
                            <div class="f1-step">
                                <div class="f1-step-icon"><i class="fa fa-list"></i></div>
                                <p>Review</p>
                            </div>
                        </div>
                        <hr>
                        <fieldset>
                            <h5>Please Select Level, Intake and Academic Calender.<a class='btn btn-sm btn-primary' target="_blank" href="{{url('applicantinst')}}">Click here to find this details in the advert</a></h5>
                            <small style="color:red">kindly check the advert to ensure that you select the right academic calender and intake. For example for 2019 march intake,  <b>Academic calender is 2018/2019 and intake is march. For september 2019, calender is 2019/2020 and intake is september</b></small>
                            <div class="row">
                                <div class="col-sm-4">
                                    <div class="form-group">
                                        <label>Select Level</label>
                                        <select name="course_type" class="form-control course-level" required="">
                                            <option value="">--select--</option>
                                            @foreach($course_levels as $level)
                                                <option value="{{$level->id}}">{{Str::title($level->name)}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-sm-4">
                                    <div class="form-group">
                                        <label>Select Academic Calendar</label>
                                        <select name="academic_calendar" class="form-control calendar" required="">
                                            <option value="">--select--</option>
                                            @foreach($academic_calendars as $calendar)
                                                <option value="{{$calendar->id}}">{{$calendar->year}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                                <div class="col-sm-4">
                                    <div class="form-group">
                                        <label>Select Intake</label>
                                        <select name="intake" class="form-control intake" required="">
                                            <option value="">--select--</option>
                                            @foreach($student_intakes as $intake)
                                                <option value="{{$intake->id}}">{{Str::title($intake['name'])}} {{str_contains(strtolower($intake->name),"intake") ?"":"Intake"}}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>
                            </div>

                            <div class="f1-buttons">
                                <button type="button" class="btn btn-next btn-level1 foreign">Next</button>
                            </div>
                        </fieldset>
                        <fieldset>                            
                            <h4>Please Select Course:</h4><small style="color:red">Courses listed here, are the courses your are qualified for. If no course is displayed kindly check the advert to make sure that you're qualified for the course you want to apply </small>
                            <div class="row">
                                <div class="col-md-8">
                                    <div class="form-group">
                                        <label>Select Course</label>
                                        <select name="course" class="form-control coursef" required="">
                                            <option value="">--select--</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="f1-buttons">
                                <button type="button" class="btn btn-previous">Previous</button>
                                <button type="button" class="btn btn-next">Next</button>
                            </div>
                        </fieldset>
                        <fieldset>                            
                            <h4>Selected course:</h4>
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="form-group">
                                        <span class="course-review"></span>
                                    </div>
                                </div>
                            </div>

                            <div class="f1-buttons">
                                <button type="button" class="btn btn-previous">Previous</button>
                                <button type="submit" class="btn btn-next">Submit</button>
                            </div>
                        </fieldset>
                    </form>
                </div>
            </div>
            @else
            <div class="row">
                <div class="col-md-12">
                    <p class="pull-left text-danger"> <i class="fa fa-warning"></i>The applications for all the courses is closed now</p>
                </div>
            </div>
        @endif
    </div>
    @endsection