@extends('base')
@section('konten')
	<div class="widget-four">
		<div class="widget-heading">
			<h5 class="">Hasil Maping {{ $bab }}</h5>
		</div>
		<div class="widget-content">

			<h6 style="font-weight: bold;">
				@if ($bab == 'Bab 1' || $bab == 'Bab 2' || $bab == 'Bab 3' || $bab == 'Bab 4')
					{{ $data['kode'] }}. {{ $data['nama'] }}
				@else
				@endif
			</h6>

			<div class="table-responsive">
				<table id="zero-config2" class="table table-hover" style="width:100%">
					<thead>
						<tr>
							<th>Kode</th>
							<th>Uraian</th>
							<th>Spesifikasi</th>
							<th>Satuan</th>
							<th>Harga</th>
						</tr>
					</thead>
					<tbody>
						@foreach ($data['header'] as $a)
							<tr style="font-weight: bold;">
								<td>{{ $a->kode }}</td>
								<td>{{ $a->nama }}</td>
								<td></td>
								<td></td>
								<td></td>
							</tr>

							@foreach ($a->sub as $b)
								<tr style="font-weight: bold;">
									<td>{{ $b->kode }}</td>
									<td>{{ $b->nama }}</td>
									<td></td>
									<td></td>
									<td></td>
								</tr>

								@foreach ($b->index as $c)
									<tr>
										<td>{{ $c->kode }}</td>
										<td>{{ $c->uraian }}</td>
										<td align="center">{{ $c->spesifikasi }}</td>
										<td align="center">{{ $c->satuan }}</td>
										<td align="right">{{ $c->harga }}</td>
									</tr>
								@endforeach
							@endforeach
						@endforeach
					</tbody>
				</table>
			</div>

		</div>
	</div>
@endsection