@extends('layouts.master')
    
@section('title', 'Schedule Add/Edit')
    
@section('style')

@endsection
    
@section('script')
	<script>
        $('#schedule_image').change(function(){
			check_upload_picture('schedule_image');
		})
		
		$('#schedule_file').change(function(){
			check_upload_pdf('schedule_file');
		})
		
					document.getElementById('schedule_image').required = true;
			document.getElementById('schedule_file').required = true;
			</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('/scheduleedit') }}" enctype="multipart/form-data">
										{{ csrf_field() }}
										
										<input name="schedule_id" value="{{ $schedule_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="schedule_year" type="text" name="schedule_year" class="form-control" placeholder="Schedule Year" required
														   value="{{ $schedule_year }}" autocomplete="off">
													<label>Schedule Year *</label>
												</div>
											</div>
											
											<div class="col-md-6">
												<div class="form-floating mb-4">
													<input id="schedule_semester" type="text" name="schedule_semester" class="form-control" placeholder="Schedule Semester" required
														   value="{{ $schedule_semester }}" autocomplete="off">
													<label>Schedule Semester *</label>
												</div>
											</div>
											
											<div class="col-md-12">
												<div class="form-floating mb-4">
													<input id="schedule_name" type="text" name="schedule_name" class="form-control" placeholder="Schedule Name" 
														   required value="{{ $schedule_name }}" autocomplete="off">
													<label>Schedule Name *</label>
												</div>
											</div>
											
											<div class="col-md-6">
												<label class="btn btn-primary btn-sm" style="cursor:pointer" >
													Browse Image * <input type="file" name="schedule_image" id="schedule_image" accept=".png, .jpg, .jpeg, .gif" 
																		  style="display: none;">
												</label>
												<span id="show_schedule_image">@if($schedule_image != '') {{ explode(',,', $schedule_image)[0] }} @endif</span>
												<div style="color: red; font-size: 12px; font-style: italic">.jpg, .jpeg, .png, .gif only</div>
											</div>
											
											<div class="col-md-6">
												<label class="btn btn-primary btn-sm" style="cursor:pointer" >
													Browse File * <input type="file" name="schedule_file" id="schedule_file" accept=".pdf" style="display: none;">
												</label>
												<span id="show_schedule_file">@if($schedule_image != '') {{ explode(',,', $schedule_file)[0] }} @endif</span>
												<div style="color: red; font-size: 12px; font-style: italic">.pdf only</div>
											</div>
											
											<div class="col-md-6">
												<br>
												<div class="form-select-wrapper mb-4">
													<select id="schedule_status" name="schedule_status" class="form-select" required>
														<option value="">Status</option>
														<option value="Active" @if($schedule_status == 'Active') selected @endif>Active</option>
														<option value="Inactive" @if($schedule_status == 'Inactive') selected @endif>Inactive</option>
													</select>
												</div>
											</div>

											<div class="col-12 text-center" style="margin-top: 50px">
												<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('/schedulelist') }}">
													<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