@extends('base')
@section('konten')
	<div class="widget-four">
		<div class="widget-heading">
			<h5 class="">Index 2022 / Penetapan / Bab 1 / {{ $ktg }}</h5>
		</div>
		<div class="widget-content">

			<div class="row">
				<div class="col-md-6">
					<div class="input-group mb-4">
						@if (isset($kunci))
							<input type="text" class="form-control" id="kunci" value="{{ $kunci }}">
						@else
							<input type="text" class="form-control" id="kunci">
						@endif
						<div class="input-group-append">
							<a class="input-group-text" href="" id="cari">Cari</a>
						</div>
					</div>
				</div>
				@if (isset($kunci))
					<div class="col-md-6">
						@if ($ktg == 'Semua')
							<a href="{{ route('bab1') }}" class="btn btn-danger">Clear</a>
						@elseif ($ktg == 'Sudah')
							<a href="{{ route('bab1.sudah') }}" class="btn btn-danger">Clear</a>
						@else
							<a href="{{ route('bab1.belum') }}" class="btn btn-danger">Clear</a>
						@endif
					</div>
				@endif
			</div>

			<div class="table-responsive">
				<table id="zero-config" 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 as $x)
							<tr>
								<td>{{ $x->kode }}</td>
								<td>
									<span style="font-weight: 700;">{{ $x->nama }};</span><br>
									<span style="font-weight: 600;">{{ $x->uraian }}</span>
								</td>
								<td>{{ $x->spesifikasi }}</td>
								<td>{{ $x->satuan }}</td>
								<td>{{ $x->harga }}</td>
							</tr>
							<tr>
								<form method="POST" action="{{ route('bab1.simpan', $x->id) }}">
									<td colspan="4">
										<div class="form-group">
											{{ csrf_field() }}
											<select name="id_sub" class="form-control basic">
												<option></option>
												@foreach ($header as $y)
													<option value="{{ $y->id }}" {{ $y->id == $x->id_sub ? 'selected' : '' }}>{{ $y->kode }}. {{ $y->nama2 }}; {{ $y->nama }}</option>
												@endforeach
											</select>
										</div>
									</td>
									<td  style="vertical-align: top;">
										<button type="submit" class="btn btn-primary">Save</button>
									</td>
								</form>
							</tr>
						@endforeach
					</tbody>
				</table>

				<div class="dataTables_paginate paging_simple_numbers">
					{{ $data->links('pagination') }}
				</div>
			</div>
		</div>
	</div>
@endsection

@section('footer')
	<script>
		$('#kunci').keyup(function() {
			let kunci = $(this).val()
			let url = "{{ route('bab1.cari', [$ktg, ':kunci']) }}"
			url = url.replace(':kunci', kunci)
			$('#cari').attr('href', url)
		})
	</script>
@endsection