@extends('layouts.index')

@push('css')
<style>
	.break-word{
		max-width: 200px !important;
		word-wrap: break-word !important;
		white-space: inherit !important;
	}

	.table-responsive{
		max-height: 800px !important;
		overflow-y: scroll;
	}

	td{
		vertical-align: middle !important;
		text-align: center !important;
	}
	th{
		vertical-align: middle !important;
		text-align: center !important;
	}

	table td {
		position: relative;
	}

	thead{
		position: sticky; 
		top: -30px;
		z-index: 1;
	}

	.table-bordered th, .table-bordered td { border: 1px solid #0A1D37!important }

	.icon-shape i, .icon-shape svg {
		font-size: 28px !important;
	}

	.bg-kayu{
		background-image: url({{ asset('assets/img/bg-kayu.jpg') }});
	}
</style>
@endpush

@section('content')

@include('layouts.include._breadcrumb')

<div class="page-content-wrapper">

@include('layouts.include.filter', ['semester' => false])

<div class="row">
	<div class="col">
		<div class="card">
			<div class="card-body">
				<div class="card-title">
					<div class="row">
						<div class="col-6">
							<h3 class="mb-0">{{$title}}</h3>
						</div>
						<div class="col-6 text-right">
							<a class="btn btn-warning" href="{{ route('print', 'rekapitulasi_perubahan_rkpd') . '?tahun='.$request->get('tahun', $tahun).'&pd='.$request->get('pd') }}" target="_blank">Print PDF</a>
						</div>
					</div>
				</div>
				<div class="table-responsive py-4">
					<table class="table table-flush table-bordered" id="datatablePrint">
						<thead class="table-dark">
							<tr>
								<th rowspan="2">No</th>
								<th rowspan="2" class="break-word">Perangkat Daerah Penanggung Jawab</th>
								<th colspan="3" class="text-center">Jumlah Program</th>
								<th colspan="3" class="text-center">Jumlah Kegiatan</th>
								<th colspan="3" class="text-center">Jumlah Sub Kegiatan</th>

								<th colspan="3" class="text-center">Jumlah Pagu (Rp)</th>
							</tr>
	
							<tr>
								<th>RKPD {{ '2021' }}</th>
								<th>APBD {{ '2021' }}</th>
								<th>RKPD {{ '2021' }} Perubahan</th>

								<th>RKPD {{ '2021' }}</th>
								<th>APBD {{ '2021' }}</th>
								<th>RKPD {{ '2021' }} Perubahan</th>

								<th>RKPD {{ '2021' }}</th>
								<th>APBD {{ '2021' }}</th>
								<th>RKPD {{ '2021' }} Perubahan</th>

								<th>RKPD {{ '2021' }}</th>
								<th>APBD {{ '2021' }}</th>
								<th>RKPD {{ '2021' }} Perubahan</th>
							</tr>
						</thead>
						<tbody>
							@if(count($datas) > 0)
							@foreach ($datas as $data)
									<tr>
										<td> {{ $loop->iteration }} </td>
										<td> {{ $data['nama_perangkat_daerah'] }} </td>
										<td> {{ $data['jumlah_program_rkpd'] }} </td>
										<td> {{ $data['jumlah_program_apbd'] }} </td>
										<td> {{ $data['jumlah_program_rkpd_perubahan'] }} </td>

										<td> {{ $data['jumlah_kegiatan_rkpd'] }} </td>
										<td> {{ $data['jumlah_kegiatan_apbd'] }} </td>
										<td> {{ $data['jumlah_kegiatan_rkpd_perubahan'] }} </td>

										<td> {{ $data['jumlah_sub_kegiatan_rkpd'] }} </td>
										<td> {{ $data['jumlah_sub_kegiatan_apbd'] }} </td>
										<td> {{ $data['jumlah_sub_kegiatan_rkpd_perubahan'] }} </td>

										<td> {{ number_format($data['jumlah_pagu_rkpd']) }} </td>
										<td> {{ number_format($data['jumlah_pagu_apbd']) }} </td>
										<td> {{ number_format($data['jumlah_pagu_rkpd_perubahan']) }} </td>
									</tr>
							@endforeach
							@else
							<tr>
								<td colspan="100%" class="break-word">
									Kosong
								</td>
							</tr>
							@endif
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</div>

</div>
@endsection

@push('js')
<script>
	$(document).ready(function() {
    $('#datatablePrint').DataTable( {
        dom: 'Bfrtip',
				paging: false,
				ordering: false,
				searching: false,
        buttons: [
            'csv', 'excel'
        ]
    } );
	} );
</script>
@endpush