@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">Data Matakuliah</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($dtmatakuliah 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; vertical-align: middle;">No</th>
                                            <th rowspan="2" class="min-w-200px" style="vertical-align: middle">CPMK</th>
                                            <th class="min-w-100px" style="text-align:center">Profiesiensi Pengetahuan dan keterampilan saatini</th>
                                            <th colspan="4" class="min-w-100px" style="text-align:center">Hasil Evaluasi Asesor</th>
                                            <th class="min-w-100px" style="text-align:center">Bukti Yang disampaikan</th>
                                            <th rowspan="2" class="min-w-200px" style="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;">Sangat Baik/Baik/Tidak Pernah</th>
                                            <th style="text-align:center;">V</th>
                                            <th style="text-align:center;">A</th>
                                            <th style="text-align:center;">T</th>
                                            <th style="text-align:center;">M</th>
                                            <th>Jenis Dokumen</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>
                                                @php
                                                    $foundAssesmen = false;
                                                @endphp

                                                @foreach ($dataAssesmen as $itemAssesmen)    
                                                    @if ($itemAssesmen->idcpmk == $itemcpmk->id)
                                                        <td style="text-align:center;">
                                                            @if ($itemAssesmen->id_profesiensi_keterampilan ==! null) 
                                                                {{ $itemAssesmen->profesiensi->ketprofesiensi_keterampilan }}
                                                            @else

                                                            @endif
                                                        </td>

                                                        <td colspan="4" style="text-align:center;">
                                                            @foreach ( $itemAssesmen->asesmen_asesor as $item_nilai_dok )
                                                                {{ $item_nilai_dok->hasil_evaluasi_asesor }}
                                                            @endforeach
                                                        <td>
                                                            @foreach ($itemAssesmen->assesmendokumen as $itemAssesmenDokumen)
                                                            <a href="" data-bs-toggle="modal" data-bs-target="#kt_modal_1" data-url="{{ $itemAssesmenDokumen->dokumen_pendukung->storage_url }}"
                                                                class="fs-6 text-hover-primary fw-bold show-docs text-right">
                                                                {{ $itemAssesmenDokumen->dokumen_pendukung->nama_dokumen }}<br>
                                                            </a>
                                                            @endforeach
                                                        </td>
                                                       
                                                        <td style="text-align:center;">
                                                            <a href="javascript:void(0);" onClick="editFunc('{{ $itemAssesmen->id }}')" class="btn btn-success btn-sm">
                                                                Input Nilai
                                                            </a>
                                                        </td>
                                                            @foreach ( $itemAssesmen->asesmen_asesor as $item_nilai_dok )
                                                            @php  $tnilai=$tnilai+ $item_nilai_dok->hasil_evaluasi_asesor;  @endphp
                                                            @endforeach
                                                        @endif
                                                @endforeach 
                                            </tr>
                                            @php 
                                                $jumlahCpmk = $item->matakuliah->cpmk->count(); 
                                            @endphp
                                        @endforeach
                                    </tbody>
                                    <tr>
                                        <td colspan="3" style="text-align:right;">Total Nilai</td>
                                        <td colspan="4" style="text-align:center;">{{ $tnilai }}</td>
                                        <td colspan="2"></td>
                                    </tr>
                                    <tr>
                                        <td colspan="3" style="text-align:right;">Jumlah CPMK</td>
                                        <td colspan="4" style="text-align:center;">{{ $jumlahCpmk }}</td>
                                        <td colspan="2"></td>
                                    </tr>
                                    
                                    <tr>
                                        <td colspan="3" style="text-align:right;">Final Penilaian Per CPMK</td>
                                        <td colspan="4" style="text-align:center;">{{ ($tnilai/$jumlahCpmk)*20 }}</td>
                                        <td colspan='2'></td>
                                    </tr>
                                   
                                </table>   
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </div>
    <!--end::Accordion-->
    @includeIf('asesor.penilaian_dokumen.modals-penilaian-dokumen')

    <div class="modal fade" tabindex="-1" id="kt_modal_1">
        <div class="modal-dialog modal-dialog-centered modal-xl">
            <div class="modal-content">
                <div class="modal-header">
                    <h3 class="modal-title">Preview File</h3>
    
                    <!--begin::Close-->
                    <div class="btn btn-icon btn-sm btn-active-light-primary ms-2" data-bs-dismiss="modal"
                        aria-label="Close">
                        <i class="ki-duotone ki-cross fs-1"><span class="path1"></span><span class="path2"></span></i>
                    </div>
                    <!--end::Close-->
                </div>
    
                <div class="modal-body">
                    <iframe src="" frameborder="0" id="iframe_docs" width="100%" height="500px"></iframe>
                </div>
    
                <div class="modal-footer">
                    <button type="button" class="btn btn-light" data-bs-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>

@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.penilaiandokumen.penilaianshow') }}",
            data: { id: id },
            dataType: 'json',
            success: function(response){
               console.log(response); 
                $('#penilaian-dokumen-modal .modal-tittle').text('Edit Penilaian');
                $('#penilaian-dokumen-modal').modal('show');
                $('#id').val(response.id);
                $('#nama_mk_id').val(response.nama_mk);
                $('#cpmk_id').val(response.nmcpmk);
                
                if (response.hasil_evaluasi_asesor >= 1 && response.hasil_evaluasi_asesor <= 4) {
                    $('input[name="keterangan_nilai"][value="' + response.hasil_evaluasi_asesor + '"]').prop('checked', true);
                } else {
                    console.error('Invalid keterangan_nilai value in response.');
                }
            },
            error: function(xhr, status, error) {
                console.error(xhr.responseText); 
            }
        });
    }

    $('#penilaian-dokumen-form').submit(function(e) {
        e.preventDefault();
        var formData = new FormData(this);
        $.ajax({
            type:'POST',
            url: "{{ route('asesor.penilaiandokumen.storeOrUpdate')}}",
            data: formData,
            cache:false,
            contentType: false,
            processData: false,
            success: function (data) {
               // console.log(response.data);
                $("#penilaian-dokumen-modal").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){
                console.log(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.',
                    });
                }
            }
        });
    });

    $(document).on('click', '.show-docs', function() {
        var data = $(this).data('url');
        $('#iframe_docs').attr('src', data);
    })

</script>



<script>
  
    const swal = $('.swal').data('swal');
    if (swal) {
        Swal.fire({
            title: 'Success',
            icon: "success",
            text: swal,
            buttonsStyling: false,
            showConfirmButton: false,
            timer: 1500,
        });
    }
</script>

@endpush