@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>No</th>
                      <th>Kode Desa</th>
                      <th>Nama Pemdes</th>
                      <th>Nilai SPP Panjar</th>
                      <th>Nilai Sisa Panjar</th>
                      <th>Persentase</th>
                      <th>Skor</th>
                      <th>Kategori</th>
                    </tr>
                  </thead>
                  <tbody>
                    @foreach ($datas as $no => $data)
                        <tr>
                            <td><center>{{$no+1}}</center></td>
                            <td><center>{{$data->kd_desa}}</center></td>
                            <td>{{$data->nama_pemdes}}</td>
                            <td><center>{{rupiah($data->spp)}}</center></td>
                            <td><center>{{rupiah($data->panjar)}}</center></td>
                            <td><center>{{$data->presentase}}</center></td>
                            <td class="text-center">{{$data->skala_risiko}}</td>
                            <td class="text-center">{{$data->kategori}}</td>
                        </tr>
                    @endforeach
                  </tbody>
                </table>
              </div>
        </div>
    </div>
    
</div>
@endsection

@section('script')


<script type="text/javascript" src="https://cdn.datatables.net/v/bs5/dt-1.13.1/datatables.min.js"></script>
    <script>
      $(document).ready( function () {
          $('#myTable').DataTable();
      } );
    </script>
@endsection