@extends ('Layouts.Application')

@section ('MainContent')

<div class="row">
	<div class="col-sm-12">
		<div class="panel panel-default">
			<div class="panel-heading">
				<h3 class="panel-title">
					Student Attendance
					<a class="btn btn-sm btn-primary pull-right" href="{{ route('LoggedIn.Attendance.AttendanceTime.create') }}">
						<i class="fa fa-plus"></i> New
					</a>
				</h3>
			</div>
			<div class="panel-body">
				@include ('Layouts.FormValidationErrors')
				@include ('Layouts.ErrorSuccessAndWarninMessages')

				<form class="form-horizontal" role="form" id='attendance-time-form' onsubmit="return false;">
					@csrf

					<div class="form-group form-group-sm">
						@include ('includes.branch_shift_version_names', ['labelColWidth' => 1, 'fieldColWidth' => 2])

						@include ('includes.class_names', ['labelColWidth' => 1, 'fieldColWidth' => 2])

						@include ('includes.section_names', ['labelColWidth' => 1, 'fieldColWidth' => 2])

						@include ('includes.academic_years', ['labelColWidth' => 1, 'fieldColWidth' => 2])
					</div>

					<div class="form-group form-group-sm">
						<div class="col-sm-12">
							<button class="btn btn-primary btn-block" type="button" id="attendance-time-view-button">
								<i class="fa fa-list"></i> View Students
							</button>
						</div>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>

<div class="row">
	<div class="col-md-12">
		<div id="attendance-time-list">
			<table class="table table-striped table-bordered table-condensed table-hover" id="attendance-time-table">
				<thead>
					<tr>
						<th>Class</th>
						<th>Section</th>
						<th>Branch</th>
						<th>Year</th>
						<th>Start Time</th>
						<th>Action</th>
					</tr>
				</thead>
				<tbody>
					@if ($attendanceTimeDetails->isNotEmpty())
						@foreach ($attendanceTimeDetails as $attendance)
							<tr>
								<td>{{ $attendance->ClassName }}</td>
								<td>{{ $attendance->SectionName }}</td>
								<td>{{ $attendance->school_branch_name }} {{ $attendance->school_version_name }}</td>
								<td>{{ $attendance->acc_year }}</td>
								<td>{{ date('h:i A', strtotime($attendance->start_time)) }}</td>
								<td>
									<a class="btn btn-sm btn-primary"
										href="{{ route('LoggedIn.Attendance.AttendanceTime.edit', array('attendance' => $attendance->id)) }}"
									>
										<i class="fa fa-edit"></i> Edit
									</a>
								</td>
							</tr>
						@endforeach
					@endif
				</tbody>
			</table>
		</div>
	</div>
</div>

<script>
$(document).ready(function () {
	$(document).on('click', '#attendance-time-view-button', function () {
		$.ajax({
			url: baseURL + '/!/Attendance/AttendanceTime/view',
			type: 'POST',
			data: $('#attendance-time-form').serialize(),
			success: function (response) {
				$('#attendance-time-list').html(response);
			}
		});
	});
});
</script>

@endsection