@extends('layouts.default')
@section('content')
<style>
	thead {
	
		top: 0;
		position: sticky;
		color: white;
	}
	th {	background-color: rgba(224, 224, 233, 0.438);
			color: white;
	}
</style>
		<section class="section">
		<div class="container">
			<p>
				<h2 class="title has-text-link">
					{{ $staff->st_firstname . ' ' . $staff->st_surname }}
				</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-5 has-text-weight-light has-text-link" 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="has-text-centered is-size-6 has-text-weight-light" width="50px">
									{{ $j }}
								</th>
							@endforeach
						@endforeach
					</tr>
				</thead>
				<tbody>
				@foreach ($posts as $P)
					<tr>
						<td class="is-size-6 has-text-weight-light">
                            <a href="/posts/weekRep/{{ $P->week_id }}">
								{{ date_format(date_create($P->week_start),"d / m / Y") }}
							</a>					
                        </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 . 'N']}}"></td>
						<td class="{{ $c[$P->tue_1]}}"></td>
						<td class="{{ $c[$P->tue_2]}}"></td>
						<td class="{{ $c[$P->tue_3 . 'N']}}"></td>
						<td class="{{ $c[$P->wed_1]}}"></td>
						<td class="{{ $c[$P->wed_2]}}"></td>
						<td class="{{ $c[$P->wed_3 . 'N']}}"></td>
						<td class="{{ $c[$P->thu_1]}}"></td>
						<td class="{{ $c[$P->thu_2]}}"></td>
						<td class="{{ $c[$P->thu_3 . 'N']}}"></td>
						<td class="{{ $c[$P->fri_1]}}"></td>
						<td class="{{ $c[$P->fri_2]}}"></td>
						<td class="{{ $c[$P->fri_3 . 'N']}}"></td>
						<td class="{{ $c[$P->sat_1]}}"></td>
						<td class="{{ $c[$P->sat_2]}}"></td>
						<td class="{{ $c[$P->sat_3 . 'N']}}"></td>
						<td class="{{ $c[$P->sun_1]}}"></td>
						<td class="{{ $c[$P->sun_2]}}"></td>
						<td class="{{ $c[$P->sun_3 . 'N']}}"></td>
					</tr>
				@endforeach
				</tbody>
			</table>
			</div>
		</div>
	</section>
@endsection