@extends('layouts.master')
    
@section('title', 'Sign Up')
    
@section('style')
	<style>

	</style>
@endsection
    
@section('script')
	<script>
		$('#student_curriculum').select2();
		$('#student_advisor').select2();
	</script>
@endsection
    
@section('content')
    
	@include('layouts.header')

	<section class="wrapper image-wrapper bg-image bg-overlay text-white" data-image-src="{{ asset('/sandbox/img/photos/bg3.jpg') }}">
		<div class="container pt-17 pb-20 pt-md-19 pb-md-21 text-center">
			<div class="row">
				<div class="col-lg-8 mx-auto">
					<h1 class="display-1 mb-3" style="color: #fff !important">Sign Up</h1>
				</div>
			</div>
		</div>
	</section>

	<section class="wrapper bg-light">
		<div class="container pb-14 pb-md-16">
			<div class="row">
				<div class="col-lg-7 col-xl-6 col-xxl-5 mx-auto mt-n20">
					<div class="card">
						<div class="card-body p-11 text-center">
							<h2 class="mb-3 text-start">Sign up to Scholarship System</h2>
							<p class="lead mb-6 text-start">Registration takes less than a minute.</p>

							<form class="text-start mb-3" method="post" action="{{ url('/signupsave') }}">
                				{{ csrf_field() }}
								
								<div class="form-floating mb-4">
									<input type="text" class="form-control" placeholder="Student ID" name="student_code" id="student_code" required autocomplete="off"
										   value="@if(!empty(trim(old('student_code')))){{ trim(old('student_code')) }}@endif">
									<label>Student ID</label>
								</div>
								
								<div class="form-floating mb-4">
									<input type="text" class="form-control" placeholder="First Name" name="student_firstname" id="student_firstname" required autocomplete="off"
										   value="@if(!empty(trim(old('student_firstname')))){{ trim(old('student_firstname')) }}@endif">
									<label>First Name</label>
								</div>
								
								<div class="form-floating mb-4">
									<input type="text" class="form-control" placeholder="Last Name" name="student_lastname" id="student_lastname" required autocomplete="off"
										   value="@if(!empty(trim(old('student_lastname')))){{ trim(old('student_lastname')) }}@endif">
									<label>Last Name</label>
								</div>
								
								<div class="form-select-wrapper mb-4">
									<select class="form-select" name="student_curriculum" id="student_curriculum" required>
										<option value="">Select Curriculum</option>
										@foreach($curriculum as $new_curriculum)
											<option @if(!empty(trim(old('student_curriculum'))))@if(trim(old('student_curriculum'))==$new_curriculum->curriculum_id) selected @endif @endif 
												value="{{ $new_curriculum->curriculum_id }}">
												{{ $new_curriculum->curriculum_name }}
											</option>
										@endforeach
									</select>
								</div>
								
								<div class="form-select-wrapper mb-4">
									<select class="form-select" name="student_advisor" id="student_advisor" required>
										<option value="">Select Advisor</option>
										@foreach($faculty as $new_faculty)
											<option @if(!empty(trim(old('student_advisor'))))@if(trim(old('student_advisor'))==$new_faculty->faculty_userid) selected @endif @endif
												value="{{ $new_faculty->faculty_userid }}">
												{{ $new_faculty->faculty_title }} {{ $new_faculty->faculty_firstname }} {{ $new_faculty->faculty_lastname }}
											</option>
										@endforeach
									</select>
								</div>
								
								<input class="btn btn-primary rounded-pill btn-login w-100 mb-2" type="submit" name="signup" value="Sign Up">
							</form>

							<div class="divider-icon my-4">or</div>
	
							<p class="mb-0">Already have an account? <a href="{{ url('/') }}" data-bs-toggle="modal" data-bs-target="#modal-03" class="hover">Log in</a></p>

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


	@include('layouts.footer')
    
@endsection