@extends('layouts.default')
@section('content')
<style>
thead {

	top: 0;
	position: sticky;
	color: white;
}
th {	background-color: Navy;
		color: white;
}
</style>
		<section class="section">
		<div class="container">
			<p>
				<h2 class="title has-text-link">
					{{ $week->week_start }}
					</a>
				</h2>
			</p>
			<div class="table-container"  style="max-height:500px; overflow-y: scroll;"">
			<table class="table is-fullwidth is-bordered sticky-header">
				<thead>
					<tr>
						<th></th>
						<th></th>
						@foreach ($days as $D)
							<th class="has-text-centered is-size-6 has-text-weight-semibold has-text-white" colspan="3">
								{{ $D->code_desc }}
							</th>
						@endforeach
					</tr>
					<tr>
						<th></th>
						<th></th>
						@foreach (range(1, 7) as $i)
							@foreach (range(1, 3) as $j)
								<th class="is-centered has-text-white" width="50px">
									{{ $j }}
								</th>
							@endforeach
						@endforeach
					</tr>
				</thead>
				<tbody>
				@foreach ($posts as $P)
					<tr>
						<td class="is-size-6 has-text-weight-semibold">{{ $P->st_name }}</td>
						<td class="is-size-6 ">{{ $P->total_shifts }}</td>
						<td class="{{ $c[$P->mon_1]}}"></td>
						<td class="{{ $c[$P->mon_2]}}"></td>
						<td class="{{ $c[$P->mon_3]}}"></td>
						<td class="{{ $c[$P->tue_1]}}"></td>
						<td class="{{ $c[$P->tue_2]}}"></td>
						<td class="{{ $c[$P->tue_3]}}"></td>
						<td class="{{ $c[$P->wed_1]}}"></td>
						<td class="{{ $c[$P->wed_2]}}"></td>
						<td class="{{ $c[$P->wed_3]}}"></td>
						<td class="{{ $c[$P->thu_1]}}"></td>
						<td class="{{ $c[$P->thu_2]}}"></td>
						<td class="{{ $c[$P->thu_3]}}"></td>
						<td class="{{ $c[$P->fri_1]}}"></td>
						<td class="{{ $c[$P->fri_2]}}"></td>
						<td class="{{ $c[$P->fri_3]}}"></td>
						<td class="{{ $c[$P->sat_1]}}"></td>
						<td class="{{ $c[$P->sat_2]}}"></td>
						<td class="{{ $c[$P->sat_3]}}"></td>
						<td class="{{ $c[$P->sun_1]}}"></td>
						<td class="{{ $c[$P->sun_2]}}"></td>
						<td class="{{ $c[$P->sun_3]}}"></td>
					</tr>
				@endforeach
				</tbody>
			</table>
			</div>
		</div>
	</section>
@endsection