@extends('layouts.master')
@section('title', 'Academic Year')

@section('style')
    <style></style>
@endsection

@section('script')
    <script>
        $('#from1').datepicker({format: 'yyyy-mm-dd',autoclose: true});
		$('#from2').datepicker({format: 'yyyy-mm-dd',autoclose: true});
		$('#from3').datepicker({format: 'yyyy-mm-dd',autoclose: true});
		
		$('#to1').datepicker({format: 'yyyy-mm-dd',autoclose: true});
		$('#to2').datepicker({format: 'yyyy-mm-dd',autoclose: true});
		$('#to3').datepicker({format: 'yyyy-mm-dd',autoclose: true});
    </script>
@endsection

@section('content')

    @include('layouts.header')


    {{-- <section class="video-wrapper bg-overlay bg-overlay-gradient px-12 mt-0 min-vh-60 bg-cover bg-image"
        data-image-src="{{ asset('/bg/bg_01_new.png') }}"
        style="background-image: url({{ asset('/bg/bg_01_new.png') }}); background-size: 100%; background-position: center;">
        <div class="video-content">
            <div class="container text-center">
                <div class="row">
                    <div class="col-lg-8 col-xl-6 text-center text-white mx-auto">
                        <h1 class="display-1 fs-54 text-white mb-5"><span class="rotator-zoom">@yield('title')</span></h1>
                    </div>
                </div>
            </div>
        </div>
    </section> --}}

	@include('layouts.title')


    <section class="wrapper bg-light">
        <div class="container py-15 py-md-17">
            {{-- <div class="row text-center mb-10">
                <div class="col-md-10 col-lg-9 col-xxl-8 mx-auto">
                    <h3 class="display-3 px-xl-10 mb-0"> CCCCCCC</h3>
                </div>

            </div> --}}

            <div class="col-md-12">
                <h5 class="display-1 mb-3" style="font-size: 30px">Academic Year Add/Edit</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">
                        
							<div class="row">
								<div class="col-lg-12">

									<form class="contact-form" method="post" action="{{ url('/academicedit') }}">
										{{ csrf_field() }}
										
										<input type="hidden" name="academic_id" value="{{ $academic_id }}">
										
										<div class="messages"></div>
										<div class="row gx-4">

											<div class="col-md-12">
												<div class="form-floating mb-4">
													<input id="academic_name" type="text" name="academic_name" class="form-control" placeholder="Academic Year Name" required
														   value="{{ $academic_name }}">
													<label for="form_lastname">Academic Year Name *</label>
													<div class="valid-feedback">Looks good!</div>
													<div class="invalid-feedback">Please enter Academic Year Name.</div>
												</div>
											</div>

											<div class="col-md-6">
												<div class="form-floating mb-4">
													<input id="from1" type="text" name="from1" class="form-control" placeholder="Date form" required autocomplete="off"
														   value="{{ $from1 }}">
													<label for="form_lastname">Semester 1 from *</label>
												</div>
											</div>
											
											 <div class="col-md-6">
												<div class="form-floating mb-4">
													<input id="to1" type="text" name="to1" class="form-control" placeholder="Semester 1 to" required
														   value="{{ $to1 }}">
													<label for="form_lastname">Semester 1 to *</label>
												</div>
											</div>
											
											<div class="col-md-6">
												<div class="form-floating mb-4">
													<input id="from2" type="text" name="from2" class="form-control" placeholder="Semester 2 form" required
														   value="{{ $from2 }}">
													<label for="form_lastname">Semester 2 from *</label>
												</div>
											</div>
											
											<div class="col-md-6">
												<div class="form-floating mb-4">
													<input id="to2" type="text" name="to2" class="form-control" placeholder="Semester 2 to" required
														   value="{{ $to2 }}">
													<label for="form_lastname">Semester 2 to *</label>
												</div>
											</div>
											
											<div class="col-md-6">
												<div class="form-floating mb-4">
													<input id="from3" type="text" name="from3" class="form-control" placeholder="Semester 3 form" required
														   value="{{ $from3 }}">
													<label for="form_lastname">Semester 3 from *</label>
												</div>
											</div> 
											
											<div class="col-md-6">
												<div class="form-floating mb-4">
													<input id="to3" type="text" name="to3" class="form-control" placeholder="Date to" required autocomplete="off"
														   value="{{ $to3 }}">
													<label for="form_lastname">Semester 3 to *</label>
												</div>
											</div>
											
											

											<div class="col-12 text-center">
												<input type="submit" class="btn btn-primary rounded-pill btn-send mb-3" value="Submit">
												<p class="text-muted"><strong>*</strong> These fields are required.</p>
											</div>
										
										</div>
									</form>
								</div>
							</div>

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

    </section>

        @include('layouts.footer')

    @endsection