<?php $__env->startSection('title', 'Detail Heatmap Pemetaan Kompetensi'); ?>

<?php $__env->startSection('style'); ?>
<style>
    .heatmap-table thead th {
        color: #8b8378;
        background: #fdf5e6;
        border-bottom: 2px solid #e8e4d9;
        font-size: 0.8rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        white-space: nowrap;
        padding: 1rem;
    }
    .heatmap-table tbody td {
        padding: 1rem;
        border-color: #e8e4d9;
        vertical-align: middle;
    }
    .person-name {
        color: #4a3728;
        font-weight: 700;
        font-size: 0.95rem;
    }
    .score-pill {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 45px;
        padding: 0.4rem;
        border-radius: 8px;
        font-size: 0.85rem;
        font-weight: 700;
    }
    .tone-green { background: #dce5da; color: #4a6348; }
    .tone-amber { background: #fdf5e6; color: #b8860b; }
    .tone-red { background: #f2d5d3; color: #8a4843; }
</style>
<?php $__env->stopSection(); ?>

<?php $__env->startSection('content'); ?>
<div class="content-header mb-4">
    <div class="d-flex justify-content-between align-items-center">
        <div>
            <h4 class="mb-1">Heatmap Pemetaan Kompetensi (<?php echo e($assessmentYear); ?>)</h4>
            <div class="text-muted small">Detail matriks jabatan fungsional terhadap kategori hasil kompetensi ASN.</div>
        </div>
        <div>
            <a href="<?php echo e(route('admin.dashboard')); ?>" class="btn btn-outline-secondary">
                <i class="fas fa-arrow-left me-1"></i> Kembali ke Dashboard
            </a>
        </div>
    </div>
</div>

<div class="card border-0 shadow-sm rounded-4">
    <div class="card-body p-0">
        <?php if($heatmapKompetensi->isNotEmpty()): ?>
            <div class="table-responsive">
                <table class="table heatmap-table align-middle mb-0">
                    <thead>
                        <tr>
                            <th class="border-0 px-4 py-3" style="width: 5%">No</th>
                            <th class="border-0 px-4 py-3" style="width: 50%">Jabatan Fungsional</th>
                            <th class="border-0 px-4 py-3 text-center" style="width: 15%">Kompeten</th>
                            <th class="border-0 px-4 py-3 text-center" style="width: 15%">Cukup Kompeten</th>
                            <th class="border-0 px-4 py-3 text-center" style="width: 15%">Perlu Pelatihan</th>
                        </tr>
                    </thead>
                    <tbody>
                        <?php $__currentLoopData = $heatmapKompetensi; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $row): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <tr>
                                <td class="px-4 py-3 text-muted"><?php echo e($loop->iteration); ?></td>
                                <td class="px-4 py-3">
                                    <div class="person-name"><?php echo e($row['jabatan']); ?></div>
                                </td>
                                <td class="px-4 py-3 text-center"><span class="score-pill tone-green"><?php echo e($row['Kompeten']); ?></span></td>
                                <td class="px-4 py-3 text-center"><span class="score-pill tone-amber"><?php echo e($row['Cukup Kompeten']); ?></span></td>
                                <td class="px-4 py-3 text-center"><span class="score-pill tone-red"><?php echo e($row['Perlu Pelatihan']); ?></span></td>
                            </tr>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </tbody>
                </table>
            </div>
        <?php else: ?>
            <div class="p-5 text-center text-muted">
                <i class="fas fa-table-cells-large fs-1 text-light mb-3"></i>
                <h5 class="fw-bold">Data Heatmap Belum Tersedia</h5>
                <p class="mb-0">Heatmap akan tampil setelah assessment kompetensi diproses.</p>
            </div>
        <?php endif; ?>
    </div>
</div>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.admin', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH C:\laragon\www\Skripsi-M\resources\views/admin/heatmap-kompetensi.blade.php ENDPATH**/ ?>