@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('status2'))
            <div class="alert alert-success">
                {{ session('status2') }}
                <a href="{{url('applicants/review-applications')}}" class="btn btn-primary">Skip Option 2</a>
            
            </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="{{route('make-applications.store.preservice')}}" 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. </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-level">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 course" 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