@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"/>

@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" style="font-size: 12px">
                <thead>
                  <tr class="text-center">
                    <th rowspan="2" class="align-middle">No</th>
                    <th rowspan="2" class="align-middle">Kode Desa</th>
                    <th rowspan="2" class="align-middle">Nama Desa</th>
                    <th colspan="8">Aspek Keuangan (60%)</th>
                    <th colspan="9">Aspek Non Keuangan (40%)</th>
                    <th rowspan="2" class="align-middle">Total Risiko</th>
                    <th rowspan="2" class="align-middle">Kategori</th>
                  </tr>
                  <tr class="text-center">
                      <th>IR1</th>
                      <th>IR2</th>
                      <th>IR3</th>
                      <th>IR4</th>
                      <th>IR5</th>
                      <th>IR6</th>
                      <th>JML</th>
                      <th>SKOR</th>
                      <th>IR7</th>
                      <th>IR8</th>
                      <th>IR9</th>
                      <th>IR10</th>
                      <th>IR11</th>
                      <th>IR12</th>
                      <th>IR13</th>
                      <th>JML</th>
                      <th>SKOR</th>
                  </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_desa']}}</td>
                          <td>{{$data['i1']}}</td>
                          <td>{{$data['i2']}}</td>
                          <td>{{$data['i3']}}</td>
                          <td>{{$data['i4']}}</td>
                          <td>{{$data['i5']}}</td>
                          <td>{{$data['i6']}}</td>
                          <td>{{$data['jml_keuangan']}}</td>
                          <td>{{$data['total_1']}}</td>
                          <td>{{$data['i7']}}</td>
                          <td>{{$data['i8']}}</td>
                          <td>{{$data['i9']}}</td>
                          <td>{{$data['i10']}}</td>
                          <td>{{$data['i11']}}</td>
                          <td>{{$data['i12']}}</td>
                          <td>{{$data['i13']}}</td>
                          <td>{{$data['jml_non_keuangan']}}</td>
                          <td>{{$data['total_2']}}</td>
                          <td>{{$data['ttl']}}</td>
                          <td>{{$data['kategori']}}</td>
                        </tr>
                  @endforeach
                </tbody>
              </table>
          </div>
          </div>
      </div>
      <hr>
      <div class="row">
        <div class="col-12">
          <p class="mb-3 font-weight-bold ">Keterangan Kolom Tabel</p>
            <table class="table table-sm">
              <tr>
                <td>IR 1</td> <td>: Proporsi Belanja</td>
                <td>IR 7</td> <td>: Waktu Penetapan APBDes</td>
              </tr>
              <tr>
                <td>IR 2</td> <td>: SILPA Akhir Tahun</td>
                <td>IR 8</td> <td>: Waktu Penetapan RKP Desa</td>
              </tr>
              <tr>
                <td>IR 3</td> <td>: Pencairan Dana Dari RKD</td>
                <td>IR 9</td> <td>: SDM Perangkat Desa</td>
              </tr>
              <tr>
                <td>IR 4</td> <td>: Mekanisme Panjar</td>
                <td>IR 10</td> <td>: Geografis Desa</td>
              </tr>
              <tr>
                <td>IR 5</td> <td>: Pemotongan Pajak</td>
                <td>IR 11</td> <td>: Pembinaan Kepala Desa</td>
              </tr>
              <tr>
                <td>IR 6</td> <td>: Penyetoran Pajak</td>
                <td>IR 12</td> <td>: Pengawasan di Desa</td>
              </tr>
              <tr>
                <td></td><td></td>
                <td>IR 13</td> <td>: Aspek Non Keuangan Lainnya</td> 
              </tr>
            </table>
        </div>
      </div>
  </div>

</div>

@endsection

@section('script')
@endsection