@extends('layouts.index')
@section('content')
@push('css')
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/select2.min.css" rel="stylesheet" />
<link rel="stylesheet" type="text/css" href="{{asset('assets/css/custom.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('assets/libs/bootstrap-datepicker/css/bootstrap-datepicker.min.css')}}">
<style type="text/css">
table th{
vertical-align: middle;
}
.rupiah{
text-align: right;
}
</style>
<style>
@keyframes placeHolderShimmer{
0%{
background-position: -468px 0
}
100%{
background-position: 468px 0
}
}
.linear-background {
animation-duration: 1s;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
animation-name: placeHolderShimmer;
animation-timing-function: linear;
background: #f6f7f8;
background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
background-size: 1000px 104px;
height: 20px;
position: relative;
overflow: hidden;
}
</style>
@endpush
<div class="page-content">
<div class="container-fluid">
<!-- start page title -->
<div class="row">
<div class="col-12">
<div class="page-title-box d-flex align-items-center justify-content-between">
<div class="page-title">
<h4 class="mb-0 font-size-18">Resume MCP KPK</h4>
<ol class="breadcrumb">
<li class="breadcrumb-item active">Welcome to {{ env('APP_NAME') }}</li>
</ol>
</div>
</div>
</div>
</div>
<!-- end page title -->
<div class="page-content-wrapper">
<div class="row">
<div class="col">
<div class="card">
<div class="card-body">
<div class="d-flex justify-content-between w-90 align-items-center m-4 table-responsive">
<form action="" class="d-flex w-100 mt-5">
<div class="mx-1 w-50" style="margin-top:28px">
<select name="pd" id="" class="form-control select-opd">
@role('admin')
<option value="">Pilih Perangkat Daerah</option>
@foreach ($opd as $item)
<option value="{{ $item->id }}" @if($request->get('pd') == $item->id ) SELECTED @endif>{{ $item->nama_perangkat_daerah }}</option>
@endforeach
@endrole
@role('admin-opd|monev')
@foreach ($opd as $item)
<option value="{{ $item->id }}" @if(Auth::user()->opd_id == $item->id ) SELECTED @endif>{{ $item->nama_perangkat_daerah }}</option>
@endforeach
@endrole
</select>
</div>
<div class="mx-1 col-2">
<label for="tanggal_awal">Tanggal Awal</label>
<input id="tanggal_awal" type="text" value="{{ ($request->tanggal_awal) ? $request->tanggal_awal : '' }}" name="tanggal_awal" class="form-control tanggal_awal_akhir" autocomplete="off">
</div>
<div class="mx-1 col-2">
<label for="tanggal_akhir">Tanggal Akhir</label>
<input id="tanggal_akhir" type="text" value="{{ ($request->tanggal_akhir) ? $request->tanggal_akhir : '' }}" name="tanggal_akhir" class="form-control tanggal_awal_akhir" autocomplete="off">
</div>
 <button type="submit" class="btn btn-warning mt-4">Filter</button>
 <button class="btn btn-success mt-4" type="submit" name="printpdf" value="print"> <img src="{{ asset('pdf-download-icon.png') }}" alt="dowload-to-pdf"></button>
 <button class="btn btn-success mt-4" type="submit" name="printexcel" value="print"> <img src="{{ asset('excel-download-icon.png') }}" alt="dowload-to-excel"></button>
</form>
<div>
<div class="icon d-flex w-100">
<div class="d-flex align-items-center w-100 justify-content-around">
{{-- <a href="{{route('export-pd')}}" class="btn btn-success mx-3"><i class="fa fa-print"></i></a> --}}
</div>
</div>
</div>
</div>
<div class="d-flex flex-column justify-content-center w-100 align-items-around" style="display: block">
<div class="table-responsive py-4" style="padding: 25px;">
<h4>1. Dokumen realisasi anggaran belanja barang/jasa menggunakan produk UMKM per 31 Desember {{ $year }} (minimal 40%)</h4>
<table class="table table-flush table-bordered">
<thead class="thead-light">
<tr class="biasa">
<th style="background: rgb(220, 218, 218)" rowspan="2">
<center><h5>Anggaran Pengadaan Barang dan Jasa</h5></center>
</th>
<th style="background: rgb(220, 218, 218)" colspan="2">
<center><h5>Realisasi Keuangan Produk UMKM</h5></center>
</th>
</tr>
<tr class="biasa">
<th style="background: rgb(220, 218, 218)">
<center><h5>(Rp)</h5></center>
</th>
<th style="background: rgb(220, 218, 218)" class="text-nowrap">
<center><h5>(%)</h5></center>
</th>
</tr>
</thead>
<tbody class="table-body">
<tr>
<td class="text-end">Rp{{ number_format($results->sum('total_pagu'), 0, ',', '.') }}</td>
<td class="text-end">Rp{{ number_format($results_umkm->sum('total_realisasi_keuangan'), 0, ',', '.') }}</td>
<td class="text-center">{{ number_format($results_umkm->sum('total_realisasi_keuangan')/($results->sum('total_pagu') > 0 ? $results->sum('total_pagu') : 1)*100 , 2, ',', '.') }}%</td>
</tr>
<span class="semua-opd">
</span>
</tbody>
</table>
<br><br>
<h4>2. Dokumen realisasi nilai transaksi 30% dari total nilai belanja pengadaan</h4>
<table class="table table-flush table-bordered">
<thead class="thead-light">
<tr class="biasa">
<th style="background: rgb(220, 218, 218)" rowspan="3">
<center><h5>Anggaran Pengadaan Barang dan Jasa</h5></center>
</th>
<th style="background: rgb(220, 218, 218)" colspan="2">
<center><h5>Realisasi Keuangan Pengadaan Barang dan Jasa</h5></center>
</th>
</tr>
<tr class="biasa">
<th style="background: rgb(220, 218, 218)">
<center><h5>(Rp)</h5></center>
</th>
<th style="background: rgb(220, 218, 218)" class="text-nowrap">
<center><h5>(%)</h5></center>
</th>
</tr>
</thead>
<tbody class="table-body">
<tr>
<td class="text-end">Rp{{ number_format($results->sum('total_pagu'), 0, ',', '.') }}</td>
<td class="text-end">Rp{{ number_format($results->sum('total_realisasi_keuangan'), 0, ',', '.') }}</td>
<td class="text-center">{{ number_format($results->sum('total_realisasi_keuangan')/($results->sum('total_pagu') > 0 ? $results->sum('total_pagu') : 1)*100 , 2, ',', '.') }}%</td>
</tr>
<span class="semua-opd">
</span>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@endsection
@push('js')
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/select2.min.js"></script>
{{-- <script src="{{ asset('assets/js/pages/ajaxque.js') }}"></script> --}}
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<script src="{{asset('assets/libs/bootstrap-datepicker/js/bootstrap-datepicker.min.js')}}"></script>
<script type="text/javascript">
$('.select-opd').select2({
width:'100%',
});
$('.tanggal_awal_akhir').datepicker({
format:'yyyy-mm-dd',
autoclose:true,
});
</script>
@endpush
Anons79 File Manager Version 1.0, Coded By Anons79
Email: [email protected]
Anons79 Mini Shell