@extends('user.template-user')
@section('title',$title)
@section('head')
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/bs5/dt-1.13.1/datatables.min.css"/>
<style>
  
</style>
@endsection
@section('content')
<div class="app-main__inner">
  <div class="app-page-title">
      <div class="container fiori-container">
          <div class="page-title-wrapper">
              <div class="page-title-heading">
                  <div>
                      <div class="page-title-head center-elem">
                          <span class="d-inline-block pr-2">
                          <i class=""></i>
                          </span>
                          <span class="d-inline-block">{{$title}}</span>
                      </div>
                      <div class="page-title-subheading opacity-10">
                          <nav class="" aria-label="breadcrumb">
                              <ol class="breadcrumb">
                                  <li class="breadcrumb-item"> <a href="javascript:void(0);"> <i aria-hidden="true" class="fa fa-home"></i> </a> </li>
                                  <li class="breadcrumb-item"> <a href="javascript:void(0);">Dashboards</a> </li> 
                                  <li class="active breadcrumb-item" aria-current="page"> {{$title}} </li>
                              </ol>
                          </nav>
                      </div>
                  </div>
              </div>
              <div class="page-title-actions">
              </div>
          </div>
      </div>
  </div>
  
  <div class="container fiori-container">
    <div class="row mt-3">
        <div class="col-sm-12">
          <div class="table-responsive">
            <table class="table table-sm table-bordered">
              <thead>
                <tr class="align-middle text-center">
                  <th rowspan="2"><b>No</b></th>
                  <th rowspan="2" class="font-weight-bold">Kode Desa</th>
                  <th rowspan="2" class="font-weight-bold">Nama Pemdes</th>
                  <th colspan="2">APBDESA</th>
                  <th rowspan="2">BOP %</th>
                  <th rowspan="2">Skala Risiko</th>
                  <th rowspan="2">Kategori</th>
                </tr>
                <tr class="text-center font-weight-bold text-dark">
                  <td>Jumlah BOP</td>
                  <td>Total Belanja</td>
                </tr>
              </thead>
              <tbody>
                @foreach ($datas as $no => $data)
                    <tr class="text-center">
                        <td>{{$no+1}}</td>
                        <td>{{$data->kd_desa}}</td>
                        <td class="text-left">{{$data->nama_pemdes}}</td>
                        <td class="text-right">{{rupiah($data->bop)}}</td>
                        <td class="text-right">{{rupiah($data->belanja)}}</td>
                        <td>{{$data->presentase}}</td>
                        <td class="text-center">{{$data->skala_risiko}}</td>
                        <td class="text-center">{{$data->kategori}}</td>
                    </tr>
                @endforeach
              </tbody>
            </table>
          </div>
        </div>
    </div>
  </div>
  </div>
</div>
@endsection

@section('script')
@endsection