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

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

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

@section('content')

    @include('layouts.header')


	@include('layouts.title')


	<section class="wrapper bg-light">
		<div class="container py-5 py-md-5" style="display: flex; justify-content: center; align-items: center; height: 50vh;">
			<div class="card" style="width: 100%; max-width: 600px; background: white; border-radius: 8px; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); padding: 20px;">
				<div style="margin-bottom: 10px; display: flex;">
					<div style="flex: 1; font-weight: bold; text-indent: 20px;">Academic Name:</div>
					<div style="flex: 1; color: #555;">{{ $academic->academic_name }}</div>
				</div>
				<div style="margin-bottom: 10px; display: flex;">
					<div style="flex: 1; font-weight: bold; text-indent: 20px;">Semester 1:</div>
					<div style="flex: 1; color: #555;">{{ $academic->academic_from1 }} to {{ $academic->academic_to1 }}</div>
				</div>
				<div style="margin-bottom: 10px; display: flex;">
					<div style="flex: 1; font-weight: bold; text-indent: 20px;">Semester 2:</div>
					<div style="flex: 1; color: #555;">{{ $academic->academic_from2 }} to {{ $academic->academic_to2 }}</div>
				</div>
				<div style="margin-bottom: 10px; display: flex;">
					<div style="flex: 1; font-weight: bold; text-indent: 20px;">Semester 3:</div>
					<div style="flex: 1; color: #555;">{{ $academic->academic_from3 }} to {{ $academic->academic_to3 }}</div>
				</div>
			</div>
		</div>
	</section>
	

    @include('layouts.footer')

@endsection