@extends('layouts.master')
    
@section('title', 'Open Round')
    
@section('style')
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-timepicker/0.5.2/css/bootstrap-timepicker.min.css">
	<style>
		input[type="time"]::-webkit-inner-spin-button,
		input[type="time"]::-webkit-outer-spin-button {
			-webkit-appearance: inner-spin-button !important;
			opacity: 1 !important;
		}
		
		.glyphicon-chevron-up{
			background-color: antiquewhite !important
		}
	</style>
@endsection
    
@section('script')
	<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-timepicker/0.5.2/js/bootstrap-timepicker.min.js"></script>
	<script src="{{ asset('/plugin/tinymce/js/tinymce/tinymce.min.js') }}"></script>
	<script>
		$(document).ready(function(){
			$('#openround_datefrom').datepicker({ format: 'yyyy-mm-dd', autoclose: true, todayHighlight: true });
			$('#openround_dateto').datepicker({ format: 'yyyy-mm-dd', autoclose: true, todayHighlight: true });
			$('#openround_timefrom').timepicker({ showMeridian: false, defaultTime: false });
			$('#openround_timeto').timepicker({ showMeridian: false, defaultTime: false });
		});
		
		tinymce.init({
			selector: '#openround_email',
			plugins: 'advlist autolink lists link',
			toolbar: 'undo redo | formatselect | bold italic underline | bullist numlist outdent indent',
			height: 400,
			valid_elements: 'p[style],strong,em,ul,ol,li,a[href]',
			content_css: '/css/tinymce.css' // ปรับแต่งสไตล์เองได้
		});
	</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-12">
					<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">

								<form class="contact-form" method="post" action="{{ url('/openroundedit') }}" enctype="multipart/form-data">
									{{ csrf_field() }}
										
									<input name="openround_id" value="{{ $openround_id }}" type="hidden">
										
									<div class="messages"></div>
									<div class="row gx-4">
										
										<div class="col-md-6">
											<div class="form-floating mb-4">
												<input id="openround_year" type="text" name="openround_year" class="form-control" placeholder="Year" required 
													   value="{{ $openround_year }}" autocomplete="off">
												<label>Year *</label>
											</div>
										</div>
										
										<div class="col-md-6">
											<div class="form-floating mb-4">
												<input id="openround_semester" type="text" name="openround_semester" class="form-control" placeholder="Semester" required 
													   value="{{ $openround_semester }}" autocomplete="off">
												<label>Semester *</label>
											</div>
										</div>
										
										<div class="col-md-12">
											<div class="form-floating mb-4">
												<input id="openround_name" type="text" name="openround_name" class="form-control" placeholder="Round Name" required 
													   value="{{ $openround_name }}" autocomplete="off">
												<label>Round Name *</label>
											</div>
										</div>
										
										<div class="col-md-12">
											<div class="form-floating mb-4">
												<select id="openround_scholarship" name="openround_scholarship" class="form-select" required>
													<option value=""></option>
													@foreach($scholarship_type as $new_scholarship_type)
														<option value="{{ $new_scholarship_type->scholarship_type_id }}" 
															{{ old('openround_scholarship', $openround_scholarship ) == $new_scholarship_type->scholarship_type_id ? 'selected' : '' }}>
															{{ $new_scholarship_type->scholarship_type_name }}
														</option>
													@endforeach
												</select>
												<label>Scholarship Type *</label>
											</div>
										</div>
										
										<div class="col-md-3">
											<div class="form-floating mb-4">
												<input id="openround_datefrom" type="text" name="openround_datefrom" class="form-control datepicker" placeholder="Date Start" required 
													   value="{{ $openround_datefrom }}" autocomplete="off">
												<label>Date Start *</label>
											</div>
										</div>
										
										<div class="col-md-3">
											<div class="form-floating mb-4">
												<input id="openround_timefrom" type="text" name="openround_timefrom" class="form-control timepicker" placeholder="Time Start" required 
													   value="{{ $openround_timefrom }}" autocomplete="off">
												<label>Time Start *</label>
											</div>
										</div>
										
										<div class="col-md-3">
											<div class="form-floating mb-4">
												<input id="openround_dateto" type="text" name="openround_dateto" class="form-control datepicker" placeholder="Date End" required 
													   value="{{ $openround_dateto }}" autocomplete="off">
												<label>Date End *</label>
											</div>
										</div>
										
										<div class="col-md-3">
											<div class="form-floating mb-4">
												<input id="openround_timeto" type="text" name="openround_timeto" class="form-control timepicker" placeholder="Time End" required 
													   value="{{ $openround_timeto }}" autocomplete="off">
												<label>Date End *</label>
											</div>
										</div>
										
										<div class="col-md-6">
											<div class="form-floating mb-4">
												<input id="openround_gpa_year" type="text" name="openround_gpa_year" class="form-control" placeholder="Request CGPA of (Year)" required 
													   value="{{ $openround_gpa_year }}" autocomplete="off">
												<label>Request CGPA of (Year) *</label>
											</div>
										</div>
										
										<div class="col-md-6">
											<div class="form-floating mb-4">
												<input id="openround_gpa_semester" type="text" name="openround_gpa_semester" class="form-control" 
													   placeholder="Request CGPA of (Semester)" required value="{{ $openround_gpa_semester }}" autocomplete="off">
												<label>Request CGPA of (Semester) *</label>
											</div>
										</div>
										
										<div class="col-md-12">
											<div class="form-floating mb-4">
												<textarea id="openround_remark" name="openround_remark" class="form-control" placeholder="Remark" style="height: 100px"
														  required>{{ $openround_remark }}</textarea>
												<label>Remark</label>
											</div>
										</div>
										
										<div class="col-md-12">
											<div class="form-floating mb-4">
												<textarea style="hidden" id="openround_email" name="openround_email" class="form-control" placeholder="Email" 
														  cols="10">{{ $openround_email }}</textarea>
												<label></label>
											</div>
										</div>

										<div class="col-12 text-center" style="margin-top: 20px">
											<input type="submit" class="btn btn-sm btn-primary rounded-pill btn-send mb-3" value="Submit">

											<a class="btn btn-sm btn-violet rounded-pill btn-send mb-3" href="{{ url('/openroundlist', [$year, $semester]) }}">
												<i class="uil uil-back"></i> Back
											</a>

											<p class="text-muted"><strong>*</strong> These fields are required.</p>
										</div>
										
									</div>
								</form>

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


	@include('layouts.footer')
    
@endsection