@extends('layouts.master')
    
@section('title', 'Accrued Annual Leave')
    
@section('style')

@endsection
    
@section('script')
	<script>
		$('select').select2();

		document.addEventListener('DOMContentLoaded', function () {
			const inputs = document.querySelectorAll('input.accrued-input');

			inputs.forEach(function (input) {
				input.addEventListener('input', function () {
					// ลบอักขระที่ไม่ใช่ตัวเลขหรือจุดทศนิยม
					let value = this.value.replace(/[^0-9.]/g, '');

					// ถ้ามีจุดมากกว่า 1 ตัว ให้เก็บแค่ตัวแรก
					const parts = value.split('.');
					if (parts.length > 2) {
						value = parts[0] + '.' + parts[1];
					}

					// จำกัดทศนิยมไม่เกิน 1 ตำแหน่ง
					if (parts[1]) {
						parts[1] = parts[1].substring(0, 1);
						value = parts[0] + '.' + parts[1];
					}

					this.value = value;
				});
			});
		});
	</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') : {{ $school_get->school_shortname }} ({{ $year }})</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('/accruededit') }}" enctype="multipart/form-data">
									{{ csrf_field() }}
									
									<input name="year" value="{{ $year }}" type="hidden">
									<input name="school_id" value="{{ $school_id }}" type="hidden">
									
									<table id="example" width="100%" class="table table-striped table-hover">
										<thead>
											<tr>
												<th width="10%">No.</th>
												<th>Member Name</th>
												<th>Accrued (day(s))</th>
											</tr>
										</thead>
										<tbody>
											@foreach($member as $key=>$new_member)
												<tr>
													<td align="center">{{ ++$key }}</td>
													<td>{{ $new_member->user_title }} {{ $new_member->user_fullname }}</td>
													<td>
														<input class="form-control accrued-input" type="text" name="accrued{{ $new_member->user_userid }}" 
															   id="accrued{{ $new_member->user_userid }}"
															   value="{{ AccruedController::annual_search($year, $new_member->user_userid) }}">
													</td>
												</tr>
											@endforeach
										</tbody>
									</table>
									
									<div class="col-12 text-center" style="margin-top: 50px">
										<input type="submit" class="btn btn-primary rounded-pill btn-send mb-3" value="Submit">

										<a class="btn btn-red rounded-pill btn-send mb-3" href="{{ url('/accruedview', [$year, $school_id]) }}">
											<i class="uil uil-back"></i> Back
										</a>
									</div>
									
								</form>

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


	@include('layouts.footer')
    
@endsection