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

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

    <div class="pagetitle">
    <h1>Atur Assessor Mahasiswa</h1>
      <nav>
        <ol class="breadcrumb">
          <li class="breadcrumb-item"><a href="/super/dashboard">Home</a></li>
          <li class="breadcrumb-item active">Atur Assessor Mahasiswa</li>
        </ol>
    </div>
    <section class="section">
      <div class="row">

        <div class="col-lg-12">
            {{-- Menampilkan pesan dari controller --}}
            @if ($errors->any())
                <div class="alert alert-danger">
                    <ul>@foreach ($errors->all() as $error)<li>{{ $error }}</li>@endforeach</ul>
                </div>
            @endif
            @if (session('success'))
                <div class="alert alert-success">{{ session('success') }}</div>
            @endif
            @if (session('error'))
                <div class="alert alert-danger">{{ session('error') }}</div>
            @endif

          <div class="card">
            <div class="card-body">
              <h5 class="card-title text-center" >Atur Assessor Mahasiswa</h5>
                <form class="row g-3" action="{{ route('super.kelola-assessor-mahasiswa') }}" method="GET">
                    <div class="col-6 my-3">
                        <label for="jurusan" class="form-label">Pilih Jurusan</label>
                        <div>
                            <select name="jurusan_id" id="jurusan" class="form-select" required onchange="this.form.submit()">
                                <option value="">Semua Jurusan</option>
                                @foreach($jurusans as $jurusan)
                                    <option value="{{ $jurusan->id }}" {{ $jurusan_id == $jurusan->id ? 'selected' : '' }}>{{ $jurusan->nama_jurusan }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </form>

              <div class="table-responsive">
              <table class="table table-bordered mb-4">
                  <thead>
                      <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($calon_mahasiswa as $index => $camaba)
                        <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 ms-1" title="Selesai dinilai"></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 ms-1" title="Selesai dinilai"></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 ms-1" title="Selesai dinilai"></i>
                                @endif
                            </td>
                            <td>
                            @if($camaba->assessment && $camaba->assessment->deadline)
                                                <div class="d-flex align-items-center">
                                                    <i class="bi bi-clock me-2"></i>
                                                    <div>
                                {{ \Carbon\Carbon::parse($camaba->assessment->deadline)->format('d/m/Y H:i') }}
                                @php
                                                            $deadline = \Carbon\Carbon::parse($camaba->assessment->deadline);
                                    $now = now();
                                                            $deadlineStatusClass = 'success';
                                                            $deadlineStatusText = 'Aktif';

                                                            if ($camaba->assessment->rpl_status == 'selesai') {
                                                                $deadlineStatusClass = 'success';
                                                                $deadlineStatusText = 'Selesai';
                                                            } elseif ($deadline < $now) {
                                                                $deadlineStatusClass = 'danger';
                                                                $deadlineStatusText = 'Terlambat';
                                                            } elseif ($deadline->isBetween($now, $now->addDays(3))) {
                                                                $deadlineStatusClass = 'warning';
                                                                $deadlineStatusText = 'Mendekati Deadline';
                                                            }
                                @endphp
                                                        <div class="status-badge mt-1">
                                                            <span class="status-dot {{ $deadlineStatusClass }}"></span> {{ $deadlineStatusText }}
                                                        </div>
                                                    </div>
                                                </div>
                            @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>
                                        <li><a class="dropdown-item" href="{{ route('export-pdf-f04', $camaba->id) }}"><i class="bi bi-file-earmark-word me-2"></i> Export pdf F02</a></li>
                                        <li><a class="dropdown-item" href="{{ route('export-pdf-f05', $camaba->id) }}"><i class="bi bi-file-earmark-word me-2"></i> Export pdf F08</a></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($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
                                            {{-- PERUBAHAN: Tombol sekarang menargetkan modal yang unik --}}
                                            <button type="button" class="btn btn-primary btn-sm mt-1" data-bs-toggle="modal" data-bs-target="#rekapNilaiModal-{{ $camaba->id }}">
                                                <i class="bi bi-rocket-takeoff me-2"></i>Publish Hasil
                                            </button>
                                        @endif
                                    @endif
                            </td>
                        </tr>
                    @endforeach  
                  </tbody>
              </table>
            </div>

            <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("super.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>
        </div>
        
      </div>
    </section>

  </main>
  
      @foreach($calon_mahasiswa as $camaba)
        <div class="modal fade" id="rekapNilaiModal-{{ $camaba->id }}" tabindex="-1" aria-labelledby="rekapNilaiModalLabel-{{ $camaba->id }}" aria-hidden="true">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="rekapNilaiModalLabel-{{ $camaba->id }}">Rekap Nilai Akhir Mahasiswa</h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        {{-- Mengambil konten dari file partial --}}
                        @php
                            // Ambil data nilai akhir untuk mahasiswa saat ini dari collection yang sudah kita siapkan
                            $finalScores = $allFinalScores->get($camaba->id) ?? collect();
                        @endphp
                        @include('Admin.rekap-nilai-modal-content', ['mahasiswa' => $camaba, 'finalScores' => $finalScores])
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
                        <form action="{{ route('super.publish-results', $camaba->id) }}" method="POST" class="d-inline">
                            @csrf
                            <button type="submit" class="btn btn-primary">Konfirmasi & Publish</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
      @endforeach
  @endsection


@push('scripts')
<script>
    // Fungsi ini akan dipanggil saat tombol "Edit Assessor" di-klik
    function showUbahStatusRpl(mahasiswaId, currentStatus) {
        const modalForm = document.getElementById('ubahStatusRplForm');
        modalForm.action = `/super/update-rpl-status/${mahasiswaId}`;
        document.getElementById('rpl_status_select').value = currentStatus;
    }

    // [FUNGSI BARU] untuk Modal Publish Hasil
    async function showRekapNilai(mahasiswaId) {
        const rekapModal = new bootstrap.Modal(document.getElementById('rekapNilaiModal'));
        const rekapContent = document.getElementById('rekapNilaiContent');
        const publishForm = document.getElementById('publishForm');
        
        // Atur action form
        publishForm.action = `/super/publish-results/${mahasiswaId}`;
        
        // Tampilkan spinner
        rekapContent.innerHTML = '<div class="spinner-border" role="status"><span class="visually-hidden">Loading...</span></div>';
        rekapModal.show();

        try {
            // Panggil API untuk ambil konten rekap
            const response = await fetch(`/super/rekap-nilai/${mahasiswaId}`);
            if (!response.ok) {
                throw new Error('Gagal memuat data rekapitulasi.');
            }
            const htmlContent = await response.text();
            rekapContent.innerHTML = htmlContent;
        } catch (error) {
            rekapContent.innerHTML = `<div class="alert alert-danger">${error.message}</div>`;
        }
    }
    function editData(mahasiswaId, assessorId, assessorNama){
        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