@extends('layouts.master')
    
@section('title', 'Program List')
    
@section('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">

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

								<br>
								
								<table id="example" width="100%" class="table table-striped table-hover">
									<thead>
										<tr>
											<th width="10%">No.</th>
											<th>program Name</th>
											<th>program Shortname</th>
											<th>Code</th>
											<th>Manage</th>
										</tr>
									</thead>
									<tbody>
										@foreach($programs as $key=>$new_program)
											<tr>
												<td align="center">{{ ++$key }}</td>
												<td>{{ $new_program->program_name ?? '-' }}</td>
												<td>{{ $new_program->program_shortname ?? '-' }}</td>
												<td>{{ $new_program->program_code ?? '-' }}</td>
												<td align="center">
													<a href="{{ url('/programgetedit', $new_program->program_id) }}" class="btn btn-circle btn-warning btn-sm" title="Edit">
														<i class="uil uil-pen"></i>
													</a>

													<a href="{{ url('/programdelete', $new_program->program_id) }}" class="btn btn-circle btn-danger btn-sm" title="Delete" 
													   onclick="return confirm('Confirm Delete ?');">
														<i class="uil uil-trash-alt"></i>
													</a>
												</td>
											</tr>
										@endforeach
									</tbody>
								</table>

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


	@include('layouts.footer')
    
@endsection