@extends('admin.layouts.main')

@section('container')
    <!-- dashboard inner -->
    <div class="midde_cont">
        <div class="container-fluid">
           <div class="row column_title">
              <div class="col-md-12">
                 <div class="page_title">
                    <h2>Raport Kinerja Desa</h2>
                 </div>
              </div>
           </div>
        </div>
        
     </div>
     <!-- end dashboard inner -->

        <!-- Tabel -->
      <div id="overviews" class="section wb">

        <a href="#" class="btn btn-primary mb-3">LAPORAN</a>
          <table class="table table-striped table-hover text-dark">
              <caption>Daftar Desa</caption>
              <thead>
                <tr>
                  <th scope="col">No</th>
                  <th scope="col">Kode Desa</th>
                  <th scope="col">Nilai</th> 
                  <th scope="col">Action</th> 
                </tr>
              </thead>
              <tbody>  
                @foreach ($konsultasis as $konsultasi)
                <tr class="text-dark">
                  <th scope="row">{{ $loop->iteration }}</th>
                  <td>{{ $konsultasi->kd_desa }}</td>
                  <td>{{ $konsultasi->total }}</td>
                  <td><a href="/admin/laporan/{{ $konsultasi->id }}/edit">Detail<i class="fa fa-edit btn btn-warning"></i></a></td>
                </tr>
                @endforeach
              </tbody>
            </table>      

      </div>
<!-- end section -->

     <script>
      const title = document.querySelector("#judul");
      const slug = document.querySelector("#slug");

      title.addEventListener("keyup", function() {
          let preslug = judul.value;
          preslug = preslug.replace(/ /g,"-");
          slug.value = preslug.toLowerCase();
      });
     </script>
@endsection