@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: -5px;
		z-index: 1;
	}
</style>
@endpush

@section('content')

@include('layouts.include._breadcrumb')

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

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

	<div class="row">
		<div class="col-md-12">
			<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', 'pagu_indikatif_rkpd_apbd') . '?tahun='.$request->get('tahun', $tahun) }}" target="_blank">Print</a>
							</div>
						</div>
					</div>
					<p>
						{{-- <a class="btn btn-warning" href="{{ route('print', 'anggaran_bidang_urusan') }}" target="_blank">Print</a> --}}
					</p>
					<div class="table-responsive">
						<table class="table table-hover table-bordered" id="datatablePrint" style="width: 100%">
							<thead class="table-dark">
								<tr>
									<th rowspan="2" width="20px">No</th>
									<th rowspan="2" class="break-word">Nama Urusan</th>
									<th colspan="3" class="break-word">Pagu Anggaran</th>
									
								</tr>

								<tr>
									<th>RKPD</th>
									<th> APBD </th>
									<th> SELISIH </th>
								</tr>
							</thead>
							<tbody>
								@if($datas['masterUrusan'])

								@foreach ($datas['masterUrusan'] as $mun)
									<tr class="font-weight-bold pointer table-success" data-self="mun" data-id="{{ $mun->id }}" style="">
										<td>{{ \Helper::numberToRoman($loop->iteration) }}</td>
										<td class="break-word">{{ $mun->nama_urusan }}</td>
										<td>{{ number_format($mun->anggaranRkpd( $tahun, $request->get('status_rkpd', 'rkpd') )) }}</td>
										<td>{{ number_format($mun->anggaranApbd( $tahun, $request->get('status_apbd', 'apbd') )) }}</td>
										<td>{{ number_format(abs($mun->anggaranRkpd( $tahun, $request->get('status_rkpd', 'rkpd') ) - $mun->anggaranApbd( $tahun, $request->get('status_apbd', 'apbd') ))) }}</td>
									</tr>

									<tr class="table-dark sembunyi" data-self="mbun" data-parent="mun_{{ $mun->id }}">
										<td colspan="6">Nama Bidang Urusan</td>
									</tr>
									@foreach ($mun->masterBidangUrusan as $mbun)
									@if($mbun->nama_bidang_urusan != 'KECAMATAN')
										<tr class="sembunyi pointer parent" data-self="mbun" data-parent="mun_{{ $mun->id }}" style="background: bisque;">
											<td>{{ $loop->iteration }}</td>
											<td class="break-word">{{ $mbun->nama_bidang_urusan }}</td>
											<td>{{ number_format($mbun->anggaranRkpd($tahun, $request->get('status_rkpd', 'rkpd'))) }}</td>
											<td>{{ number_format($mbun->anggaranApbd($tahun, $request->get('status_apbd', 'apbd'))) }}</td>
											<td>{{ number_format(abs($mbun->anggaranRkpd($tahun, $request->get('status_rkpd', 'rkpd')) - $mbun->anggaranApbd($tahun, $request->get('status_apbd', 'apbd')))) }}</td>
										</tr>
									@endif
									@endforeach
								@endforeach
								<tr class="font-weight-bold table-dark">
									<td colspan="2">Total :</td>
									<td>{{ number_format($datas['ttlDistribusiRkpd']) }}</td>
									<td>{{ number_format($datas['ttlDistribusiApbd']) }}</td>
									<td>{{ number_format(abs($datas['ttlDistribusiApbd'] - $datas['ttlDistribusiRkpd'] )) }}</td>
								</tr>
								@else
								<tr class="table-light">
									<td colspan="100%" class="break-word">
										Kosong
									</td>
								</tr>
								@endif
							</tbody>
						</table>
					</div>
				</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