@extends('layouts.master')

@section('title', 'Periode')



@section('breadcrumb')
    <div class="row mb-2">
        <div class="col-sm-12">
                <div class="alert alert-info alert-dismissible">
                    <div class="row">
                        <div class="col-md-6">
                            <h5><i class="icon fas fa-file"></i>Status Pelaporan</h5>
                            <h6> 
                                @if (empty($pelaporan))
                                    <span class="badge badge-danger">Belum Melaporkan</span>
                                @else
                                    @if ($pelaporan->status==0)
                                    <span class="badge badge-danger">Belum Melaporkan</span>
                                    @elseif($pelaporan->status==1 || $pelaporan->status==-1)
                                        <span class="badge badge-primary right">Menunggu Penilaian</span>
                                        <a  href="{{ route('evaluasi.pelaporanhistory.detail', $pelaporan->id) }}" class="btn btn-sm btn-primary"><i class="fa fa-eye"></i> Lihat Pelaporan</a>

                                    @elseif($pelaporan->status==2)
                                        <span class="badge badge-success right">Sudah Dinilai, untuk melihat hasil penilaian pada menu Riwayat Pelaporan </span>
                                    @elseif($pelaporan->status==3)
                                        <span class="badge badge-warning right">Terdapat Revisi</span>
                                    @endif
                                @endif
                            <h6>
                                
                        </div>
                        <div class="col-md-6">
                            <h5><i class="icon fas fa-info"></i> Periode Pelaporan</h5>
                            <h6> Periode aktif pelaporan mulai tanggal 
                                <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'); }}</b>
                                <h6>
                        </div>
                    </div>
                </div>
            </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">Kode</th>
                        <th>Komponen</th>
                        <th>Bobot</th>
                        <th>Evidence sudah di upload</th>
                        <th>Keterangan</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($komponen as $kom)
                    @php
                     $revisi='';
                    if (!empty($pelaporan)) {
                        $bukti = $pelaporan->bukti->where('komponen_id',$kom->id)->count();
                        $subRev = $pelaporan->komponenSub->where('komponen_id',$kom->id)->where('status',0)->first();
                        if (!empty($subRev)) {
                           $revisi = '<span class="badge badge-warning right">Revisi</span>';
                        }
                    }else{
                        $bukti = 0;
                    }
                    $dokBelumLengkap = $dokumenWajib->where('komponen_id',$kom->id);
                        
                    @endphp
                        <tr>
                            <td>{{$kom->kode}}</td>
                            <td>{{$kom->komponen}}<br> {!!$revisi!!}</td>
                            <td>{{$kom->bobot}}</td>
                            <td>{{$bukti}}</td>
                            @if ($dokBelumLengkap->isNotEmpty())
                            <td>
                                <span class="badge badge-warning right">Dokumen Belum Lengkap</span> <br>
                                @foreach ($dokBelumLengkap as $dok)
                                    {!!'<li>'.$dok->dokumen->dokumen.'</li>'!!}
                                @endforeach
                            </td>
                            @else
                               <td><span class="badge badge-success right">Dokumen Sudah Lengkap</span></td> 
                            @endif
                            <td>
                                @if (!empty($pelaporan))
                                    @if($pelaporan->status==0 || $pelaporan->status==3 )
                                        <a  href="{{ route('evaluasi.pelaporan.komponenbukti', $kom->id) }}" class="btn btn-sm btn-success"><i class="fa  fa-folder-open"></i> Evidence</a>
                                    @endif
                                @else
                                    <a  href="{{ route('evaluasi.pelaporan.komponenbukti', $kom->id) }}" class="btn btn-sm btn-success"><i class="fa fa-folder-open"></i> Evidence</a>
                                @endif
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
                 
                    </div>
                </div>
            </div>
        </div>
 
        @if ($jumlahBukti>0)
            @if($pelaporan->status==0 || $pelaporan->status==3 )
            @if($dokumenLengkap==1 )
                    <div class="row">
                        <div class="col-sm-3"></div>
                        <div class="col-sm-6">
                            <div class="card">
                            <div class="col-md-12">
                                <div class="form-group">
                                    <label>Link Video Paparan Sakip</label>
                                    <input type="text" name="link_video" value="{{$pelaporan->link_video}}" id="link_video" class="form-control">
                                </div>
                                <div class="form-group">
                                    <label>Link Presentasi Sakip</label>
                                    <input type="text" name="link_ppt" id="link_ppt" value="{{$pelaporan->link_ppt}}"  class="form-control">
                                </div>
                                <div class="form-group">
                                <a style="cursor: pointer;" class="btn btn-lg btn-primary" id="kirim">
                                    <i class="fa fa-save"></i> Kirim Laporan
                                </a>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-3"></div>
                        </div>
                    </div>
                @else
                <div class="col-md-6 text-right">
                    <a style="cursor: pointer;" class="btn btn-lg btn-warning disabled" >
                        <i class="fa fa-exclamation-triangle"></i> Dokumen Belum Lengkap 
                    </a>
                </div>
                @endif
            @else
                <div class="row">
                    <div class="col-md-12">
                    <div class="form-group">
                        <a style="cursor: pointer;" class="btn btn-lg btn-default" href="{{$pelaporan->link_video}}" target="_blank" > <i class="fa fa-link"></i> Link Video Paparan Sakip </a>
                        <a style="cursor: pointer;" class="btn btn-lg btn-default" href="{{$pelaporan->link_ppt}}" target="_blank" > <i class="fa fa-link"></i> Link Presentasi Sakip </a>
                    </div>
                    </div>
                </div>
            @endif

        @else
                <div class="col-md-6 text-right">
                    <a style="cursor: pointer;" class="btn btn-lg btn-danger disabled">
                        <i class="fa fa-exclamation-triangle"></i> Belum Terdapat Evidence 
                    </a>
                </div>
            @endif
        

        
    </div>
@endsection



@section('js')
<script>
    $(document).on('click', '#kirim', function(){
var link_video=$('#link_video').val();
var link_ppt=$('#link_ppt').val();
swalWithBootstrapButtons.fire({
          title: 'Anda yakin mengirim pelaporan?',
          icon: 'question',
          showCancelButton: true,
          cancelButtonText: 'Batal',
          confirmButtonText: 'Yakin',
          reverseButtons: true
          }).then((result) => {
              if (result.isConfirmed) {
                  $.ajax({
                  url:"{{ route('evaluasi.pelaporan.storePelaporanKirim') }}",
                  type:'POST',
                  dataType: 'json',
                  cache: false,
                  data:{
                        link_video:link_video,
                        link_ppt:link_ppt,
                      pelaporan_id:{{$pelaporan?$pelaporan->id:null}},
                      _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']
                                  });
                              }
                      }
              });       
          }
      })  

     
             
      });
</script>
@endsection