@extends('layouts.master')

@section('title', 'Penilaian')

@section('breadcrumb')
<div class="row">
    <div class="col-md-6">
        <div class="callout callout-warning">
            <div class="row">
                <div class="col-md-6">
                    <p><b>Periode: </b> {{ Carbon\Carbon::parse($periode->tgl_awal)->format('d-m-Y'); }} <b>S/d</b>  {{ Carbon\Carbon::parse($periode->tgl_akhir)->format('d-m-Y'); }}</p>
                </div>
            </div>
           
        </div>
    </div>
<div class="col-md-6">
    <ol class="breadcrumb float-sm-right">
        <li class="breadcrumb-item"><a href="#">Home</a></li>
        <li class="breadcrumb-item active">Detail</li>
    </ol>
</div>
</div>
@endsection

@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-12">
                <div class="card">
                    <div class="card-body">
                        <table id="table" 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>&nbsp;</th>
                                </tr>
                            </thead>
                            <tbody>  @php $no=0; @endphp
                                @foreach ($data as $sudah)
                                @php $no++; $badgeSample='';
                                if ($sudah->is_sample==1) { 
                                   $badgeSample = '<span class="badge badge-info right">Sampel</span>';
                                }
                                @endphp
                               
                                        <td>{{$no}}</td>
                                        <td>{{$sudah->opd->nama_skpd}}<br> {!!$badgeSample!!}</td>
                                        @if ($sudah->status==0)
                                            <td><span class="badge badge-danger right">Belum Melaporkan</span></td>
                                        @elseif($sudah->status==1)
                                            <td><span class="badge badge-primary right">Menunggu Penilaian</span></td>
                                        @else
                                             <td><span class="badge badge-success right">Sudah Dinilai</span></td>
                                         @endif
                                         <td>
                                            <div class="btn-group">
                                                <button type="button" class="btn btn-outline-info ">Action</button>
                                                <button type="button" class="btn btn-info dropdown-toggle dropdown-icon" data-toggle="dropdown" aria-expanded="false">
                                                <span class="sr-only">Toggle Dropdown</span>
                                                </button>
                                                <div class="dropdown-menu" role="menu" style="">
                                                    @if ($sudah->is_sample==0)
                                                         <a class="dropdown-item Sampel" opd="{{$sudah->opd->nama_skpd}}" id="{{$sudah->id}}" val="1" style="cursor: pointer;">Tambahkan Sebagai Sampel</a>
                                                    @else
                                                        <a class="dropdown-item Sampel"  opd="{{$sudah->opd->nama_skpd}}" id="{{$sudah->id}}" val="0" style="cursor: pointer;">Hapus Sebagai Sampel</a> 
                                                    @endif
                                                    @if ($sudah->status==2)
                                                     <a class="dropdown-item" href="{{ route('kendali.periode.detailPenilaian', $sudah->id) }}" target="_blank" style="cursor: pointer;">Lihat Hasil Penilaian</a>
                                                    @endif
                                                    <a class="dropdown-item resetStatus" opd="{{$sudah->opd->nama_skpd}}"  id="{{$sudah->id}}" val="0" style="cursor: pointer;">Reset Belum Melaporkan</a>
                                                </div>
                                            </div>
                                         </td>
                                    </tr>
                                @endforeach
                                @foreach ($dataBelum as $belum)
                                @php $no++; @endphp
                                <tr>
                                    <td>{{$no}}</td>
                                    <td>{{$belum->nama_skpd}}</td>
                                    <td><span class="badge badge-danger right">Belum Melaporkan</span></td>
                                    <td>&nbsp;</td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('css')
    <style>

    </style>
@endsection

@section('js')
    <script>
          $(document).on('click', '.Sampel', function(){
            var value = $(this).attr('val');
            var pelaporan_id = $(this).attr('id');
            var nama_opd = $(this).attr('opd');
            if(value=='1'){
                var pesan = 'Anda yakin Menambahkan'+' '+ nama_opd+' '+ 'Sebagai Sampel?'
            }else{
                var pesan = 'Anda yakin Menghapus'+' '+ nama_opd+' '+ 'Sebagai Sampel?'
            }
        swalWithBootstrapButtons.fire({
          title:pesan,
          icon: 'question',
          showCancelButton: true,
          cancelButtonText: 'Batal',
          confirmButtonText: 'Yakin',
          reverseButtons: true
          }).then((result) => {
              if (result.isConfirmed) {
                  $.ajax({
                  url:"{{ route('kendali.periode.setPelaporan') }}",
                  type:'POST',
                  dataType: 'json',
                  cache: false,
                  data:{
                      pelaporan_id:pelaporan_id,
                      value:value,
                      aksi:'sampel',
                      _token: "{{ csrf_token() }}"
                      },
                      success: function(data){
                          if (data['status']==1) {
                              window.location.reload();
                              }else{
                                  Swal.fire({
                                      icon: 'error',
                                      title: 'Gagal Menyimpan Data',
                                      text: data['pesan']
                                  });
                              }
                      }
              });       
          }
      })      
    });


    $(document).on('click', '.resetStatus', function(){
            var value = $(this).attr('val');
            var pelaporan_id = $(this).attr('id');
            var nama_opd = $(this).attr('opd');
           
        swalWithBootstrapButtons.fire({
          title:'Anda yakin Reset Pelaporan'+' '+ nama_opd+' '+ 'Menjadi Belum Mengirim?',
          icon: 'question',
          showCancelButton: true,
          cancelButtonText: 'Batal',
          confirmButtonText: 'Yakin',
          reverseButtons: true
          }).then((result) => {
              if (result.isConfirmed) {
                  $.ajax({
                  url:"{{ route('kendali.periode.setPelaporan') }}",
                  type:'POST',
                  dataType: 'json',
                  cache: false,
                  data:{
                      pelaporan_id:pelaporan_id,
                      value:value,
                      aksi:'pelaporan',
                      _token: "{{ csrf_token() }}"
                      },
                      success: function(data){
                          if (data['status']==1) {
                              window.location.reload();
                              }else{
                                  Swal.fire({
                                      icon: 'error',
                                      title: 'Gagal Menyimpan Data',
                                      text: data['pesan']
                                  });
                              }
                      }
              });       
          }
      })      
    });
    
    
    

   $('#table').DataTable({})
    </script>
@endsection