@extends('layout.main')

@section('judul')
    <h3 class="text-gray-900 fw-bolder m-0">{{ __('Courses taken') }}</h3>
   
@endsection

@push('css')
    <link href="{{ asset('') }}assets/plugins/custom/datatables/datatables.bundle.css" rel="stylesheet" type="text/css" />
    <style>
        table,
        th,
        td {
            border: 1px solid rgb(235, 227, 227) !important;
            padding: 10px !important;
        }
    
        th {
            background-color: #8668e8 !important;
            color: white !important;
        }
    
        tr:nth-child(odd) {
            background-color: Lavender !important;
        }
    </style>
@endpush


@section('breadchums')
<ul class="breadcrumb breadcrumb-separatorless fw-semibold fs-7">
    <li class="breadcrumb-item text-gray-700 fw-bold lh-1 mx-n1">
        <a href="{{ route ('dasbormaba.index') }}" class="text-hover-primary">
            <i class="ki-duotone ki-home text-gray-700 fs-6"></i>
        </a>
    </li>
   
    <li class="breadcrumb-item">
        <i class="ki-duotone ki-right fs-7 text-gray-700"></i>
    </li>
    <li class="breadcrumb-item text-gray-700 fw-bold lh-1 mx-n1">Penilaian Tulis dan Wawancara</li>
</ul>
@endsection

@section('isi')
    <div class="swal" data-swal="{{ session('success') }}"></div>
        <!--begin::Toolbar-->
        <div class="d-flex justify-content-end" data-kt-docs-table-toolbar="base">
            <div class="card-toolbar">
                <a href="{{ route('asesor.penilaiandokumen.index') }}" class="btn btn-info btn-sm">
                    <i class="bi bi-arrow-left"></i> Kembali
                </a>&nbsp;
            </div>
        </div>
        <!--end::Toolbar-->
    <!--begin::Accordion-->

    <div class="card mb-5 mb-xl-8">
      
        <div class="card-body py-3">
            <div class="accordion" id="kt_accordion_1">
                @foreach($getAssesmenTulisWawancara as $item)
                    <div class="accordion-item">
                        <h2 class="accordion-header" id="kt_accordion_1_header_{{ $loop->index + 1 }}">
                            <button class="accordion-button fs-4 fw-semibold collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#kt_accordion_1_body_{{ $loop->index + 1 }}" aria-expanded="false" aria-controls="kt_accordion_1_body_{{ $loop->index + 1 }}">
                                Matakuliah : {{ $item->matakuliah->kd_mk }} - {{ $item->matakuliah->nama_mk }}
                            </button>
                        </h2>
                        <div id="kt_accordion_1_body_{{ $loop->index + 1 }}" class="accordion-collapse collapse" aria-labelledby="kt_accordion_1_header_{{ $loop->index + 1 }}" data-bs-parent="#kt_accordion_1">
                            <div class="accordion-body">
                                
                                <table id="kt_datatable_example_1" class="table table-bordered align-middle table-row-dashed fs-6 gy-5">
                                    <thead>
                                        <tr class="text-start text-gray-500 fw-bold fs-7 text-uppercase gs-0">
                                            <th rowspan="2" class="text-header" style="width:20px; text-align: center; vertical-align: middle;">No</th>
                                            <th rowspan="2" class="min-w-200px" style="text-align: center; vertical-align: middle">CPMK</th>
                                            <th rowspan="2" class="min-w-200px" style="text-align: center; vertical-align: middle">Pertanyaan</th>
                                            <th rowspan="2" class="min-w-200px" style="text-align: center; vertical-align: middle">Jawaban Yang diharapkan</th>
                                            <th rowspan="2" class="min-w-100px" style="text-align: center; vertical-align: middle">Jawaban Mhs (diisi oleh asesor)</th>
                                            <th colspan="5" class="min-w-100px" style="text-align:center">Skor (Ketepatan Menjawab Pertanyaan)</th>
                                            <th rowspan="2" class="min-w-100px" style="text-align: center; vertical-align: middle">Aksi</th>
                                        </tr>
                                        
                                        <tr class="text-start text-gray-500 fw-bold fs-7 text-uppercase gs-0">
                                            <th style="text-align:center;">1</th>
                                            <th style="text-align:center;">2</th>
                                            <th style="text-align:center;">3</th>
                                            <th style="text-align:center;">4</th>
                                            <th style="text-align:center;">5</th>
                                        </tr>
                                    </thead>

                                    <tbody class="text-gray-600 fw-semibold">
                                        @php $tnilai=0; @endphp
                                        @foreach ($item->matakuliah->cpmk as $itemcpmk )
                                            <tr>
                                                <td style="text-align:center;">{{ $loop->iteration }}</td>
                                                <td>{{ $itemcpmk->nmcpmk }}</td>
                                                <td>
                                                    @foreach($itemcpmk->assesmen as $item_assesmen)
                                                        @foreach($item_assesmen->asesmen_asesor as $item_asesmen_asesor)
                                                            {{ $item_asesmen_asesor->pertanyaan }}
                                                        @endforeach
                                                    @endforeach
                                                </td>
                                                <td>
                                                    @foreach($itemcpmk->assesmen as $item_assesmen)
                                                        @foreach($item_assesmen->asesmen_asesor as $item_asesmen_asesor)
                                                            {{ $item_asesmen_asesor->jawabanmhs }}
                                                        @endforeach
                                                    @endforeach
                                                </td>
                                                <td>
                                                    @foreach($itemcpmk->assesmen as $item_assesmen)
                                                        @foreach($item_assesmen->asesmen_asesor as $item_asesmen_asesor)
                                                            {{ $item_asesmen_asesor->jawabanasesor }}
                                                        @endforeach
                                                    @endforeach
                                                   
                                                </td>

                                                <td colspan="5" style="text-align:center;">
                                                    @foreach($itemcpmk->assesmen as $item_assesmen)
                                                       {{-- @if(isset($item_assesmen->asesmen_asesor) && is_array($item_assesmen->asesmen_asesor)) --}}
                                                            @foreach($item_assesmen->asesmen_asesor as $item_asesmen_asesor)
                                                                {{ $item_asesmen_asesor->skorketepatan_menjawab }}
                                                            @endforeach
                                                        {{-- @endif --}}
                                                    @endforeach
                                                </td>
                                               
                                                <td style="text-align:center;">
                                                    @php
                                                        $hasIdAssesmen = false;
                                                    @endphp
                                                    @foreach($itemcpmk->assesmen as $item_assesmen)
                                                        @foreach($item_assesmen->asesmen_asesor as $item_assesmen_asesor)
                                                             @if(isset($item_assesmen_asesor->id_assesmen))
                                                              {{-- {{ $item_assesmen_asesor }} --}}
                                                                <a href="javascript:void(0);" onClick="editFunc('{{ $item_assesmen_asesor->id }}')" class="btn btn-warning btn-sm">
                                                                edit
                                                                </a>
                                                                @php
                                                                    $hasIdAssesmen = true;
                                                                @endphp
                                                             
                                                             @endif
                                                        @endforeach
                                                    @endforeach
                                                    @if(!$hasIdAssesmen)
                                                        @foreach($itemcpmk->assesmen as $item_assesmen)
                                                            <a href="javascript:void(0);" onClick="AddFunc('{{ $item_assesmen->id }}')" class="btn btn-success btn-sm">
                                                                Add
                                                            </a>
                                                        @endforeach
                                                    @endif
                                                    
                                                </td>
                                            </tr>
                                                @foreach($itemcpmk->assesmen as $item_assesmen)
                                                    {{-- @if(isset($item_assesmen->asesmen_asesor) && is_array($item_assesmen->asesmen_asesor)) --}}
                                                        @foreach($item_assesmen->asesmen_asesor as $item_asesmen_asesor)
                                                            @php
                                                                $tnilai=$tnilai+$item_asesmen_asesor->skorketepatan_menjawab;
                                                            @endphp
                                                        @endforeach
                                                    {{-- @endif --}}
                                                @endforeach
                                        @endforeach
                                           
                                    </tbody>
                                    @php $jumlahCpmk = $item->matakuliah->cpmk->count(); @endphp

                                    <tr>
                                        <td colspan="4" style="text-align:right;">Total Nilai</td>
                                        <td></td>
                                        <td colspan="5" style="text-align:center;">{{ $tnilai }}</td>
                                        <td></td>
                                    </tr>
                                  
                                    <tr>
                                        <td colspan="4" style="text-align:right;">Total CPMK</td>
                                        <td></td>
                                        <td colspan="5" style="text-align:center;">{{ $jumlahCpmk }}</td>
                                        <td></td>
                                    </tr>
                                   
                                    <tr>
                                        <td colspan="4" style="text-align:right;">Final Penilaian Per CPMK</td>
                                        <td></td>
                                        <td colspan="5" style="text-align:center;">{{ ($tnilai/$jumlahCpmk)*20 }}</td>
                                        <td></td>
                                    </tr>
                                </table>   
                            </div>
                        </div>
                    </div>
                   
                @endforeach
            </div>
        </div>
    </div>
    <!--end::Accordion-->
   
    @include('asesor.penilaian-tulis-dan-wawancara.modals-penilaian-tuliswawancara')
    {{-- @include('asesor.penilaian-tulis-dan-wawancara.modals-edit-penilaian-tuliswawancara') --}}

@endsection
@section('modals')
 


@endsection

@push('js-vendor')
    <script src="{{ asset('') }}assets/plugins/custom/datatables/datatables.bundle.js"></script>
@endpush

@push('js-page')

<script>

    $(document).ready( function () {
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
    });

    function editFunc(id)
    {
        $.ajax({
            type:"POST",
            url: "{{ route('asesor.penilaiantuliswawancara.penilaianTulisDanWawancaraEditShowData') }}",
            data: { id: id },
            dataType: 'json',
            success: function(response){
               console.log(response); 
                $('#form-penilaian-tulisdanwawancara').trigger("reset");
                $('#modal-penilaian-tulisdanwawancara .modal-tittle').text('Edit Penilaian Tulis dan Wawancara');
                $('#modal-penilaian-tulisdanwawancara').modal('show');
                $('#id_assesmen_asesor').val(response.id);
             
                $('#nama_mk_id').val(response.nama_mk);
                $('#cpmk_id').val(response.nmcpmk);
                $('#pertanyaan_id').val(response.pertanyaan);
                $('#jawaban_diinginkan_id').val(response.jawabanasesor);
                $('#jawaban_mhs_id').val(response.jawabanmhs);
                $('#modal-penilaian-tulisdanwawancara input[name=radio_nilai][value=' + response.skorketepatan_menjawab + ']').prop('checked', true);
            },
            error: function(xhr, status, error) {
                console.error(xhr.responseText); 
            }
        });
    }

    function AddFunc(id)
    {
        $.ajax({
            type:"POST",
            url: "{{ route('asesor.penilaiantuliswawancara.penilaianTulisDanWawancaraAddShowData') }}",
            data: { id: id },
            dataType: 'json',
            success: function(response){
              // console.log(response); 
                $('#modal-penilaian-tulisdanwawancara .modal-tittle').text('Add Penilaian Tulis dan Wawancara');
                $('#form-penilaian-tulisdanwawancara').trigger("reset");
                $('#modal-penilaian-tulisdanwawancara').modal('show');
                $('#id_asessmen').val(response.id);
                $('#nama_mk_id').val(response.nama_mk);
                $('#cpmk_id').val(response.nmcpmk);
              
            },
            error: function(xhr, status, error) {
                console.error(xhr.responseText); 
            }
        });
    }


    $('#form-penilaian-tulisdanwawancara').submit(function(e) {
        e.preventDefault();
        var formData = new FormData(this);
        $.ajax({
            type:'POST',
            url: "{{ route('asesor.penilaiantuliswawancara.storeOrUpdate') }}",
            data: formData,
            cache:false,
            contentType: false,
            processData: false,
            success: function (data) {
                $("#modal-penilaian-tulisdanwawancara").modal('hide');
                // var oTable = $('#kt_datatable_example_1').dataTable();
                // oTable.fnDraw(false);
                $("#btn-save").html('Submit');
                $("#btn-save"). attr("disabled", false);
                    Swal.fire({
                        icon: 'success',
                        title: 'Sukses!',
                        text: 'Data berhasil disimpan.',
                        buttonsStyling: false,
                        showConfirmButton: false,
                        timer: 1500,
                    }).then(function() {
                        location.reload();
                    });
            },
            error: function(data){
               
                let errorMessage = '';
                if (data.responseJSON.errors) {
                    // setiap pesan kesalahan
                    Object.values(data.responseJSON.errors).forEach(error => {
                        errorMessage = error;
                    });
                }

                if (errorMessage) {
                    Swal.fire({
                        icon: 'error',
                        title: 'Oops...',
                        text: errorMessage,
                    });
                } else {
                //pesan kesalahan umum
                    Swal.fire({
                        icon: 'error',
                        title: 'Oops...',
                        text: data.responseJSON.message || 'Terjadi kesalahan saat menyimpan data.',
                    });
                }
            }
        });
    });


   
   

</script>

@endpush