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

@endsection
    
@section('script')
	<script>
        $('#applicationform_file').change(function(){
			check_upload_pdf('applicationform_file');
		})
		
					document.getElementById('applicationform_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('/applicationformedit') }}" enctype="multipart/form-data">
										{{ csrf_field() }}
										
										<input name="applicationform_id" value="{{ $applicationform_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="applicationform_year" type="text" name="applicationform_year" class="form-control" placeholder="Application Form Year" required
														   value="{{ $applicationform_year }}" autocomplete="off">
													<label>Application Form Year *</label>
												</div>
											</div>
											
											<div class="col-md-6">
												<div class="form-floating mb-4">
													<input id="applicationform_semester" type="text" name="applicationform_semester" class="form-control" 
														   placeholder="Application Form Semester" required value="{{ $applicationform_semester }}" autocomplete="off">
													<label>Application Form Semester *</label>
												</div>
											</div>
											
											<div class="col-md-12">
												<div class="form-floating mb-4">
													<input id="applicationform_name" type="text" name="applicationform_name" class="form-control" placeholder="Application Form Name" 
														   required value="{{ $applicationform_name }}" autocomplete="off">
													<label>Application Form Name *</label>
												</div>
											</div>
											
											<div class="col-md-12">
												<label class="btn btn-primary btn-sm" style="cursor:pointer" >
													Browse File * <input type="file" name="applicationform_file" id="applicationform_file" accept=".pdf" style="display: none;">
												</label>
												<span id="show_applicationform_file">@if($applicationform_image != '') {{ explode(',,', $applicationform_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="applicationform_status" name="applicationform_status" class="form-select" required>
														<option value="">Status</option>
														<option value="Active" @if($applicationform_status == 'Active') selected @endif>Active</option>
														<option value="Inactive" @if($applicationform_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('/applicationformlist') }}">
													<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