@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' => 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', 'rekapitulasi_hasil_evaluasi_rkpd') . '?tahun='.$request->get('tahun', $tahun).'&semester='.$request->get('semester', 'all').'' }}" target="_blank">Print</a>
							</div>
						</div>
					</div>
					<div class="table-responsive">
						<table class="table table-hover table-bordered" id="datatablePrint" style="width: 100%">
							<thead class="table-dark">
								<tr>
									<th rowspan="2">Jumlah Program</th>
									<th rowspan="2">Jumlah Kegiatan</th>
									<th rowspan="2">Jumlah Sub Kegiatan</th>
									<th rowspan="2">Pagu <br> (Rp.)</th>
									<th rowspan="2">Realisasi Anggaran <br> (Rp.)</th>
									<th colspan="2">Capaian Kinerja</th>
									<th colspan="2">Realisasi Keuangan</th>
									
								</tr>

								<tr>
									<th>Persentase <br> (%)</th>
									<th> Predikat Kinerja </th>

									<th>Persentase <br> (%)</th>
									<th> Predikat Kinerja </th>
								</tr>
							</thead>
							<tbody>
								@if($datas)
									<tr class="font-weight-bold pointer table-warning">
										<td>{{ $datas['jumlah_program'] }}</td>
										<td>{{ $datas['jumlah_kegiatan'] }}</td>
										<td>{{ $datas['jumlah_sub_kegiatan'] }}</td>
										<td>{{ number_format($datas['ttlDistribusiApbd']) }}</td>
										<td>{{ number_format($datas['ttlRealisasiApbd']) }}</td>
										<td>{{ $datas['ttlPersenK'] }}</td>
										<td>{{ \Helper::hitungPredikat($datas['ttlPersenK']) }}</td>
										<td>{{ $datas['ttlPersenRp'] }}</td>
										<td>{{ \Helper::hitungPredikat($datas['ttlPersenRp']) }}</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