@extends('layouts.master')
    
@section('title', 'Request Recommendation')
    
@section('style')
	<style>
		.font_topic{
			font-weight: bold;
			color: black !important;
		}
		
		.table> :not(caption)>*>* {
			padding: 0.5rem 0.5rem;
			color: black;
		}
		
		.radio-large {
			transform: scale(2.5);
			margin-right: 30px;
		}
	</style>
@endsection
    
@section('script')
	<script>
		$('#flow_result1').click(function(){
			$('#btn_submit').show();
		})
		
		$('#flow_result2').click(function(){
			$('#btn_submit').show();
		})
	</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" style="color: #333 !important; font-size: 18px">
								
								<div align="right">
									<a href="{{ url('/academicgetedit', 0) }}" class="btn btn-sm btn-green rounded-pill me-2">
										<i class="uil uil-print"></i> Print
									</a>
								</div>
								
								<div class="row" style="font-size: 16px">
									<div class="col-md-3"></div>
									<div class="col-md-6" align="center" style="border: solid #eee 1px; border-radius: 5px">
										<br>
										<img class="rounded-circle w-18 mx-auto mb-4" src="{{ asset('/picture/'.$member->user_picture) }}" alt="" />
										<h4 class="mb-1">{{ $member->user_title." ".$member->user_fullname }}</h4>

										<div class="meta mb-2">{{ $member->user_position }}</div>
										<div style="padding: 10px 30px 30px 30px; text-align: left">
											<span style="color: blue; font-weight: bold">ID :</span> {{ $member->user_staff_no }} <br>
											<span style="color: blue; font-weight: bold">Email :</span> {{ $member->email }} <br>
											<span style="color: blue; font-weight: bold">School/Division :</span> {{ $member->school_shortname }} <br>
											<span style="color: blue; font-weight: bold">Role Type :</span> {{ $member->member_role_name }} ({{ $member->member_role_type }}) <br>
											<span style="color: blue; font-weight: bold">Member Type :</span> {{ $member->member_type_name }} <br>
											<span style="color: blue; font-weight: bold">Start Working :</span> {{ date("j M Y", strtotime($member->user_working)) }}
										</div>
									</div>
									<div class="col-md-3"></div>
								</div>
								
								<br>
								
								<!-- <table class="table table-bordered" style="font-size: 15px">
									<thead>
										<tr style="text-align: center; vertical-align: middle; color: black !important">
											<th rowspan="2">Type of Leave</th>
											<th colspan="3">Number of Leave Days</th>
										</tr>
										<tr style="text-align: center; vertical-align: middle; color: black !important">
											<th>Available</th>
											<th>Already Used</th>
											<th>Remaining</th>
										</tr>
									</thead>
									<tbody>
										@foreach($request_type as $type)
										
											@php $count_request = RequestController::count_request($request->request_year, $type, $request->request_userid) @endphp
										
											<tr style="text-align: center; vertical-align: middle">
												<td>{{ $type }}</td>
												<td>
													@if($type == 'Sick Leave')
														{{ $member->member_type_sick }}
													@elseif($type == 'Business Leave')
														{{ $member->member_type_business }}
													@elseif($type == 'Annual Leave')
														{{ $member->member_type_annual }}
													@elseif($type == 'Others')
														
													@endif
												</td>
												<td>
													{{ $count_request }}
												</td>
												<td>
													@if($type == 'Sick Leave')
														{{ ($member->member_type_sick)-$count_request }}
													@elseif($type == 'Business Leave')
														{{ ($member->member_type_business)-$count_request }}
													@elseif($type == 'Annual Leave')
														{{ ($member->member_type_annual)-$count_request }}
													@elseif($type == 'Others')
														
													@endif
												</td>
											</tr>
										@endforeach
									</tbody>
								</table>
								
								<br> -->
								
								<div class="row">
									<div class="col-md-3 font_topic">Status :</div>
									<div class="col-md-9">
										@if($request->request_status == 'Requested')
											<span class="badge bg-blue rounded-pill">{{ $request->request_status }}</span>
										@elseif($request->request_status == 'In process')
											<span class="badge bg-yellow rounded-pill">{{ $request->request_status }}</span>
										@elseif($request->request_status == 'Approved')
											<span class="badge bg-green rounded-pill">{{ $request->request_status }}</span>
										@elseif($request->request_status == 'Disapproved' || $request->request_status == 'Request Cancel' || $request->request_status == 'Cancel')
											<span class="badge bg-red rounded-pill">{{ $request->request_status }}</span>
										@endif
									</div>
								</div>
								
								<div class="row">
									<div class="col-md-3 font_topic">Academic Year :</div>
									<div class="col-md-9">{{ $request->request_year }}</div>
								</div>
								
								<div class="row">
									<div class="col-md-3 font_topic">Name :</div>
									<div class="col-md-9">{{ $request->user_title." ".$request->user_fullname }}</div>
								</div>
								
								<div class="row">
									<div class="col-md-3 font_topic">Position :</div>
									<div class="col-md-9">{{ $request->request_position }}</div>
								</div>
								
								<div class="row">
									<div class="col-md-3 font_topic">School/Division :</div>
									<div class="col-md-9">{{ $request->request_section }}</div>
								</div>
								
								<div class="row">
									<div class="col-md-3 font_topic">Type for Leave :</div>
									<div class="col-md-9">
										@if($request->request_type == '1')
											Sick Leave ({{ $sick_type[$request->request_sick_type] }} @if($request->request_sick_type == '1') {{ $request->request_notify }} @endif)
										@elseif($request->request_type == '2')
											Business Leave ({{ $business_type[$request->request_business_type] }})
										@elseif($request->request_type == '3')
											Annual Leave
										@elseif($request->request_type == '4')
											Others ({{ $specify_type[$request->request_specify_type] }})
										@endif
									</div>
								</div>
								
								<div class="row">
									<div class="col-md-3 font_topic">Reason for Leave :</div>
									<div class="col-md-9">
										{{ $request->request_reason }}
									</div>
								</div>
								
								<div class="row">
									<div class="col-md-3 font_topic">From Date :</div>
									<div class="col-md-9">
										{{ date("d M Y", strtotime($request->request_from)) }}
									</div>
								</div>
								
								<div class="row">
									<div class="col-md-3 font_topic">To Date :</div>
									<div class="col-md-9">
										{{ date("d M Y", strtotime($request->request_to)) }}
									</div>
								</div>
								
								<div class="row">
									<div class="col-md-3 font_topic">Total :</div>
									<div class="col-md-9">
										{{ $request->request_total }} Day(s)
									</div>
								</div>
								
								<div class="row" style="margin-top: 20px; margin-bottom: 20px">
									<div class="col-md-12">
										<div style="border: solid #eee 1px; border-radius: 5px; padding: 20px 0px 20px 0px">
											
											@foreach($request_detail as $key=>$new_detail)
												<div class="row">
													<div class="col-md-3 font_topic" style="padding-left: 40px">#{{ ++$key }} Date :</div>
													<div class="col-md-9">
														{{ date("d M Y", strtotime($new_detail->request_detail_from)) }} - {{ date("d M Y", strtotime($new_detail->request_detail_to)) }} 
														/ {{ $new_detail->request_detail_total }} day(s) 
														@if($new_detail->request_detail_from == $new_detail->request_detail_to)
															({{ $request_time[$new_detail->request_detail_time] }})
														@endif
													</div>
												</div>
											@endforeach
											
										</div>
									</div>
								</div>
								
								@if(count($request_file) != '0')
									<div class="row" style="margin-top: 20px; margin-bottom: 50px">
										<div class="col-md-12">
											<div style="border: solid #eee 1px; border-radius: 5px; padding: 20px 0px 20px 0px">

												@foreach($request_file as $key=>$new_file)
													<div class="row">
														<div class="col-md-3 font_topic" style="padding-left: 40px">#{{ ++$key }} File :</div>
														<div class="col-md-9">
															@php $file_name = explode('/', $new_file->request_file_name) @endphp

															<a href="{{ asset('/request/'.$file_name[1]) }}" target="_blank">
																<span class="badge bg-green rounded-pill">{{ $file_name[0] }}</span>
															</a>
														</div>
													</div>
												@endforeach

											</div>
										</div>
									</div>
								@endif
								
								@if($request->user_role == 'Faculty')
									<div class="col-md-12" style="margin-top: 20px; margin-bottom: 50px; font-size: 16px">
										For cases of taking Business Leave or Annual Leave, please specify the following information:
										<div style="padding-left: 20px">
											- Is the leave during the registration period : {{ explode(',,', $request->request_answer)[0] }} <br>
											- Are there classes taught by you during your leave : {{ explode(',,', $request->request_answer)[1] }} <br>
											- Do you have office hours during your leave : {{ explode(',,', $request->request_answer)[2] }} <br>
											- Do you have any SIIT meetings during your leave : {{ explode(',,', $request->request_answer)[3] }} <br>
											- If there is any 'Yes' answer, please explain how you will take care of the classes or students or how you will handle the meeting(s) : 
											{{ explode(',,', $request->request_answer)[4] }}
										</div>
									</div>
								@endif
								
								@if($request->request_type == '2' || $request->request_type == '3')
									@if(RequestController::check_date_submit( RequestController::get_request_create($request->request_id), $request->request_from ) == '1')
										<div align="center" style="font-style: italic; color: red; font-weight: bold">
											<br>
											Business and Annual Leaves must be submitted at least 3 days in advance and approved before the requested date. <br>
											(การลากิจและลาพักผ่อนต้องยื่นใบลาล่วงหน้าไม่น้อยกว่า 3 วันทำการ/ได้รับอนุญาตจากผู้บังคับบัญชาต้นสังกัด)
										</div>
									@endif
								@endif
								
								<hr>
								
								<form class="contact-form" method="post" action="{{ url('/requestflowsave') }}" enctype="multipart/form-data">
									{{ csrf_field() }}

									<input name="flow_id" value="{{ $flow_id }}" type="hidden">
									
									<div class="messages"></div>
									<div class="row gx-4">
										
										<div class="col-md-12" style="margin-bottom: 20px" align="center">
											<div class="form-check mb-4">
												<label class="form-check-label" style="margin-right: 80px" id="flow_result1">
													<input class="form-check-input radio-large" type="radio" name="flow_result" value="{{ $request->flow_activity }}">
													{{ $request->flow_activity }}
												</label>
												
												<label class="form-check-label" id="flow_result2">
													<input class="form-check-input radio-large" type="radio" name="flow_result" value="Disapproved">
													Disapproved
												</label>
											</div>
										</div>
										
										<div class="col-md-12" style="margin-bottom: 50px">
											<div class="form-floating mb-4">
												<textarea id="flow_comment" name="flow_comment" class="form-control" placeholder="Comment (if any)" style="height: 150px"></textarea>
												<label>Comment (if any)</label>
											</div>
										</div>
										
										<div class="col-12 text-center">
											<input type="submit" class="btn btn-primary rounded-pill btn-send mb-3" value="Submit" style="display: none" id="btn_submit"
												   onclick="return confirm('Confirm submit recommendation ?');">

											<a class="btn btn-red rounded-pill btn-send mb-3" href="{{ url('/requestflowlist') }}">
												<i class="uil uil-back"></i> Back
											</a>
										</div>
										
									</div>
								</form>
									
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>


	@include('layouts.footer')
    
@endsection