@extends('layout.admin')
@section('content')

<main id="main" class="main">

    <div class="pagetitle">
        <h1>Atur Assessor Mahasiswa</h1>
    </div>

    <section class="section">
        <div class="card">
            <div class="card-body">
                 <h5 class="card-title center" align="center">Atur Assessor Mahasiswa</h5>

                @if (session('success'))
                <div class="alert alert-success">{{ session('success') }}</div>
                @endif
                @if (session('error'))
                <div class="alert alert-danger">{{ session('error') }}</div>
                @endif

                {{-- ================= FORM BULK PUBLISH ================= --}}
                <form method="POST" id="bulkPublishForm" action="{{ route('admin.publish-results-bulk') }}">
                @csrf
                    {{-- ================= TAB NAV ================= --}}
                    <ul class="nav nav-tabs mb-3">
                        <li class="nav-item">
                            <button type="button" class="nav-link active" data-bs-toggle="tab" data-bs-target="#panelAktif">
                                Data Aktif
                            </button>
                        </li>
                        <li class="nav-item">
                            <button type="button" class="nav-link" data-bs-toggle="tab" data-bs-target="#panelHistory">
                                History (Selesai)
                            </button>
                        </li>
                    </ul>
                    
                    <div class="tab-content">
                    
                        {{-- ================= PANEL AKTIF ================= --}}
                        <div class="tab-pane fade show active" id="panelAktif">
                    
                            
                    
                            {{-- TABLE AKTIF --}}
                            @includeWhen(false,'') {{-- dummy supaya tidak error highlight --}}
                            @php $isHistory = false; $dataLoop = $mahasiswaAktif; @endphp
                            @includeIf(false,'')
                    
                            <table class="table table-bordered table-hover align-middle">
                                <thead class="table-light">
                                    <tr>
                                        <th>
                                            Check All
                                            <input type="checkbox" id="checkAll">
                                        </th>
                                        <th>No</th>
                                        <th>Nama</th>
                                        <th>Program Studi</th>
                                        <th>Assessor 1</th>
                                        <th>Assessor 2</th>
                                        <th>Assessor 3</th>
                                        <th>Deadline</th>
                                        <th>Status RPL</th>
                                        <th class="text-center">Aksi</th>
                                    </tr>
                                </thead>
    
                                <tbody>
                                    @foreach($dataLoop as $index => $camaba)
    
                                    @php
                                    $can_publish = false;
                                    if ($camaba->assessment) {
                                    $a = $camaba->assessment;
                                    $can_publish =
                                    (!$a->assessor_id_1 || $a->assessor_1_submitted_at) &&
                                    (!$a->assessor_id_2 || $a->assessor_2_submitted_at) &&
                                    (!$a->assessor_id_3 || $a->assessor_3_submitted_at) &&
                                    !$a->published_at;
                                    }
                                    @endphp
    
                                    <tr>
                                        @if(!$isHistory)
                                        <td>
                                         <input type="checkbox"
                                            class="row-check"
                                            name="mahasiswa_ids[]"
                                            value="{{ $camaba->id }}"
                                            {{ $can_publish ? '' : 'disabled' }}>
                                        </td>
                                        @endif
    
                                        <td>{{ $index + 1 }}</td>
                                        <td class="fw-bold">{{ $camaba->nama }}</td>
                                        <td>{{ $camaba->jurusan->nama_jurusan ?? '-' }}</td>
    
                                        <td>
                                            {{ $camaba->assessment->assessor1->nama ?? 'belum' }}
                                            @if($camaba->assessment && $camaba->assessment->assessor_1_submitted_at)
                                            <i class="bi bi-check-circle-fill text-success"></i>
                                            @endif
                                        </td>
    
                                        <td>
                                            {{ $camaba->assessment->assessor2->nama ?? 'belum' }}
                                            @if($camaba->assessment && $camaba->assessment->assessor_2_submitted_at)
                                            <i class="bi bi-check-circle-fill text-success"></i>
                                            @endif
                                        </td>
    
                                        <td>
                                            {{ $camaba->assessment->assessor3->nama ?? 'belum' }}
                                            @if($camaba->assessment && $camaba->assessment->assessor_3_submitted_at)
                                            <i class="bi bi-check-circle-fill text-success"></i>
                                            @endif
                                        </td>
    
                                        <td>
                                            @if($camaba->assessment && $camaba->assessment->deadline)
                                            {{ \Carbon\Carbon::parse($camaba->assessment->deadline)->format('d/m/Y H:i') }}
                                            @else
                                            <span class="text-muted">Belum diatur</span>
                                            @endif
                                        </td>
    
                                        <td>
                                            @php
                                            $rplStatus = $camaba->assessment->rpl_status ?? null;
                                            $rplClass = 'secondary';
                                            $rplText = '-';
                                            if ($rplStatus) {
                                            $rplText = ucfirst(str_replace('_', ' ', $rplStatus));
                                            switch ($rplStatus) {
                                            case 'selesai': $rplClass = 'success'; break;
                                            case 'penilaian assessor': $rplClass = 'primary'; break;
                                            case 'ditinjau admin': $rplClass = 'warning'; break;
                                            case 'self_assessment': $rplClass = 'info'; break;
                                            case 'banding': $rplClass = 'danger'; break;
                                            }
                                            }
                                            @endphp
                                            <span class="badge bg-{{$rplClass}}">{{ $rplText }}</span>
                                        </td>
    
                                        <td class="text-center">
                                            <div class="btn-group">
                                                <button type="button" class="btn btn-outline-primary btn-sm dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
                                                    Aksi
                                                </button>
                                                <ul class="dropdown-menu dropdown-menu-end">
                                                    <li><a class="dropdown-item" href="#" data-bs-toggle="modal" data-bs-target="#editModal" onclick="editData({{ $camaba->id }}, '{{ $camaba->assessment->assessor_id_1 ?? '' }}', '{{ $camaba->assessment->assessor_id_2 ?? '' }}', '{{ $camaba->assessment->assessor_id_3 ?? '' }}', '{{ $camaba->assessment && $camaba->assessment->deadline ? \Carbon\Carbon::parse($camaba->assessment->deadline)->format('Y-m-d\TH:i') : '' }}')"><i class="bi bi-pencil-square me-2"></i>Edit Assessor</a></li>
                                                    @if($camaba->assessment)
                                                    <li><a class="dropdown-item" href="#" data-bs-toggle="modal" data-bs-target="#ubahStatusRplModal" onclick="showUbahStatusRpl({{ $camaba->id }}, '{{ $camaba->assessment->rpl_status ?? '' }}')"><i class="bi bi-diagram-3 me-2"></i>Ubah Status RPL</a></li>
                                                    @endif
                                                    <li>
                                                        <hr class="dropdown-divider">
                                                    </li>
                                                    
                                                </ul>
    
                                            </div>
                                            @php
                                            $can_publish = false;
                                            if ($camaba->assessment) {
                                            $assessment = $camaba->assessment;
                                            $assessor1_ok = !$assessment->assessor_id_1 || $assessment->assessor_1_submitted_at;
                                            $assessor2_ok = !$assessment->assessor_id_2 || $assessment->assessor_2_submitted_at;
                                            $assessor3_ok = !$assessment->assessor_id_3 || $assessment->assessor_3_submitted_at;
                                            $has_assessors = $assessment->assessor_id_1 || $assessment->assessor_id_2 || $assessment->assessor_id_3;
                                            if ($has_assessors && $assessor1_ok && $assessor2_ok && $assessor3_ok) {
                                            $can_publish = true;
                                            }
                                            }
                                            @endphp
    
                                            @if(!$isHistory)
                                                @if($can_publish)
                                                    @if($camaba->assessment->published_at)
                                                        <button class="btn btn-success btn-sm mt-1" disabled><i class="bi bi-check-circle me-2"></i>Telah Dipublish</button>
                                                        @else
                                                        <button type="button"
                                                            class="btn btn-primary btn-sm mt-1"
                                                            data-bs-toggle="modal"
                                                            data-bs-target="#confirmPublishSingleModal"
                                                            onclick="setPublishSingle({{ $camaba->id }}, '{{ $camaba->nama }}')">
                                                            <i class="bi bi-rocket-takeoff me-2"></i>Publish Hasil
                                                        </button>
                                                    @endif
                                                @endif
                                            @endif
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                    
                            <div class="mt-3">
                                <button type="button" class="btn btn-success"
                                    data-bs-toggle="modal"
                                    data-bs-target="#confirmPublishBulkModal">
                                    <i class="bi bi-rocket-takeoff me-2"></i>Publish Terpilih
                                </button>
                            </div>
                    

                        </div>
                    
                    
                        {{-- ================= PANEL HISTORY ================= --}}
                        <div class="tab-pane fade" id="panelHistory">
                    
                            @php $isHistory = true; $dataLoop = $mahasiswaHistory; @endphp
                    
                            <table class="table table-bordered table-hover align-middle">
                            <thead class="table-light">
                                <tr>
                                    
                                    <th>No</th>
                                    <th>Nama</th>
                                    <th>Program Studi</th>
                                    <th>Assessor 1</th>
                                    <th>Assessor 2</th>
                                    <th>Assessor 3</th>
                                    <th>Deadline</th>
                                    <th>Status RPL</th>
                                    <th class="text-center">Aksi</th>
                                </tr>
                            </thead>

                            <tbody>
                                @foreach($dataLoop as $index => $camaba)

                                @php
                                $can_publish = false;
                                if ($camaba->assessment) {
                                $a = $camaba->assessment;
                                $can_publish =
                                (!$a->assessor_id_1 || $a->assessor_1_submitted_at) &&
                                (!$a->assessor_id_2 || $a->assessor_2_submitted_at) &&
                                (!$a->assessor_id_3 || $a->assessor_3_submitted_at) &&
                                !$a->published_at;
                                }
                                @endphp

                                <tr>

                                    <td>{{ $index + 1 }}</td>
                                    <td class="fw-bold">{{ $camaba->nama }}</td>
                                    <td>{{ $camaba->jurusan->nama_jurusan ?? '-' }}</td>

                                    <td>
                                        {{ $camaba->assessment->assessor1->nama ?? 'belum' }}
                                        @if($camaba->assessment && $camaba->assessment->assessor_1_submitted_at)
                                        <i class="bi bi-check-circle-fill text-success"></i>
                                        @endif
                                    </td>

                                    <td>
                                        {{ $camaba->assessment->assessor2->nama ?? 'belum' }}
                                        @if($camaba->assessment && $camaba->assessment->assessor_2_submitted_at)
                                        <i class="bi bi-check-circle-fill text-success"></i>
                                        @endif
                                    </td>

                                    <td>
                                        {{ $camaba->assessment->assessor3->nama ?? 'belum' }}
                                        @if($camaba->assessment && $camaba->assessment->assessor_3_submitted_at)
                                        <i class="bi bi-check-circle-fill text-success"></i>
                                        @endif
                                    </td>

                                    <td>
                                        @if($camaba->assessment && $camaba->assessment->deadline)
                                        {{ \Carbon\Carbon::parse($camaba->assessment->deadline)->format('d/m/Y H:i') }}
                                        @else
                                        <span class="text-muted">Belum diatur</span>
                                        @endif
                                    </td>

                                    <td>
                                        @php
                                        $rplStatus = $camaba->assessment->rpl_status ?? null;
                                        $rplClass = 'secondary';
                                        $rplText = '-';
                                        if ($rplStatus) {
                                        $rplText = ucfirst(str_replace('_', ' ', $rplStatus));
                                        switch ($rplStatus) {
                                        case 'selesai': $rplClass = 'success'; break;
                                        case 'penilaian assessor': $rplClass = 'primary'; break;
                                        case 'ditinjau admin': $rplClass = 'warning'; break;
                                        case 'self_assessment': $rplClass = 'info'; break;
                                        case 'banding': $rplClass = 'danger'; break;
                                        }
                                        }
                                        @endphp
                                        <span class="badge bg-{{$rplClass}}">{{ $rplText }}</span>
                                    </td>

                                    <td class="text-center">
                                        <div class="btn-group">
                                            <button type="button" class="btn btn-outline-primary btn-sm dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
                                                Aksi
                                            </button>
                                            <ul class="dropdown-menu dropdown-menu-end">
                                                <li><a class="dropdown-item" href="#" data-bs-toggle="modal" data-bs-target="#editModal" onclick="editData({{ $camaba->id }}, '{{ $camaba->assessment->assessor_id_1 ?? '' }}', '{{ $camaba->assessment->assessor_id_2 ?? '' }}', '{{ $camaba->assessment->assessor_id_3 ?? '' }}', '{{ $camaba->assessment && $camaba->assessment->deadline ? \Carbon\Carbon::parse($camaba->assessment->deadline)->format('Y-m-d\TH:i') : '' }}')"><i class="bi bi-pencil-square me-2"></i>Edit Assessor</a></li>
                                                @if($camaba->assessment)
                                                <li><a class="dropdown-item" href="#" data-bs-toggle="modal" data-bs-target="#ubahStatusRplModal" onclick="showUbahStatusRpl({{ $camaba->id }}, '{{ $camaba->assessment->rpl_status ?? '' }}')"><i class="bi bi-diagram-3 me-2"></i>Ubah Status RPL</a></li>
                                                @endif
                                                <li>
                                                    <hr class="dropdown-divider">
                                                </li>
                                                
                                            </ul>

                                        </div>
                                        
                                    </td>
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    
                        </div>
                    
                    </div>

                </form>

            </div>
        </div>
    </section>
    
    <div class="modal fade" id="editModal" tabindex="-1" aria-labelledby="editModalLabel" aria-hidden="true">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <h5 class="modal-title" id="editModalLabel">Edit Assessor</h5>
                                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                </div>
                                <div class="modal-body">
                                    <form id="editForm" method="POST" action="{{ route("admin.kelola-assessor-mahasiswa-add") }}">
                                        @csrf
                                        <input type="hidden" name="calon_mahasiswa_id" id="calonMahasiswaId">

                                        <div class="form-group mb-3">
                                            <label for="assessor1_id" class="form-label">Assessor 1</label>
                                            <select class="form-select" id="assessor1_id" name="assessor1_id" required onchange="updateAssessorOptions()">
                                                <option value="">Pilih Assessor 1</option>
                                                @foreach($assessor as $assessor1)
                                                <option value="{{ $assessor1->id }}">{{ $assessor1->nama }}</option>
                                                @endforeach
                                            </select>
                                        </div>

                                        <div class="form-group mb-3">
                                            <label for="assessor2_id" class="form-label">Assessor 2</label>
                                            <select class="form-select" id="assessor2_id" name="assessor2_id" onchange="updateAssessorOptions()">
                                                <option value="">Pilih Assessor 2</option>
                                                @foreach($assessor as $assessor2)
                                                <option value="{{ $assessor2->id }}">{{ $assessor2->nama }}</option>
                                                @endforeach
                                            </select>
                                        </div>

                                        <div class="form-group mb-3">
                                            <label for="assessor3_id" class="form-label">Assessor 3</label>
                                            <select class="form-select" id="assessor3_id" name="assessor3_id" onchange="updateAssessorOptions()">
                                                <option value="">Pilih Assessor 3</option>
                                                @foreach($assessor as $assessor3)
                                                <option value="{{ $assessor3->id }}">{{ $assessor3->nama }}</option>
                                                @endforeach
                                            </select>
                                        </div>

                                        <div class="form-group">
                                            <label for="deadline" class="form-label">Deadline Penilaian</label>
                                            <input type="datetime-local" name="deadline" id="deadline" class="form-control">
                                            <small class="form-text text-muted">Pilih tanggal dan waktu deadline untuk penilaian assessor</small>
                                        </div>

                                        <div class="modal-footer px-0 pb-0 mt-3">
                                            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
                                            <button type="submit" class="btn btn-primary">Simpan Perubahan</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="modal fade" id="ubahStatusRplModal" tabindex="-1" aria-labelledby="ubahStatusRplModalLabel" aria-hidden="true">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <form method="POST" id="ubahStatusRplForm">
                                    @csrf
                                    <div class="modal-header">
                                        <h5 class="modal-title" id="ubahStatusRplModalLabel">Ubah Status RPL</h5>
                                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                    </div>
                                    <div class="modal-body">
                                        <p>Pilih status RPL baru untuk mahasiswa ini:</p>
                                        <select name="rpl_status" id="rpl_status_select" class="form-select">
                                            <option value="self_assessment">Self Assessment</option>
                                            <option value="penilaian assessor">Penilaian Assessor</option>
                                            <option value="ditinjau admin">Ditinjau Admin</option>
                                            <option value="banding">Banding</option>
                                            <option value="selesai">Selesai</option>
                                        </select>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Tutup</button>
                                        <button type="submit" class="btn btn-primary">Simpan Perubahan</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
    
    <div class="modal fade" id="confirmPublishSingleModal" tabindex="-1">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <form method="POST" id="publishSingleForm">
                    @csrf
                    <div class="modal-header">
                        <h5 class="modal-title">Konfirmasi Publish</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                    </div>
                    <div class="modal-body">
                        <p>
                            Apakah Anda yakin ingin <strong>publish hasil penilaian</strong> untuk mahasiswa:
                        </p>
                        <p class="fw-bold text-primary" id="publishSingleName"></p>
                        <small class="text-muted">
                            Pastikan semua asesor telah menyelesaikan penilaian.
                        </small>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
                        <button type="submit" class="btn btn-primary">
                            <i class="bi bi-rocket-takeoff me-1"></i>Ya, Publish
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    
    <div class="modal fade" id="confirmPublishBulkModal" tabindex="-1">
        <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Konfirmasi Publish Massal</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <p>
                        Anda akan <strong>publish hasil penilaian</strong> untuk
                        <strong>semua mahasiswa yang dipilih</strong>.
                    </p>
                    <p class="text-danger">
                        Proses ini tidak dapat dibatalkan.
                    </p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
                    <button type="submit" form="bulkPublishForm" class="btn btn-success">
                        <i class="bi bi-rocket-takeoff me-1"></i>Ya, Publish Semua
                    </button>
                </div>
            </div>
        </div>
    </div>


</main>
@endsection

@push('scripts')
<script>
    document.getElementById('checkAll')?.addEventListener('change', function() {
        document.querySelectorAll('.row-check:not([disabled])').forEach(cb => {
            cb.checked = this.checked;
        });
    });
    // Fungsi ini akan dipanggil saat tombol "Edit Assessor" di-klik
    function showUbahStatusRpl(mahasiswaId, currentStatus) {
        const modalForm = document.getElementById('ubahStatusRplForm');
        modalForm.action = `/admin/update-rpl-status/${mahasiswaId}`;
        document.getElementById('rpl_status_select').value = currentStatus;
    }
    
    function setPublishSingle(mahasiswaId, nama) {
        const form = document.getElementById('publishSingleForm');
        form.action = `/admin/publish-results/${mahasiswaId}`;
        document.getElementById('publishSingleName').innerText = nama;
    }

    

    function editData(mahasiswaId, assessor1Id, assessor2Id, assessor3Id, deadline) {
        document.getElementById('calonMahasiswaId').value = mahasiswaId;
        document.getElementById('assessor1_id').value = assessor1Id;
        document.getElementById('assessor2_id').value = assessor2Id;
        document.getElementById('assessor3_id').value = assessor3Id;
        document.getElementById('deadline').value = deadline;
        console.log("ID Mahasiswa disetel:", mahasiswaId);
        console.log("Deadline disetel:", deadline);
    }
</script>
@endpush