@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"/>
<style>
  
</style>
@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-7">
                  <div class="card-body">
                    <h5 class="card-title text-primary">{{$title}}</h5>
                    <p class="mb-4">Lakukan export pada aplikasi desktop Siskeudes, dan anda bisa upload hasilnya disini</p>
                    <form action="{{route('admin.import.hasil.store')}}" method="POST" enctype="multipart/form-data">@csrf
                      <input type="hidden" class="form-control" name="menu" value="panjar">
                      <div class="input-group">
                          <input type="file" class="form-control" id="inputGroupFile04" name="file" aria-describedby="inputGroupFileAddon04" aria-label="Upload" required>
                          <button class="btn btn-outline-secondary" type="submit" id="inputGroupFileAddon04">Import</button>
                      </div>
                    </form>
                  </div>
                </div>
                <div class="col-sm-5 text-center text-sm-left">
                  <div class="card-body pb-0 px-0 px-md-4">
                    <img src="{{asset('vendors/sneat-1.0.0/assets/img/illustrations/man-with-laptop-light.png')}}" height="140" alt="View Badge User" data-app-dark-img="illustrations/man-with-laptop-dark.png" data-app-light-img="illustrations/man-with-laptop-light.png">
                  </div>
                </div>
              </div>
            </div>
          </div>
    </div>
    <div class="card">
        <div class="card-body">
            <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>{{$no+1}}</td>
                            <td>{{$data->kd_desa}}</td>
                            <td>{{$data->nama_pemdes}}</td>
                            <td>{{rupiah($data->spp)}}</td>
                            <td>{{rupiah($data->panjar)}}</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>
@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