@extends('layouts.cmsapp')

@section('cms_content')

	<div class="main-content">
		<div class="row">
			<div class="col-lg-8">
				<h1 class="page-title">Syllabus</h1>

				<ol class="breadcrumb breadcrumb-2">
					<li><a href="#"><i class="fa fa-home"></i>Home</a></li>
					<li class="active"><strong>Syllabus</strong></li>
				</ol>
			</div>

			<div class="col-lg-4">
				<a href="{{ route('deptsyllabus.index') }}" class="btn btn-success pull-right">
					View Model Papers
				</a>
			</div>
		</div>

		<div class="line-dashed"></div>

		{{-- ✅ Flash Messages --}}
		@if(session('fail'))
			<div class="alert alert-warning">
				<button class="close" data-dismiss="alert">×</button>
				<strong>{{ session('fail') }}</strong>
			</div>
		@endif

		@if(session('success'))
			<div class="alert alert-success">
				<button class="close" data-dismiss="alert">×</button>
				<strong>{{ session('success') }}</strong>
			</div>
		@endif

		{{-- ✅ Validation Errors --}}
		@if($errors->any())
			<div class="alert alert-danger">
				<button class="close" data-dismiss="alert">×</button>
				<ul>
					@foreach($errors->all() as $error)
						<li>{{ $error }}</li>
					@endforeach
				</ul>
			</div>
		@endif

		<div class="row">
			<div class="col-lg-12">
				<div class="panel panel-default">

					<div class="panel-body">
						<form method="POST" action="{{ route('deptsyllabus.store') }}" class="form-horizontal"
							enctype="multipart/form-data">
							@csrf

							{{-- Department --}}
							@if(auth()->user()->role != 'U')
								<div class="form-group">
									<label class="col-sm-2 control-label">Department</label>
									<div class="col-sm-6">
										<select class="form-control" name="course">
											<option value="">Select Course</option>

											@foreach ($courses as $course)
												<option value="{{ $course->id }}" {{ old('course') == $course->id ? 'selected' : '' }}>
													{{ $course->subject }}
												</option>
											@endforeach
										</select>
									</div>
								</div>
							@endif

							{{-- Course Type + Year + Semester --}}
							<div class="form-group">
								<label class="col-sm-2 control-label">Course Type</label>

								<div class="col-sm-2">
									<select class="form-control" name="course_type">
										<option value="">Select Course Type</option>
										<option value="UG" {{ old('course_type') == 'UG' ? 'selected' : '' }}>UG</option>
										<option value="PG" {{ old('course_type') == 'PG' ? 'selected' : '' }}>PG</option>
									</select>
								</div>

								<div class="col-sm-2">
									<select class="form-control" name="year">
										<option value="">Year</option>
										@foreach(['I', 'II', 'III'] as $year)
											<option value="{{ $year }}" {{ old('year') == $year ? 'selected' : '' }}>
												{{ $year }} Year
											</option>
										@endforeach
									</select>
								</div>

								<div class="col-sm-2">
									<select class="form-control" name="semister">
										<option value="">Semester</option>
										@foreach(['I', 'II', 'III', 'IV', 'V', 'VI'] as $sem)
											<option value="{{ $sem }}" {{ old('semister') == $sem ? 'selected' : '' }}>
												{{ $sem }} Semester
											</option>
										@endforeach
									</select>
								</div>
							</div>

							{{-- Title --}}
							<div class="form-group">
								<label class="col-sm-2 control-label">Title</label>
								<div class="col-sm-6">
									<input type="text" name="title" class="form-control" value="{{ old('title') }}">
								</div>
							</div>

							{{-- File Upload --}}
							<div class="form-group">
								<label class="col-sm-2 control-label">Upload File</label>
								<div class="col-sm-6">
									<input type="file" name="file" class="form-control">
								</div>
							</div>

							{{-- Submit --}}
							<div class="form-group">
								<div class="col-sm-4 col-sm-offset-2">
									<button type="submit" class="btn btn-primary">Submit</button>
								</div>
							</div>

						</form>
					</div>

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

	</div>

@endsection