@extends('layouts.master')
    
@section('title', 'Course List')
    
@section('style')
	<style>
		ul.pagination li { padding:5px 10px 5px 10px; border:1px #ddd solid }
		ul li.active { background-color:#ddd }
		.search { border:#007bff 1px solid; height:24px; border-radius:0px }
				
		a { text-decoration:none }
        /* .change_button { font-size:30px; color: #ddd !important; cursor:pointer} */
		.year_button   { font-size:23px; margin-left:10px; margin-right:10px }
	</style>

@endsection
    
@section('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">
								<i class="uil uil-arrow-circle-right"></i>
								
								<!-- <div align="left">
									<a href="{{ url('/courselist', [$year-1, $semester]) }}" class="btn btn-circle btn-primary btn-sm"><i class="uil uil-angle-left-b change_button"></i></a>
									<span id="year" class="year_button"></span>
									<a href="{{ url('/courselist', [$year+1, $semester]) }}" class="btn btn-circle btn-primary btn-sm"><i class="uil uil-angle-right-b change_button"></i></a>

									<a href="{{ url('/courselist', [$year, 1]) }}" class="btn btn-circle btn-soft-primary btn-sm">
										<span class="year_button" >1</span>
									</a>
									<a href="{{ url('/courselist', [$year, 2]) }}" class="btn btn-circle btn-soft-primary btn-sm">
										<span class="year_button" >2</span>
									</a>
									<a href="{{ url('/courselist', [$year, 3]) }}" class="btn btn-circle btn-soft-primary btn-sm">
										<span class="year_button" >3</span>
									</a>
								</div>

								<div align="right">
									<a class="btn btn-sm btn-violet rounded-pill me-2 scroll" href="{{ url('/coursegetedit', 0) }}">
										<i class="uil uil-user-plus"></i> Add
									</a>
								</div> -->

								<div class="d-flex justify-content-between align-items-center">
									<div>
										<a href="{{ url('/courselist', [$year-1, $semester]) }}" class="btn btn-circle btn-primary btn-sm">
											<i class="uil uil-angle-left-b change_button"></i>
										</a>
										<span id="year" class="year_button"></span>
										<a href="{{ url('/courselist', [$year+1, $semester]) }}" class="btn btn-circle btn-primary btn-sm">
											<i class="uil uil-angle-right-b change_button"></i>
										</a>

										<a href="{{ url('/courselist', [$year, 1]) }}" class="btn btn-circle btn-soft-primary btn-sm">
											<span class="year_button" >1</span>
										</a>
										<a href="{{ url('/courselist', [$year, 2]) }}" class="btn btn-circle btn-soft-primary btn-sm">
											<span class="year_button" >2</span>
										</a>
										<a href="{{ url('/courselist', [$year, 3]) }}" class="btn btn-circle btn-soft-primary btn-sm">
											<span class="year_button" >3</span>
										</a>
									</div>

									

									<div>
										<a class="btn btn-sm btn-primary rounded-pill me-2" href="{{ url('/courseimport') }}">
											<i class="uil uil-import"></i> Import
										</a> 
										

										<a class="btn btn-sm btn-violet rounded-pill me-2" href="{{ url('/coursegetedit', 0) }}">
											<i class="uil uil-plus"></i> Add
										</a>
									</div>
								</div>

								<hr>
								
								
								<table id="example" width="100%" class="table table-striped table-hover">
									<thead>
										<tr>
											<th width='10%'>No.</th>
											<th>Course</th>
											<th>Section</th>
											<th>Level</th>
											<th>School/Program</th>
											<th width='15%'>Action</th>
										</tr>
									</thead>
									<tbody>
										
										@foreach($course as $key=>$new_course)
										<tr>
											<td align="center">{{ ++$key }}</td>
											<td>{{ $new_course->course_code.' '.$new_course->course_title }}</td>
											<td>{{ $new_course->course_section }}</td>
											<td>{{ $new_course->course_level }}</td>
											<td>{{ $new_course->course_school.' / '.$new_course->course_program }}</td>
											<td align="center">
												<a href='{{ url('/courseview', [$new_course->course_year, $new_course->course_semester, $new_course->course_section, $new_course->course_code]) }}' class="btn btn-circle btn-success btn-sm" title="View">
													<i class="uil uil-eye"></i>
												</a>



												@if(Auth::user()->hasRole('Admin-Consult') || Auth::user()->hasRole('Admin'))

													<a href="{{ url('/coursedelete', [$new_course->course_year, $new_course->course_semester, $new_course->course_section, $new_course->course_code])}}" class="btn btn-circle btn-danger btn-sm" title="Delete"
													   onclick="return confirm('Confirm Delete ?');">
														<i class="uil uil-trash-alt"></i>
													</a>
												@endif
											</td>
										</tr>

										@endforeach

									</tbody>
								</table>

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


	@include('layouts.footer')
    
@endsection