@extends('user.template')
@section('title', $title)
@section('head')
@endsection

@section('content')

<div class="row">
  <div class="col-md-12 grid-margin">
    <div class="row">
      <div class="col-12 col-xl-9 mb-4 mb-xl-0">
        <h3 class="font-weight-bold">Evaluasi</h3>
        <h6 class="font-weight-normal mb-0">{{$title}}</h6>
      </div>
      <div class="col-12 col-xl-3">
        
      </div>
    </div>
  </div>
</div>
<div class="row">
  <div class="col-sm-12 mb-3">
      <nav aria-label="breadcrumb">
          <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{route('user.evaluasi.home')}}">Evaluasi</a></li>
            <li class="breadcrumb-item active" aria-current="page">{{$title}}</li>
          </ol>
      </nav>
  </div>
</div>

@if ($isAccess)

<div class="row mb-3">
  <div class="col-sm-12">
    <div class="card">
      <div class="card-body">
        <table class="table table-sm">
          <tr class="text-center">
            <th>No</th>
            <th>Entitas</th>
            <th>Document</th>
            <th>Wawancara</th>
            <th>Review</th>
            <th>Action</th>
          </tr>
          @foreach ($evaluasiEntitass as $no => $evaluasiEntitas)
          <tr class="text-center">
            <td>{{$no+1}}</td>
            <td class="text-left">{{$evaluasiEntitas->entitas}}</td>
            <td>
              @if (Auth::user()->entitas_id == $evaluasiEntitas->entitas_id)
                <a href="{{route('user.evaluasi.entitas.document',['id'=>$id])}}" class="btn btn-outline-{{$evaluasiEntitas->document ? 'success' : 'danger'}} btn-sm btn-block"> {{$evaluasiEntitas->document ? 'OK' : 'Lengkapi'}}<a></td>
              @else
              {!!$evaluasiEntitas->document ? '<i class="ti-check-box font-weight-bold text-success"></i>' : '<i class="ti-close text-danger font-weight-bold"></i>'!!}
              @endif
            <td>
              @if (Auth::user()->entitas_id == $evaluasiEntitas->entitas_id)
                <a href="{{route('user.evaluasi.entitas.wawancara',['id'=>$id])}}" class="btn btn-outline-{{$evaluasiEntitas->wawancara ? 'success' : 'danger'}} btn-sm btn-block"> {{$evaluasiEntitas->wawancara ? 'OK' : 'Lengkapi'}}<a></td>
              @else
              {!!$evaluasiEntitas->wawancara ? '<i class="ti-check-box font-weight-bold text-success"></i>' : '<i class="ti-close text-danger font-weight-bold"></i>'!!}
              @endif
            </td>
            <td>
              @if (Auth::user()->entitas_id == $evaluasiEntitas->entitas_id)
                <a href="{{route('user.evaluasi.entitas.review',['id'=>$id])}}" class="btn btn-outline-{{$evaluasiEntitas->review ? 'success' : 'danger'}} btn-sm btn-block"> {{$evaluasiEntitas->review ? 'OK' : 'Lengkapi'}}<a></td>
              @else
              {!!$evaluasiEntitas->review ? '<i class="ti-check-box font-weight-bold text-success"></i>' : '<i class="ti-close text-danger font-weight-bold"></i>'!!}
              @endif
            </td>
            <td>
              <a href="{{route('user.evaluasi.entitas.view',['id'=>$id])}}" class="btn btn-success btn-sm btn-block"> View<a></td>
            </td>
          </tr>
          @endforeach
        </table>
      </div>
    </div>
  </div>
</div>

<div class="row">
  <div class="col-sm-12">
    <div class="card pt-5">
      <div class="card-body">
        @if (count($subs))
          <div class="table-responsive">
            <p class="font-weight-bold text-center">SCORECARD EVALUASI ATAS PENERAPAN MANAJEMEN RISIKO</p>
            <p class="font-weight-bold text-center">PADA PEMERINTAH DAERAH</p>
            <p class="font-weight-bold text-center mb-4">TAHUN {{$title}}</p>
            <table class="table table-sm table-bordered">
              <tr class="text-center" style="font-size: 14px">
                <th>No</th>
                <th style="width: 100px">KOMPONEN/ASPEK YANG DINILAI/TOPIK</th>
                <th style="width: 150px">PENJELASAN</th>
                <th>BOBOT</th>
                <th>KETERANGAN JAWABAN</th>
                <th>WAWANCARA</th>
              </tr>
              
              @foreach ($subs as $sub)
              <tr>
                <td class="font-weight-bold text-center">{{$sub->number}}</td>
                <td class="font-weight-bold" colspan="2">{{$sub->title}}</td>
                <td id="bobotSubs"></td>
                <td></td>
                <td></td>
              </tr>
              @if (isset($topics[$sub->id]))
                  @foreach ($topics[$sub->id] as $topic)
                  @if ($topic->komponen != null && $topic->penjelasan != null)
                  <tr>
                    <td class="align-top text-center font-weight-bold">{{$topic->number}}</td>
                    <td class="align-top">{!!$topic->komponen!!}</td>
                    <td class="align-top">{{$topic->penjelasan}}</td>
                    <td></td>
                    <td></td>
                    <td></td>
                  </tr>
                  @endif

                  @if (isset($quests[$topic->id]))
                  @foreach ($quests[$topic->id] as $quest)
                      <tr>
                        <td class="text-center align-top">{{$quest['number']}}</td>
                        <td class="align-top">{{$quest['komponen']}}</td>
                        <td class="align-top">{{$quest['penjelasan']}}</td>
                        <td class="text-center align-top">{{$quest['bobot']}}</td>
                        <td class="align-top" >
                            @foreach ($quest['options'] as $option)
                              <p> <b>({{$option->option}} = {{$option->value}})</b> {{$option->description}}</p> 
                            @endforeach
                        </td>
                        <td class="text-center">
                          {{$quest['is_wawancara'] ? 'Ya' : 'Tidak'}}
                        </td>
                      </tr>
                  @endforeach
                  @endif
                  @endforeach
              @endif
              @endforeach
            </table>
            </form>
          </div>
        @else 
          <form action="{{route('user.evaluasi.entitas.import',['id'=> $id])}}" method="post">@csrf
            <div class="text-center">
              <button type="submit" class="btn btn-primary btn-lg m-5">Import Dari Data Default</button>
            </div>
          </form>
        @endif
      </div>
    </div>
  </div>
</div>

@else

<div class="row">
  <div class="col-sm-12">
    <div class="card">
      <div class="card-body">
        Anda Tidak Ada Akses
      </div>
    </div>
  </div>
</div>
@endif

@endsection

@section('script')
<script>
  function answer(idSelect, valueFor){
    var answ = $('#'+idSelect).find(":checked").val()
    console.log(valueFor)
    $('#'+valueFor).html(answ)
  }
</script>
@endsection