@extends('layouts.master')

@section('title', 'Dashboard')


@section('css')
<style>
#mapCanvas {
    width: 100%;
    height: 600px;
    
}
</style>
@endsection


@section('content')
<div class="row">
    <div class="col-md-6">
        <div class="callout callout-warning" style="margin-top: -10px;">
            <div class="row">
                <div class="col-md-12">
                    <p><b>Periode Aktif: </b> {{ Carbon\Carbon::parse($periodeaktif->tgl_awal)->format('d-m-Y'); }} <b>S/d</b>  {{ Carbon\Carbon::parse($periodeaktif->tgl_akhir)->format('d-m-Y'); }}</p>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="row mt-2">
    <div class="col-sm-3">
      <div class="small-box bg-info">
        <div class="inner">
          <h3>{{$jumlahOpd->count()}}</h3>
          <p>OPD/Instansi</p>
        </div>
        <div class="icon">
        <i class="fas fa-home"></i>
        </div>
          <a  class="small-box-footer">Total OPD</a>
        </div>
      </div>
      <div class="col-sm-3">
        <div class="small-box bg-primary">
          <div class="inner">
            <h3>{{$pelaporan->where('status','!=',0)->count()}}</h3>
            <p>Mengirim</p>
          </div>
          <div class="icon">
          <i class="fas fa-file"></i>
          </div>
          <a  class="small-box-footer">OPD Sudah Mengirim Dokumen</a>
          </div>
        </div>
        <div class="col-sm-3">
          <div class="small-box bg-warning">
            <div class="inner">
                <h3>{{$pelaporan->where('status',3)->count()}}</h3>
              <p>Revisi</p>
            </div>
            <div class="icon">
            <i class="fas fa-edit"></i>
            </div>
            <a  class="small-box-footer">Pelaporan Direvisi Evaluator</a>
            </div>
          </div>
        <div class="col-sm-3">
          <div class="small-box bg-success">
            <div class="inner">
                <h3>{{$pelaporan->where('status',2)->count()}}</h3>
              <p>Selesai</p>
            </div>
            <div class="icon">
            <i class="fas fa-check"></i>
            </div>
            <a  class="small-box-footer">OPD Selesai Dinilai</a>
            </div>
          </div>
  </div>

  <div class="row">
    <div class="col-sm-12">
        <div class="card card-outline card-primary">
            <div class="card-header">
                <h5>Progress Pelaporan</h5>
            </div>
            <div class="card-body">
                <table id="tablePenilaian" class="table table-bordered table-hover dataTable dtr-inline" role="grid"
                    style="width: 100%;">
                    <thead>
                        <tr>
                            <th width="30" class="text-center">No</th>
                            <th>OPD</th>
                            <th>Status Pelaporan</th>
                            <th>Nilai</th>
                            <th>Predikat</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @php $no=0;@endphp
                       @foreach ($progress as $item)
                           <tr>
                                <td>{{$loop->index+1}}</td>
                                <td>{{$item['opd']}}</td>
                                <td>{!!$item['status']!!}</td>
                                <td>{{$item['nilai']}}</td>
                                <td>{{$item['predikat']}}</td>
                                @if ($item['status_id']=='2')
                                    <td><a href="{{ route('detailPelaporan', $item['pelaporan_id']) }}" class="btn btn-sm btn-info"><i class="fa fa-list"></i> Detail</a></td>
                                @else
                                    <td><a href="{{ route('detailPelaporan', $item['pelaporan_id']) }}" class="btn btn-sm btn-info"><i class="fa fa-list"></i> Detail</a></td>
                                @endif
                           </tr>
                        @php $no++;@endphp 
                        @endforeach

                        @foreach ($pelaporanBelum as $belum)
                            <tr>
                              <td>{{$loop->index+1+$no}}</td>
                              <td>{{$belum->opd->nama_skpd}}</td>
                              <td><span class="badge badge-danger right">Belum Melaporkan</span></td>
                              <td>0</td>
                              <td>-</td>
                              <td>&nbsp;</td>
                            </tr>
                        @endforeach
                       
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>


    
@endsection

@section('js')
<script>
     $('#tablePenilaian').DataTable({
        responsive: true,
        searching: true,
        ordering: false,
     });
</script>

@endsection