@extends('user.template')

@section('head')
<meta name="csrf-token" content="{{ csrf_token() }}">
@endsection

@section('content')
<div class="row">
    <div class="col-md-12 grid-margin">
      <div class="row">
        <div class="col-12 col-xl-8 mb-4 mb-xl-0">
          <h3 class="font-weight-bold">Simpulan</h3>
          <h6 class="font-weight-normal mb-0">Simpulan</h6>
        </div>
        <div class="col-12 col-xl-4">
            <div class="justify-content-end d-flex">
                <div class="flex-md-grow-1 flex-xl-grow-0">
                <a href="{{route('user.mr.simpulan.review',['id'=>$mr->id])}}" class="btn btn-danger btn-sm">
                    <i class="icon-layout mx-0"></i>
                    Review
                </a>
                </div>
            </div>
        </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.mr.show',['id'=>$mr->id])}}">Manajemen Risiko</a></li>
                <li class="breadcrumb-item active" aria-current="page">Simpulan</li>
            </ol>
        </nav>
    </div>
</div>

<div class="row">
    <div class="col-md-12 grid-margin stretch-card">
        <div class="card">
            <div class="card-body">
                <div class="table-responsive">
                    <form action="{{route('user.mr.simpulan.update',['id'=> $mr->id])}}" id="simpan-form" method="post"> @method('put') @csrf
                        <table class="table table-striped table-sm table-bordered">
                            <thead>
                            <tr class="text-center">
                                <th rowspan="2" class="align-middle">No</th>
                                <th rowspan="2" class="align-middle" style="max-width: 200px">Sub Unsur</th>
                                <th colspan="2">Hasil Review Dokumen</th>
                                <th colspan="2">Hasil Surve Persepsi</th>
                            </tr>
                            <tr>
                                <th class="text-center">Hasil</th>
                                <th class="text-center">Uraian</th>
                                <th class="text-center">Hasil</th>
                                <th class="text-center">Uraian</th>
                            </tr>
                            </thead>
                            <tbody>

                                @foreach ($simpulans as $no => $simpulan)
                                    <tr class="simpulan{{$simpulan->id}} text-center">
                                        <td>{{$no+1}}</td>
                                        <td class="text-left" style="max-width: 200px">{{$simpulan->sub_unsur}}</td>
                                        <td>
                                            <select class="form-control" name="hasil_review[{{$simpulan->id}}]">
                                                <option value="" {{in_array($simpulan->hasil_review,['Memadai','Kurang Memadai'])? '' : 'selected disabled'}}>Nilai</option>
                                                <option value="Memadai" {{$simpulan->hasil_review=='Memadai'? 'selected' : ''}}>Memadai</option>
                                                <option value="Kurang Memadai" {{$simpulan->hasil_review=='Kurang Memadai'? 'selected' : ''}}>Kurang Memadai</option>
                                            </select>
                                        </td>
                                        <td style="max-width: 200px">
                                            {{$simpulan->uraian_review}}
                                        </td>
                                        <td>{{$simpulan->hasil_persepsi}}</td>
                                        <td>
                                            <textarea name="uraian_persepsi[{{$simpulan->id}}]" id="" class="form-control" cols="30" rows="5" style="white-space: pre-wrap;">{{$simpulan->uraian_persepsi}}</textarea>
                                        </td>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                        <button type="submit" class="btn btn-block btn-primary mt-3" >Simpan</button>
                    </form>
                </div>

            </div>
        </div>
    </div>
</div>

@endsection

@section('script')

<script src="{{asset('js/sweetalert2.js')}}"></script>

<script>

// function changeHasilSimpulan(simpulan_id, valuess) {
// var value = valuess.value;  
//   $.get( "{{route('user.mr.simpulan.change')}}?simpulan_id="+simpulan_id+"&hasil_review="+value, function(data){
//     console.log(data)
//   })
// };

</script>
@endsection