@extends('layout.main')

@section('judul')
    <h1 class="text-gray-900 fw-bolder m-0">Riwayat Pelatihan</h1>
@endsection

@push('css')
    <link href="{{ asset('') }}assets/plugins/custom/datatables/datatables.bundle.css" rel="stylesheet" type="text/css" />
@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 Dokumen</li>
</ul>
@endsection

@section('isi')
    <div class="swal" data-swal="{{ session('success') }}"></div>
    <!--begin::Accordion-->

    <div class="card mb-5 mb-xl-8">
        <!--begin::Header-->
        <div class="card-header border-0 pt-5">
                <!--begin::Toolbar-->
                <div class="d-flex justify-content-end" data-kt-docs-table-toolbar="base">
                    <div class="card-toolbar">
                        <a href="{{ route('dasbormaba.index') }}" class="btn btn-info btn-sm">
                            <i class="bi bi-arrow-left"></i> Beranda
                        </a>&nbsp;
                    </div>
                </div>
                <!--end::Toolbar-->
        </div>
        <div class="card-body py-3">
            <div class="accordion" id="kt_accordion_1">
                @foreach($matakuliah 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->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">
                                <!-- Content for each item -->
                                <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 class="min-w-10px">No</th>
                                            <th class="min-w-200px" style="text-align:left">CPMK</th>
                                            <th class="min-w-100px" style="text-align:center">Profiesiensi Pengetahuan dan keterampilan saatini</th>
                                            <th class="min-w-100px" style="text-align:center">Hasil Evaluasi Asesor</th>
                                            <th class="min-w-100px" style="text-align:center">Bukti Yaang disampaikan</th>
                                            <th rowspan="2" class="min-w-100px" style="text-align:center">Nilai Dokumen</th>
                                            <th rowspan="2" class="min-w-200px" style="text-align:center">Aksi</th>
                                        </tr>
                                        <tr class="text-start text-gray-500 fw-bold fs-7 text-uppercase gs-0">
                                            <th class="min-w-100px" style="text-align:center">Sangat Baik/Baik/Tidak Pernah</th>
                                            <th class="min-w-100px" style="text-align:center">V</th>
                                            <th class="min-w-100px" style="text-align:center">A</th>
                                            <th class="min-w-100px" style="text-align:center">T</th>
                                            <th class="min-w-100px" style="text-align:center">M</th>
                                        </tr>
                                    </thead>
                                    <tbody class="text-gray-600 fw-semibold">
                                    
                                    </tbody>
                                </table>

                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
         
        </div>
    </div>
<!--end::Accordion-->
{{-- @includeIf('maba.evaluasi_diri.formaddmodals')
@includeIf('maba.evaluasi_diri.formeditmodals') --}}
@endsection

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

@push('js-page')

<script>
    function addForm(idcpmk,kd_mk) 
    {
        $('#modal-form-add').modal('show');
        $('#modal-form-add .modal-tittle').text('Tambah Data');
        $('#modal-form-add form')[0].reset();
        // $('#modal-form-add form').attr('action', url);
        $('#modal-form-add form [name=_method]').val('post');
        $('#modal-form-add form [name=kode_profesiensi_keterampilan]').focus();
        $('#id_cpmk').val(idcpmk);
        $('#kd_mk').val(kd_mk);
    }

    function editForm(url) 
    {
        $('#modal-form-edit').modal('show');
        $('#modal-form-edit .modal-tittle').text('Edit Data');

        $('#modal-form-edit form')[0].reset();
        // $('#modal-form-edit form').attr('aksi', url); 
        $('#modal-form-edit form [name=_method]').val('put');
        $('#modal-form-edit form [name="kode_profesiensi_keterampilan"]').focus();
       
        $.get(url)
            .done((response) => {
                $('#modal-form-edit [name=id]').val(response.id);
                $('#modal-form-edit [name=id_cpmk]').val(response.idcpmk);
                $('#modal-form-edit [name=kd_mk]').val(response.kd_mk);
                $('#modal-form-edit [name=kode_profesiensi_keterampilan]').val(response.id_profesiensi_keterampilan);
                // Loop through the selected_dokumen array and check the corresponding checkboxes
                $.each(response.selected_dokumen, function(index, value) {
                    $('#modal-form-edit [name="dokumen_pendukung[]"][value="' + value + '"]').prop('checked', true);
                });
            })
            .fail((errors) => {
                Swal.fire({
                    text: "Tidak dapat Menampilkan data.",
                    icon: "error",
                    buttonsStyling: !1,
                    confirmButtonText: "Ok, got it!",
                    customClass: {
                        confirmButton: "btn btn-primary"
                    }
                })
            });
   }
</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