@extends('layouts.default')
@section('content')
	<section class="section">
		<div class="container">
			<p>
				<h2 class="title has-text-link">
					{{ $week->week_start }} 
				</h2>
			</p>

			@foreach ($week->days as $D)
			<div class="card mb-6">
				<header class="card-header is-shadowless	">
					<p class="card-header-title has-background-link-light	 has-text-weight-normal	">
						{{ $D->day_name }} - {{ date_format(date_create($D->day_date),"d-m-Y") }}
					</p>
				</header>
				<div class="columns">
					@foreach ($D->shifts as $S)
						<div class="column">
							<div class="card is-shadowless">
								<header class="card-header is-shadowless">
									<p class="card-header-title  has-text-weight-light">
										{{ $S->shift_hours }}
									</p>
								</header>						
								<div class="card-content">
									<div class="content">
										@foreach ($S->posts as $P)
										<div>
											<span class="icon class="is-size-7 ">
												<i class="{{ $icon[$P->st_pos] }} {{ $colour[$P->st_pos] }}"></i>
											</span>
											{{ $P->st_name }}
										</div>
										@endforeach
									</div>
								</div>							
							</div>	
						</div>
					@endforeach	
				</div>
			</div>
			@endforeach
		</div>
	</section>
@endsection