@extends('layouts.master')
    
@section('title', 'Open Round')
    
@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 align="right">
					<a class="btn btn-sm btn-violet rounded-pill me-2" href="{{ url('/openroundgetedit', [$openround->openround_year, $openround->openround_semester, $openround->openround_id]) }}">
						<i class="uil uil-pen"></i> Edit
					</a>
				</div>

				<div style="clear: both"></div><br>

				<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">
											{{ $openround->openround_name }}
										</h4>
										<p class="mb-2">{{ $openround->scholarship_type_name }}</p>
									</div>
								</div>

								<hr/>
								
								<div class="row">
									<div class="col-md-3 font_topic">Academic :</div>
									<div class="col-md-9">
										{{ $openround->openround_semester }}/{{ $openround->openround_year }}
									</div>
								</div>
								
								<div class="row">
									<div class="col-md-3 font_topic">Period From :</div>
									<div class="col-md-9">
										{{ date("M j, Y", strtotime($openround->openround_datefrom)) }} 
										{{ date("g:i A", strtotime($openround->openround_timefrom)) }}
									</div>
								</div>
								
								<div class="row">
									<div class="col-md-3 font_topic">Period To :</div>
									<div class="col-md-9">
										{{ date("M j, Y", strtotime($openround->openround_dateto)) }} 
										{{ date("g:i A", strtotime($openround->openround_timeto)) }}
									</div>
								</div>
								
								<div class="row">
									<div class="col-md-3 font_topic">Status :</div>
									<div class="col-md-9">
										@if(date('Y-m-d H:i:s') <= $openround->openround_datefrom.' '.$openround->openround_timefrom)
											<span class="badge bg-blue rounded-pill">Comming</span>
										@else
											@if(isWithinRange(date('Y-m-d H:i:s'), $openround->openround_datefrom.' '.$openround->openround_timefrom, $openround->openround_dateto.' '.$openround->openround_timeto))
												<span class="badge bg-green rounded-pill">Open</span>
											@else
												<span class="badge bg-red rounded-pill">Close</span>
											@endif
										@endif
									</div>
								</div>
									
								<br>
									
								<div class="row">
									<div class="col-md-3 font_topic">Remark :</div>
									<div class="col-md-9" style="text-align: justify">
										{{ $openround->openround_remark }}
									</div>
								</div>
									
								<br>
			
								<div class="row">
									<div style="width: 100%; height: 50px; background-color: purple"></div>
									<div style="width: 100%; background-color: #f5f5f5" align="center">
										<img src="{{ asset('/siitlogo.png') }}" alt="Logo" title="Logo" style="margin-top: 10px; margin-bottom: 10px" width="10%">
									</div>

									<div style="margin: 30px 0px 30px 0px; font-size: 16px; padding: 30px; font-family: Cambria, 'Hoefler Text', 'Liberation Serif', Times, 'Times New Roman', 'serif'">

									{!! $openround->openround_email !!}
	
									</div>

									<div style="width: 100%; background-color: purple; font-size: 14px; font-weight: bold; color: #fff; font-family: Cambria, 'Hoefler Text', 'Liberation Serif', Times, 'Times New Roman', 'serif'" align="center">
										<div style="padding: 30px">
											Scholarship Recipient Timesheet System (STS) <br>
											Sirindhorn International Institute of Technology (SIIT) <br>
											Thammasat University - Rangsit Center 99 Moo 18, Phahonyothin Rd., Tamboon Klong Nueng, Amphur Klong Luang, Pathumthani 12120 Thailand
										</div>
									</div>	
								</div>
								
								<br><br>

								<div class="col-12 text-center">
									<a class="btn btn-sm btn-violet rounded-pill me-2" href="{{ url('/openroundlist', [$openround->openround_year, $openround->openround_semester]) }}">
										<i class="uil uil-back"></i> Back
									</a>
								</div>

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


	@include('layouts.footer')
    
@endsection