@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])

@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => ''])

    <div class="card mx-4 shadow-lg">
        <div class="card-body p-3">
            <div class="row gx-4">
                <div class="col-lg">
                    <div class="nav-wrapper">
                        <div class="d-flex gap-2">
                            <button type="button"
                                onclick="window.location='{{ url($url_menu) }}'"class="btn btn-secondary mb-0">
                                <i class="fas fa-arrow-left"></i> Kembali
                            </button>

                            @if ($master->status !== 'approved')
                                <a href="{{ url($url_menu . '/edit/' . encrypt($master->id)) }}"
                                    class="btn btn-primary mb-0">
                                    <i class="fas fa-edit me-1"></i> Edit Evaluasi
                                </a>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container-fluid py-4">
        <div class="row">
            <div class="col-md-12">
                <div class="row mx-1">
                    <div class="card">
                        <div class="row align-items-center px-4 pt-3">
                            <div class="card-header col-md-auto p-0">
                                <h5 class="mb-0">{{ $title_menu }}</h5>
                            </div>
                            <div class="col-12 mt-2">
                                @include('components.alert')
                            </div>
                        </div>

                        {{-- Status Notice for Approved --}}
                        @if ($master->status === 'approved')
                            <div class="row px-4 py-2">
                                <div class="col-lg-12">
                                    <div class="alert alert-success">
                                        <i class="fas fa-check-circle me-2"></i>
                                        <strong>Status:</strong> Evaluasi ini telah disetujui dan tidak dapat diubah lagi.
                                        @if (isset($master->approved_at))
                                            <br><small>Disetujui pada:
                                                {{ \Carbon\Carbon::parse($master->approved_at)->format('d M Y H:i') }}</small>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        @endif

                        {{-- Employee Information --}}
                        <div class="row px-4 py-2">
                            <div class="col-lg-12">
                                <div class="card bg-light mb-3">
                                    <div class="card-body">
                                        <div class="row">
                                            <div class="col-md-6">
                                                <h6 class="text-dark mb-2">Informasi Karyawan</h6>
                                                <table class="table-sm table-borderless table">
                                                    <tr>
                                                        <td width="120"><strong>NIP</strong></td>
                                                        <td>: {{ $master->employee_nip ?? '-' }}</td>
                                                    </tr>
                                                    <tr>
                                                        <td><strong>Nama</strong></td>
                                                        <td>: {{ $master->employee_name }}</td>
                                                    </tr>
                                                </table>
                                            </div>
                                            <div class="col-md-6">
                                                <h6 class="text-dark mb-2">Periode Evaluasi</h6>
                                                <table class="table-sm table-borderless table">
                                                    <tr>
                                                        <td width="120"><strong>Periode</strong></td>
                                                        <td>: Q{{ $master->quarter }} {{ $master->year }}</td>
                                                    </tr>
                                                    <tr>
                                                        <td><strong>Durasi</strong></td>
                                                        <td>: {{ $format->tanggal($master->start_date) }} -
                                                            {{ $format->tanggal($master->end_date) }}</td>
                                                    </tr>
                                                    <tr>
                                                        <td><strong>Status</strong></td>
                                                        <td>:
                                                            @php
                                                                // Get period status
                                                                $period = DB::table('mst_period')->where('id', $master->period_id)->first();
                                                                $isPeriodLocked = $period && $period->status === 'locked';

                                                                // Get evaluation data
                                                                $status = $master->status ?? 'in_progress';

                                                                // Calculate submitted months and check for missing evaluations
                                                                $submittedMonths = 0;
                                                                $hasMissingEvaluationsShow = false;

                                                                // Count submitted evaluation segments
                                                                if (isset($segmentsByMonth) && !empty($segmentsByMonth)) {
                                                                    foreach ($segmentsByMonth as $segment) {
                                                                        if ($segment && isset($evaluationItems[$segment->id]) && count($evaluationItems[$segment->id]) > 0) {
                                                                            $submittedMonths++;
                                                                        }
                                                                    }
                                                                }

                                                                // Check for missing evaluations by comparing required vs submitted
                                                                $startDate = \Carbon\Carbon::parse($master->start_date)->startOfMonth();
                                                                $endDate = \Carbon\Carbon::parse($master->end_date)->startOfMonth();
                                                                $currentMonth = $startDate->copy();
                                                                $requiredMonths = 0;

                                                                while ($currentMonth <= $endDate) {
                                                                    $monthKey = $currentMonth->format('Y-m');
                                                                    $isRestMonth = isset($restMonths[$monthKey]);
                                                                    if (!$isRestMonth) {
                                                                        $requiredMonths++;
                                                                    }
                                                                    $currentMonth->addMonth();
                                                                }

                                                                $hasMissingEvaluationsShow = $submittedMonths < $requiredMonths;

                                                                // Determine combined status based on 4-status logic (matching edit view)
                                                                $combinedStatus = 'sedang_berjalan';

                                                                if ($status === 'approved') {
                                                                    $combinedStatus = 'approved';
                                                                } elseif ($status === 'need_approval') {
                                                                    // Need approval after admin revision → Sudah Dicek
                                                                    $combinedStatus = 'sudah_dicek';
                                                                } elseif ($status === 'ready_for_approval') {
                                                                    // Supervisor completed → Belum Dicek
                                                                    $combinedStatus = 'belum_dicek';
                                                                } else {
                                                                    // in_progress → Sedang Berjalan
                                                                    $combinedStatus = 'sedang_berjalan';
                                                                }

                                                                // Status badge styling (4-status system - matching edit view)
                                                                $statusBadge = [
                                                                    'approved' => ['class' => 'bg-primary', 'text' => 'Approved'],
                                                                    'sudah_dicek' => [
                                                                        'class' => 'bg-success',
                                                                        'text' => 'Sudah Dicek',
                                                                    ],
                                                                    'belum_dicek' => [
                                                                        'class' => 'bg-warning',
                                                                        'text' => 'Belum Dicek',
                                                                    ],
                                                                    'sedang_berjalan' => [
                                                                        'class' => 'bg-info',
                                                                        'text' => 'Sedang Berjalan',
                                                                    ],
                                                                ][$combinedStatus] ?? [
                                                                    'class' => 'bg-secondary',
                                                                    'text' => ucwords(str_replace('_', ' ', $combinedStatus)),
                                                                ];
                                                            @endphp
                                                            <span class="badge {{ $statusBadge['class'] }}"
                                                                @if (isset($statusBadge['style'])) style="{{ $statusBadge['style'] }}" @endif>{{ $statusBadge['text'] }}</span>
                                                            @if (isset($master->has_late_unlock) && $master->has_late_unlock)
                                                                <span class="badge bg-danger ms-1 text-white">TERLAMBAT</span>
                                                            @endif
                                                        </td>
                                                    </tr>
                                                </table>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        {{-- Evaluation Display (Read-only) --}}
                        <div class="row px-4 py-2">
                            <div class="col-lg-12">
                                <h6 class="text-dark mb-3">Evaluasi Per Standard Set</h6>

                                @if (empty($standardSetTabs))
                                    <div class="alert alert-warning">
                                        <i class="fas fa-exclamation-triangle me-2"></i>
                                        Tidak ada data periode evaluasi.
                                    </div>
                                @else
                                    {{-- Position Tabs --}}
                                    <ul class="nav nav-tabs mb-3" id="standardSetTabs" role="tablist">
                                        @foreach ($standardSetTabs as $positionKey => $setData)
                                            <li class="nav-item" role="presentation">
                                                <button class="nav-link {{ $loop->first ? 'active' : '' }}"
                                                    id="set-{{ $positionKey }}-tab" data-bs-toggle="tab"
                                                    data-bs-target="#set-{{ $positionKey }}" type="button" role="tab"
                                                    aria-controls="set-{{ $positionKey }}"
                                                    aria-selected="{{ $loop->first ? 'true' : 'false' }}">
                                                    {{ $setData['tab_label'] }}
                                                </button>
                                            </li>
                                        @endforeach
                                    </ul>

                                    {{-- Tab Content --}}
                                    {{-- Tab Content --}}
                                    <div class="tab-content" id="standardSetTabsContent">
                                        @foreach ($standardSetTabs as $positionKey => $setData)
                                            <div class="tab-pane fade {{ $loop->first ? 'show active' : '' }}"
                                                id="set-{{ $positionKey }}" role="tabpanel"
                                                aria-labelledby="set-{{ $positionKey }}-tab">
                                                <div class="card mb-3">
                                                    <div class="card-header bg-light">
                                                        <h6 class="mb-0">
                                                            {{ $setData['position_name'] ?? '-' }} —
                                                            {{ isset($setData['month_labels']) ? implode(', ', $setData['month_labels']) : '-' }}
                                                        </h6>
                                                    </div>
                                                    <div class="card-body">
                                                        @php
                                                            $tabKey = $positionKey;
                                                            $allStandardItems = collect();

                                                            if (isset($standardItemsBySet[$tabKey])) {
                                                                $allStandardItems = $standardItemsBySet[$tabKey];
                                                            }
                                                        @endphp

                                                        @if ($allStandardItems->isNotEmpty())
                                                            <div class="table-responsive">
                                                                <table
                                                                    class="table-bordered table-striped table align-middle"
                                                                    style="width: 100%;">
                                                                    <thead class="thead-light">
                                                                        <tr style="background-color: #00b7bd4f;">
                                                                            <th rowspan="2"
                                                                                style="width: 500px; min-width: 500px; position: sticky; left: 0; background-color: #b3e5e7; z-index: 10; border-right: 2px solid #dee2e6;">
                                                                                Standar PA
                                                                            </th>
                                                                            @foreach ($setData['months'] as $monthKey)
                                                                                @php
                                                                                    $monthLabel = \Carbon\Carbon::createFromFormat(
                                                                                        'Y-m',
                                                                                        $monthKey,
                                                                                    )->format('M Y');
                                                                                    $segment =
                                                                                        $segmentsByMonth[$monthKey] ??
                                                                                        null;
                                                                                    $restMonth =
                                                                                        $restMonths[$monthKey] ?? null;
                                                                                @endphp
                                                                                @if ($restMonth)
                                                                                    <th colspan="4"
                                                                                        class="bg-info text-center text-white">
                                                                                        {{ $monthLabel }}
                                                                                        ({{ ucfirst($restMonth->reason) }})
                                                                                    </th>
                                                                                @elseif($segment)
                                                                                    <th colspan="4" class="text-center">
                                                                                        {{ $monthLabel }}
                                                                                        @if (isset($lateMonths[$monthKey]) && $lateMonths[$monthKey])
                                                                                            <span class="badge bg-danger ms-1 text-white">TERLAMBAT</span>
                                                                                        @endif
                                                                                    </th>
                                                                                @else
                                                                                    <th colspan="4"
                                                                                        class="bg-secondary text-center text-white">
                                                                                        {{ $monthLabel }} (Kosong)
                                                                                    </th>
                                                                                @endif
                                                                            @endforeach
                                                                        </tr>
                                                                        <tr style="background-color: #00b7bd4f;">
                                                                            @foreach ($setData['months'] as $monthKey)
                                                                                @php
                                                                                    $segment =
                                                                                        $segmentsByMonth[$monthKey] ??
                                                                                        null;
                                                                                    $restMonth =
                                                                                        $restMonths[$monthKey] ?? null;
                                                                                @endphp
                                                                                @if ($restMonth)
                                                                                    <th class="bg-info text-center text-white"
                                                                                        width="80">-</th>
                                                                                    <th class="bg-info text-center text-white"
                                                                                        width="120">-</th>
                                                                                    <th class="bg-info text-center text-white"
                                                                                        width="220">-</th>
                                                                                    <th class="bg-info text-center text-white"
                                                                                        width="100">-</th>
                                                                                @elseif($segment)
                                                                                    <th class="text-center" width="80">
                                                                                        Bobot (%)</th>
                                                                                    <th class="text-center" width="120">
                                                                                        Rating</th>
                                                                                    <th class="text-center" width="220">
                                                                                        Alasan Revisi</th>
                                                                                    <th class="text-center" width="100">
                                                                                        Score</th>
                                                                                @else
                                                                                    <th class="bg-secondary text-center text-white"
                                                                                        width="80">-</th>
                                                                                    <th class="bg-secondary text-center text-white"
                                                                                        width="120">-</th>
                                                                                    <th class="bg-secondary text-center text-white"
                                                                                        width="220">-</th>
                                                                                    <th class="bg-secondary text-center text-white"
                                                                                        width="100">-</th>
                                                                                @endif
                                                                            @endforeach
                                                                        </tr>
                                                                    </thead>
                                                                    <tbody>
                                                                        @foreach ($allStandardItems as $standardItem)
                                                                            <tr>
                                                                                <td
                                                                                    style="width: 500px; min-width: 500px; position: sticky; left: 0; background-color: #ffffff; z-index: 9; border-right: 2px solid #dee2e6;">
                                                                                    <strong
                                                                                        style="display: block; overflow-wrap: break-word; white-space: normal; width: 100%;">{{ $standardItem->name }}</strong>
                                                                                </td>

                                                                                @foreach ($setData['months'] as $monthKey)
                                                                                    @php
                                                                                        $segment =
                                                                                            $segmentsByMonth[
                                                                                                $monthKey
                                                                                            ] ?? null;
                                                                                        $restMonth =
                                                                                            $restMonths[$monthKey] ??
                                                                                            null;
                                                                                        $evaluationItem = null;

                                                                                        // Find evaluation item for this standard item and segment
                                                                                        if (
                                                                                            $segment &&
                                                                                            isset(
                                                                                                $evaluationItems[
                                                                                                    $segment->id
                                                                                                ],
                                                                                            )
                                                                                        ) {
                                                                                            // First try exact match by standard_item_id
                                                                                            $evaluationItem = $evaluationItems[
                                                                                                $segment->id
                                                                                            ]->firstWhere(
                                                                                                'standard_item_id',
                                                                                                $standardItem->id,
                                                                                            );

                                                                                            // If no exact match, try matching by name and order only
                                                                                            if (!$evaluationItem) {
                                                                                                $evaluationItem = $evaluationItems[
                                                                                                    $segment->id
                                                                                                ]->first(function (
                                                                                                    $item,
                                                                                                ) use ($standardItem) {
                                                                                                    return $item->item_name ===
                                                                                                        $standardItem->name &&
                                                                                                        $item->item_order ==
                                                                                                            $standardItem->order;
                                                                                                });
                                                                                            }
                                                                                        }
                                                                                    @endphp

                                                                                    @if ($restMonth)
                                                                                        <td colspan="4"
                                                                                            class="bg-light text-muted text-center">
                                                                                            Sedang Cuti
                                                                                        </td>
                                                                                    @elseif($evaluationItem)
                                                                                        {{-- Bobot --}}
                                                                                        <td class="text-center">
                                                                                            <strong>{{ rtrim(rtrim(number_format($evaluationItem->final_weight ?? ($evaluationItem->item_weight ?? $standardItem->weight), 2), '0'), '.') }}%</strong>
                                                                                        </td>
                                                                                        {{-- Rating --}}
                                                                                        <td class="text-center">
                                                                                            @if ($evaluationItem->is_revised && $evaluationItem->revision_reason)
                                                                                                <span
                                                                                                    class="badge bg-warning"
                                                                                                    data-bs-toggle="tooltip"
                                                                                                    data-bs-placement="top"
                                                                                                    title="{{ $evaluationItem->final_rating_label }}">
                                                                                                    {{ $evaluationItem->final_rating_score }}
                                                                                                </span>(<span
                                                                                                    class="badge bg-secondary"
                                                                                                    data-bs-toggle="tooltip"
                                                                                                    data-bs-placement="top"
                                                                                                    title="Original: {{ $evaluationItem->original_rating_label }}">
                                                                                                    {{ $evaluationItem->original_rating_score }}
                                                                                                </span>)
                                                                                            @else
                                                                                                <span
                                                                                                    class="badge bg-success"
                                                                                                    data-bs-toggle="tooltip"
                                                                                                    data-bs-placement="top"
                                                                                                    title="{{ $evaluationItem->final_rating_label }}">
                                                                                                    {{ $evaluationItem->final_rating_score }}
                                                                                                </span>
                                                                                            @endif
                                                                                        </td>
                                                                                        {{-- Alasan Revisi --}}
                                                                                        <td style="max-width: 200px;">
                                                                                            @if ($evaluationItem->is_revised && $evaluationItem->revision_reason)
                                                                                                <small class="text-muted"
                                                                                                style="display: block; word-wrap: break-word; overflow-wrap: break-word; word-break: break-all; white-space: pre-wrap; max-width: 200px;">{{ $evaluationItem->revision_reason }}</small>@else<small
                                                                                                    class="text-muted">-</small>
                                                                                            @endif
                                                                                        </td>
                                                                                        {{-- Score --}}
                                                                                        <td class="text-center">
                                                                                            <strong>{{ rtrim(rtrim(number_format($evaluationItem->weighted_score ?? 0, 2), '0'), '.') }}</strong>
                                                                                        </td>
                                                                                    @elseif($segment)
                                                                                        {{-- Segment ada, item evaluasi tidak ada --}}
                                                                                        <td
                                                                                            class="bg-light text-muted text-center">
                                                                                            -</td>
                                                                                        <td
                                                                                            class="bg-light text-muted text-center">
                                                                                            No
                                                                                            Data</td>
                                                                                        <td
                                                                                            class="bg-light text-muted text-center">
                                                                                            -</td>
                                                                                        <td
                                                                                            class="bg-light text-muted text-center">
                                                                                            -</td>
                                                                                    @else
                                                                                        {{-- Tidak ada segment --}}
                                                                                        <td colspan="4"
                                                                                            class="bg-light text-muted text-center">
                                                                                            Belum Dinilai</td>
                                                                                    @endif
                                                                                @endforeach
                                                                            </tr>
                                                                        @endforeach
                                                                    </tbody>
                                                                </table>
                                                            </div>
                                                        @else
                                                            <div class="alert alert-info mb-0">
                                                                <i class="fas fa-info-circle me-2"></i> Tidak ada
                                                                standard item untuk posisi ini.
                                                            </div>
                                                        @endif
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>

                            </div>
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
@endsection

@push('js')
    <style>
        /* Table styling for consistent look with evalpa - with horizontal scroll */
        .table-responsive {
            overflow-x: auto;
            position: relative;
        }

        /* Improve text wrapping - break between words, NOT in the middle of words */
        .table-bordered td,
        .table-bordered th {
            overflow-wrap: break-word;
            /* Break between words when needed */
            white-space: normal;
            vertical-align: middle;
        }

        /* Ensure sticky column has proper background on scroll */
        .table-bordered th[style*="position: sticky"],
        .table-bordered td[style*="position: sticky"] {
            position: sticky !important;
            left: 0;
            z-index: 10;
        }

        /* Keep sticky header background consistent */
        .table-bordered thead th[style*="position: sticky"] {
            background-color: #b3e5e7 !important;
        }

        /* Keep sticky body cells with white background */
        .table-bordered tbody td[style*="position: sticky"] {
            background-color: #ffffff !important;
        }

        /* Center alignment for most columns except first */
        .table-bordered td:not(:first-child),
        .table-bordered th:not(:first-child) {
            text-align: center;
        }

        /* Standar PA column - left align, break between words only */
        .table-bordered td:first-child,
        .table-bordered th:first-child {
            text-align: left;
            overflow-wrap: break-word;
            /* Break between words, not inside words */
        }
    </style>
    <script>
        $(document).ready(function() {
            // Initialize Bootstrap tabs
            var triggerTabList = [].slice.call(document.querySelectorAll('#standardSetTabs button'))
            triggerTabList.forEach(function(triggerEl) {
                var tabTrigger = new bootstrap.Tab(triggerEl);
            });

            // Initialize Bootstrap tooltips
            var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
            var tooltipList = tooltipTriggerList.map(function(tooltipTriggerEl) {
                return new bootstrap.Tooltip(tooltipTriggerEl)
            });
        });
    </script>
@endpush