@extends('admin.template-admin')
@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="container-fluid flex-grow-1 container-p-y">
    <div class="row">
        <div class="col-lg-12 mb-4 order-0">
            <div class="card">
              <div class="d-flex align-items-end row">
                <div class="col-sm-12">
                  <div class="card-body">
                    <h5 class="card-title text-primary">{{$title}}</h5>
                    <p class="mb-3 ">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 APBDesa</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>
                
                    <img src="{{asset('vendors/sneat-1.0.0/assets/img/illustrations/man-with-laptop-light.png')}}"  alt="View Badge User" style="width: 200px; position: absolute; right: 0px;">
              </div>
            </div>
          </div>
    </div>
    <div class="card">
        <div class="card-body">
            <div class="table-responsive">
              <form action="{{route('admin.st.sample.store')}}" method="post"> @csrf
                <table class="table table-sm table-bordered" style="font-size: 12px">
                  <thead>
                    <tr class="align-middle text-center">
                      <th rowspan="2"></th>
                      <th rowspan="2">No</th>
                      <th rowspan="2">Kode Desa</th>
                      <th rowspan="2">Nama Desa</th>
                      <th colspan="8">Aspek Keuangan (60%)</th>
                      <th colspan="9">Aspek Non Keuangan (40%)</th>
                      <th rowspan="2">Total Risiko</th>
                      <th rowspan="2">Kategori</th>
                    </tr>
                    <tr class="align-middle 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>
                            <input class="form-check-input" type="checkbox" name="sampleDesa[]" value="{{$data['kd_desa']}}" {{$data['ready'] ? 'disabled' : ''}} id="flexCheckDefault">
                            <input type="hidden" name="ttl[{{$data['kd_desa']}}]" value="{{$data['ttl']}}">
                            <input type="hidden" name="nama_desa[{{$data['kd_desa']}}]" value="{{$data['nama_desa']}}">
                          </td>
                            <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>
                <button type="submit" class="btn btn-primary mt-3">Proses Data</button>
                </form>
            </div>
        </div>
    </div>
    
</div>
@endsection

@section('script')

@endsection