@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"><a href="{{route('user.evaluasi.show',['id'=> $id])}}">{{$title}}</a></li>
            <li class="breadcrumb-item active" aria-current="page">Document {{$evaluasiEntitas->entitas}}</li>
          </ol>
      </nav>
  </div>
</div>

@if ($evaluasiEntitas)

<div class="row">
  <div class="col-sm-12">
    <div class="card">
      <div class="card-body">
        <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">TAHUN {{$title}}</p>
        <p class="font-weight-bold text-center mb-4">{{$evaluasiEntitas->entitas}}</p>

        <form action="{{route('user.evaluasi.entitas.store',['id'=> $id])}}" method="post"> @csrf
        <input type="hidden" name="id_quest" value="{{$idQuestString}}">
        <input type="hidden" name="is_wawancara" value="1">

        <div class="table-responsive">
          <table class="table table-sm table-bordered">
            <tr class="text-center" style="font-size: 12px">
              <th>No</th>
              <th style="width: 15%">KOMPONEN/ASPEK YANG DINILAI/TOPIK</th>
              <th style="width: 15%">PENJELASAN</th>
              <th style="width: 30%">PANDUAN</th>
              <th style="width: 20%">JAWABAN</th>
              <th>SIMPULAN</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)

                <br />
<b>Notice</b>:  Undefined variable: quest in <b>C:\xampp\htdocs\menejemen-risiko\resources\views\user\evaluasi-answer-wawancara.blade.php</b> on line <b>88</b><br />
<br />
<b>Notice</b>:  Trying to access array offset on value of type null in <b>C:\xampp\htdocs\menejemen-risiko\resources\views\user\evaluasi-answer-wawancara.blade.php</b> on line <b>88</b><br />
<br />
<b>Notice</b>:  Undefined variable: quest in <b>C:\xampp\htdocs\menejemen-risiko\resources\views\user\evaluasi-answer-wawancara.blade.php</b> on line <b>89</b><br />
<br />
<b>Notice</b>:  Trying to access array offset on value of type null in <b>C:\xampp\htdocs\menejemen-risiko\resources\views\user\evaluasi-answer-wawancara.blade.php</b> on line <b>89</b><br />
                    <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>{!!$panduans[$quest['panduan_id']] ?? null!!}</td>
                      <td class="align-top"> <textarea class="form-control" name="jawaban[{{$quest['id']}}]" placeholder="Jawaban" rows="10">{{$jawaban }}</textarea></td>
                      <td class="align-top">
                        <select name="answerWawancara[{{$quest['id']}}]" id="selectAnswer{{$quest['id']}}" class="form-control form-control-sm" onchange="answer('selectAnswer{{$quest['id']}}','answerDokumen{{$quest['id']}}',this)">
                          <option value="">Pilih Jawaban</option>
                          @foreach ($quest['options'] as $option)
                          <option value="{{$option->value}}" {{env('APP_ENV') != 'production' ? ($option->value == 1 ?'selected' : '') : ''}} 
                            {{isset($answerEntitas[$quest['id']]) ?  ($answerEntitas[$quest['id']]['answer_wawancara'] == $option->value ? 'selected' : '') : ''}}>{{$option->option}}</option>
                          @endforeach
                        </select>
                      </td>
                    </tr>
                    
                                    @endforeach
                @endif
                @endforeach
            @endif
            @endforeach
            <tr>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td></td>
              <td class="text-center" id="totalScore">{{$totalScore}}</td>
            </tr>
          </table>
        </div>
        <button class="btn btn-success btn-block mt-3">Simpan</button>
      </form>

      </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)
    $('#totalScore').html('')
    
  }
</script>
@endsection