@extends('layouts.main')

@section('isi')
<style>
    table, th, td
    {
        border: 1px solid rgb(255, 255, 255) !important;
        padding: 10px !important;
    }
    
    th
    {
        background-color: #01a096e6 !important;
        color: rgb(244, 243, 243) !important;
    }
    
    tr:nth-child(odd)
    {
        background-color: #f5f9fa !important;
    }

    .center-text {
        text-align: center;
    }
</style>
<div id="kt_app_content" class="app-content flex-column-fluid">
    <!--begin::Content container-->
    <div id="kt_app_content_container" class="app-container container-fluid">
        <!--begin::Tables Widget 13-->
        <div class="card shadow mb-5 mb-xl-8">
            <!--begin::Header-->
            <div class="card-header border-0 pt-5">
                <h3 class="card-title align-items-start flex-column">
                    <span class="card-label fw-bold fs-3 mb-1">Pelatihan Yang Telah di Ambil</span>
                    <span class="text-muted mt-1 fw-semibold fs-7">Survei Evaluasi Dosen </span>
                </h3>
                <div class="card-toolbar">
                    <!--begin::Menu-->
                    
                    <!--end::Menu-->
                </div>
            </div>
            <!--end::Header-->
            <!--begin::Body-->
            <div class="card-body py-3">
                <!--begin::Table container-->
                <div class="table-responsive">
                    <!--begin::Table-->
                    <table class="table table-row-bordered table-row-gray-100 align-middle gs-0 gy-3">
                        <!--begin::Table head-->
                        <thead>
                            <tr class="fw-bold text-muted">
                                <th class="min-w-10px">No</th>
                                <th class="min-w-10px">T.A</th>
                                <th class="min-w-10px">Status Pelatihan</th>
                                <th class="min-w-150px">Kode Pelatihan</th>
                                <th class="min-w-140px">Pelatihan</th>
                                <th class="min-w-120px">Tutor</th>
                                <th class="min-w-120px">Hari</th>
                                <th class="min-w-120px">Jam</th>
                                <th class="align-middle text-center">Status Survei EDOM</th>
                            </tr>
                        </thead>
                        <!--end::Table head-->
                        <!--begin::Table body-->
                        <tbody>
                            @foreach ($dataKrs as $itemkrs)
                            <tr>
                                <td>{{ $loop->iteration}}</td>
                                <td>{{ $itemkrs->thakad }}</td>
                                <td>{{ $itemkrs->stspel }}</td>
                                <td>{{ $itemkrs->kd_mppel }}</td>
                                <td>{{ $itemkrs->jadwal->matakuliahpelatihan->nmpel }}</td>
                                <td>{{ $itemkrs->jadwal->pegawai->namaLengkap ?? '-' }}</td>
                                <td>{{ $itemkrs->jadwal->hari }}</td>
                                <td>{{ $itemkrs->jadwal->pukul }}</td>
                                <td class="align-middle text-center">
                                    @if(isset($statusKuesioner[$itemkrs->jadwal->id_jadwal]) && $statusKuesioner[$itemkrs->jadwal->id_jadwal])
                                        <span class="badge badge-light-success fs-7 px-2 py-2">Sudah diIsi</span>
                                    @else
                                        <a href="{{ route('history-survei-edom.getPertanyaanEdom', ['token' => $itemkrs->token_kuesioner]) }}" 
                                            class="btn btn-warning er fs-8 px-2 py-2">
                                            Isi Kuesioner
                                        </a>
                                    @endif 
                                </td>
                            </tr>
                                
                            @endforeach
                        </tbody>
                        <!--end::Table body-->
                    </table>
                    <!--end::Table-->
                </div>
                <!--end::Table container-->
            </div>
            <!--begin::Body-->
        </div>
        <!--end::Tables Widget 13-->
    </div>
</div>
@endsection

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

@push('js-page')
@endpush