@extends('layouts.master')
    
@section('title', 'Application View')
    
@section('style')
	<style>
		.font_topic{
			font-weight: bold
		}
	</style>
@endsection
    
@section('script')

@endsection
    
@section('content')
    
	@include('layouts.header')
	@include('layouts.header-sub')

	<section class="wrapper bg-light">
		<div class="container py-14 py-md-16">
			<div class="row gx-lg-8 gx-xl-12">

				<div class="col-md-8 col-lg-7 col-xl-6 col-xxl-5">
					<h5 class="display-1 mb-3" style="font-size: 30px">@yield('title')</h5>
					<p class="lead fs-lg pe-lg-15 pe-xxl-12"></p>
				</div>

				<div class="col-lg-12">
					<div class="blog single">
						<div class="card">
							<div class="card-body">

								<div align="center">
									<div class="item">
										<h4 class="mb-1">
											{{ $application->openround_name }}
										</h4>
										<p class="mb-2">{{ $application->scholarship_type_name }}</p>
									</div>
								</div>

								<hr/>
								
								<div class="row">
									<div class="col-md-3 font_topic">Academic :</div>
									<div class="col-md-9">{{ $application->openround_year }}/{{$application->openround_semester }}</div>
								</div>
								
								<div class="row">
									<div class="col-md-3 font_topic">Scholarship Type :</div>
									<div class="col-md-9">{{ $application->scholarship_type_name }}</div>
								</div>
								
								<div class="row">
									<div class="col-md-3 font_topic">Student ID :</div>
									<div class="col-md-9">{{ $application->student_code }}</div>
								</div>
								
								<div class="row">
									<div class="col-md-3 font_topic">Student Name :</div>
									<div class="col-md-9">{{ $application->student_firstname }} {{ $application->student_lastname }}</div>
								</div>
								
								<div class="row">
									<div class="col-md-3 font_topic">Curriculum :</div>
									<div class="col-md-9">{{ $application->curriculum_name }}</div>
								</div>
								
								<div class="row">
									<div class="col-md-3 font_topic">Advisor's name :</div>
									<div class="col-md-9">
										{{ $application->faculty_title }} {{ $application->faculty_firstname }} {{ $application->faculty_lastname }} ({{ $application->faculty_position }})
									</div>
								</div>
								
								<div class="row">
									<div class="col-md-3 font_topic">CGPA of {{ $application->openround_gpa_semester }}@if($application->openround_gpa_semester == '1')<sup>st</sup>@elseif($application->openround_gpa_semester == '2')<sup>nd</sup>@else($application->openround_gpa_semester == '3')<sup>rd</sup>@endif/{{ $application->openround_gpa_year }} :</div>
									<div class="col-md-9">{{ $application->application_cgpa }}</div>
								</div>
								
								<div class="row">
									<div class="col-md-3 font_topic">Status :</div>
									<div class="col-md-9">
										@if($application->application_status == 'Submitted')
											<span class="badge bg-blue rounded-pill">{{ $application->application_status }}</span>
										@elseif($application->application_status == 'Approved')
											<span class="badge bg-green rounded-pill">{{ $application->application_status }}</span>
										@elseif($application->application_status == 'Disapproved')
											<span class="badge bg-red rounded-pill">{{ $application->application_status }}</span>
										@endif
									</div>
								</div>
								
								<br><br>

								<div class="col-12 text-center">
									@if(Auth::user()->hasRole('Student'))
										<a class="btn btn-sm btn-violet rounded-pill me-2" href="{{ url('/applicationstatus') }}">
											<i class="uil uil-back"></i> Back
										</a>
									@endif

									@if(Auth::user()->hasRole('Admin'))
										<a class="btn btn-sm btn-violet rounded-pill me-2" 
										   href="{{ url('/applicationlist', [$application->openround_year, $application->openround_semester, $application->openround_id]) }}">
											<i class="uil uil-back"></i> Back
										</a>
									@endif
								</div>

							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>


	@include('layouts.footer')
    
@endsection