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

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

  <div class="pagetitle">
    <h1>Detail Mahasiswa E-Porto - Melihat sebagai Assessor</h1>
    <nav>
      <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="/admin/dashboard">Home</a></li>
        <li class="breadcrumb-item"><a href="{{ route('super.data-assessor-table') }}">Data Assessor</a></li>
        <li class="breadcrumb-item"><a href="{{ url()->previous() }}">Mahasiswa Assessor</a></li>
        <li class="breadcrumb-item active">Detail Mahasiswa</li>
      </ol>
    </nav>
  </div><section class="section">
    <div class="row">
      <div class="col-lg-12">
        <div class="card">
          <div class="card-body">
            <h5 class="card-title">Detail Mahasiswa: {{ $camaba->nama }}</h5>
            <p class="text-muted">Melihat sebagai Assessor: {{ $assessor->nama }}</p>

            <ul class="nav nav-tabs nav-tabs-bordered" id="borderedTab" role="tablist">
              <li class="nav-item" role="presentation">
                <button class="nav-link active" id="profil-tab" data-bs-toggle="tab" data-bs-target="#profil" type="button" role="tab" aria-controls="profil" aria-selected="true">Profil</button>
              </li>
              <li class="nav-item" role="presentation">
                <button class="nav-link" id="ijazah-tab" data-bs-toggle="tab" data-bs-target="#ijazah" type="button" role="tab" aria-controls="ijazah" aria-selected="false">Ijazah</button>
              </li>
              <li class="nav-item" role="presentation">
                <button class="nav-link" id="assessment-tab" data-bs-toggle="tab" data-bs-target="#assessment" type="button" role="tab" aria-controls="assessment" aria-selected="false">Data Assessment & Bukti</button>
              </li>
              <li class="nav-item" role="presentation">
                <button class="nav-link" id="konversi-tab" data-bs-toggle="tab" data-bs-target="#konversi" type="button" role="tab" aria-controls="konversi" aria-selected="false">Konversi Nilai</button>
              </li>
            </ul>

            <div class="tab-content pt-2" id="borderedTabContent">

              <!-- PROFIL -->
              <div class="tab-pane fade show active" id="profil" role="tabpanel" aria-labelledby="profil-tab">
                <h2>Data Diri Mahasiswa</h2>
                <div class="card">
                  <div class="ijazah-overview-assessor mx-4 my-3">
                    <div class="row mb-3">
                      <div class="col-lg-3 col-md-4 label">Nama</div>
                      <div class="col-lg-9 col-md-8">{{  $camaba->nama ?? '-'  }}</div>
                    </div>
                    <div class="row mb-3">
                      <div class="col-lg-3 col-md-4 label">Prodi</div>
                      <div class="col-lg-9 col-md-8">{{  $camaba->jurusan->nama_jurusan ?? '-'  }}</div>
                    </div>
                    <div class="row mb-3">
                      <div class="col-lg-3 col-md-4 label">Alamat</div>
                      <div class="col-lg-9 col-md-8">{{   $camaba->alamat ?? '-'  }}</div>
                    </div>
                    <div class="row mb-3">
                      <div class="col-lg-3 col-md-4 label">Email</div>
                      <div class="col-lg-9 col-md-8">{{  $camaba->user->email ?? '-'  }}</div>
                    </div>
                    <div class="row mb-3">
                      <div class="col-lg-3 col-md-4 label">No Wa</div>
                      <div class="col-lg-9 col-md-8">{{  $camaba->nomor_telepon ?? '-'  }}</div>
                    </div>
                    <div class="row mb-3">
                      <div class="col-lg-3 col-md-4 label">Tempat Lahir</div>
                      <div class="col-lg-9 col-md-8">{{  $camaba->tempat_lahir ?? '-'  }}</div>
                    </div>
                    <div class="row mb-3">
                      <div class="col-lg-3 col-md-4 label">Tanggal Lahir</div>
                      <div class="col-lg-9 col-md-8">{{  $camaba->tanggal_lahir ? \Carbon\Carbon::parse($camaba->tanggal_lahir)->format('d/m/Y') : '-'  }}</div>
                    </div>
                    <div class="row mb-3">
                      <div class="col-lg-3 col-md-4 label">Jenis Kelamin</div>
                      <div class="col-lg-9 col-md-8">{{  $camaba->kelamin ?? '-'  }}</div>
                    </div>
                    <div class="row mb-3">
                      <div class="col-lg-3 col-md-4 label">Kota</div>
                      <div class="col-lg-9 col-md-8">{{  $camaba->kota ?? '-'  }}</div>
                    </div>
                    <div class="row mb-3">
                      <div class="col-lg-3 col-md-4 label">Provinsi</div>
                      <div class="col-lg-9 col-md-8">{{  $camaba->provinsi ?? '-'  }}</div>
                    </div>
                    <div class="row mb-3">
                      <div class="col-lg-3 col-md-4 label">Kode Pos</div>
                      <div class="col-lg-9 col-md-8">{{  $camaba->kode_pos ?? '-'  }}</div>
                    </div>
                    <div class="row mb-3">
                      <div class="col-lg-3 col-md-4 label">Kebangsaan</div>
                      <div class="col-lg-9 col-md-8">{{  $camaba->kebangsaan ?? '-'  }}</div>
                    </div>
                    <div class="row mb-3">
                      <div class="col-lg-3 col-md-4 label">Nomor Rumah</div>
                      <div class="col-lg-9 col-md-8">{{  $camaba->nomor_rumah ?? '-'  }}</div>
                    </div>
                    <div class="row mb-3">
                      <div class="col-lg-3 col-md-4 label">Nomor Kantor</div>
                      <div class="col-lg-9 col-md-8">{{  $camaba->nomor_kantor ?? '-'  }}</div>
                    </div>
                  </div>
                </div>
              </div>

              <!-- IJAZAH -->
              <div class="tab-pane fade" id="ijazah" role="tabpanel" aria-labelledby="ijazah-tab">
                <h2>Data Ijazah</h2>
                <div class="card">
                   <div class="ijazah-overview-assessor mx-4 my-3">
                    <div class="row mb-3">
                      <div class="col-lg-3 col-md-4 label">Institusi Pendidikan</div>
                      <div class="col-lg-9 col-md-8">{{  $camaba->ijazah->institusi_pendidikan ?? '-'  }}</div>
                    </div>
                    <div class="row mb-3">
                      <div class="col-lg-3 col-md-4 label">Jenjang</div>
                      <div class="col-lg-9 col-md-8">{{  $camaba->ijazah->jenjang ?? '-'  }}</div>
                    </div>
                    <div class="row mb-3">
                      <div class="col-lg-3 col-md-4 label">Provinsi</div>
                      <div class="col-lg-9 col-md-8">{{  $camaba->ijazah->provinsi ?? '-'  }}</div>
                    </div>
                    <div class="row mb-3">
                      <div class="col-lg-3 col-md-4 label">Kota</div>
                      <div class="col-lg-9 col-md-8">{{  $camaba->ijazah->kota ?? '-'  }}</div>
                    </div>
                    <div class="row mb-3">
                      <div class="col-lg-3 col-md-4 label">Negara</div>
                      <div class="col-lg-9 col-md-8">{{  $camaba->ijazah->negara ?? '-'  }}</div>
                    </div>
                    <div class="row mb-3">
                      <div class="col-lg-3 col-md-4 label">Fakultas</div>
                      <div class="col-lg-9 col-md-8">{{  $camaba->ijazah->fakultas ?? '-'  }}</div>
                    </div>
                    <div class="row mb-3">
                      <div class="col-lg-3 col-md-4 label">Jurusan</div>
                      <div class="col-lg-9 col-md-8">{{  $camaba->ijazah->jurusan ?? '-'  }}</div>
                    </div>
                    <div class="row mb-3">
                      <div class="col-lg-3 col-md-4 label">Nilai/IPK</div>
                      <div class="col-lg-9 col-md-8">{{  $camaba->ijazah->ipk_nilai ?? '-'  }}</div>
                    </div>
                    <div class="row mb-3">
                      <div class="col-lg-3 col-md-4 label">Tahun Lulus</div>
                      <div class="col-lg-9 col-md-8">{{  $camaba->ijazah->tahun_lulus ?? '-'  }}</div>
                    </div>
                    <div class="row mb-3">
                      <div class="col-lg-3 col-md-4 label">File Ijazah</div>
                      <div class="col-lg-9 col-md-8">
                        @if($camaba->ijazah && ($camaba->ijazah->file ?? $camaba->ijazah->file_ijazah))
                          <a href="{{ asset('Data/Ijazah/' . ($camaba->ijazah->file ?? $camaba->ijazah->file_ijazah)) }}" target="_blank" class="btn btn-primary btn-sm">
                            <i class="bi bi-download"></i> Download Ijazah
                          </a>
                        @else
                          <span class="text-muted">File tidak tersedia</span>
                        @endif
                      </div>
                    </div>
                  </div>
                </div>
              </div>

              <div class="tab-pane fade" id="assessment" role="tabpanel" aria-labelledby="assessment-tab">
                  <h5 class="card-title">Data Self Assessment Mahasiswa</h5>
                  @if ($eportoAssessments->isEmpty())
                      <div class="alert alert-info" role="alert">
                          Mahasiswa belum melakukan self-assessment.
                      </div>
                  @else
                      <div class="accordion" id="assessmentAccordion">
                          @foreach($eportoAssessments as $nama_matkul => $assessments)
                              <div class="accordion-item">
                                  <h2 class="accordion-header">
                                      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-{{ \Str::slug($nama_matkul) }}">
                                          {{ $nama_matkul }}
                                      </button>
                                  </h2>
                                  <div id="collapse-{{ \Str::slug($nama_matkul) }}" class="accordion-collapse collapse" data-bs-parent="#assessmentAccordion">
                                      <div class="accordion-body">
                                          <div class="table-responsive">
                                              <table class="table table-striped table-bordered">
                                                  <thead>
                                                      <tr>
                                                          <th>CPMK</th>
                                                          <th>Nilai Self-Assessment</th>
                                                          <th>Bukti Pendukung</th>
                                                      </tr>
                                                  </thead>
                                                  <tbody>
                                                      @foreach($assessments as $item)
                                                          <tr>
                                                              <td>{{ $item->cpmk->penjelasan ?? 'CPMK tidak ditemukan' }}</td>
                                                              <td><span class="badge bg-primary">{{ $item->nilai ?? '-' }}</span></td>
                                                              <td>
                                                                  @forelse($item->bukti as $bukti)
                                                                      <a href="{{ $bukti->file_url }}" target="_blank" class="btn btn-sm btn-info mb-1">
                                                                        <i class="bi bi-download"></i> {{ $bukti->nama }}
                                                                      </a>
                                                                  @empty
                                                                      <span class="text-muted">Tidak ada bukti.</span>
                                                                  @endforelse
                                                              </td>
                                                          </tr>
                                                      @endforeach
                                                  </tbody>
                                              </table>
                                          </div>
                                      </div>
                                  </div>
                              </div>
                          @endforeach
                      </div>
                  @endif
              </div>
              
              <!-- KONVERSI NILAI -->
              <div class="tab-pane fade" id="konversi" role="tabpanel" aria-labelledby="konversi-tab">
                  {{-- Copy-paste seluruh konten div #konversi dari view Alih Jenjang Anda ke sini --}}
                  <h2>Konversi Nilai Mata Kuliah</h2>
                  <div class="card">
                      <div class="card-body table-responsive mt-4">
                          <div class="table-responsive">
                              <table class="table table-striped">
                                  <thead>
                                      <tr>
                                          <th>No</th>
                                          <th>Mata Kuliah</th>
                                          <th>Status</th>
                                          <th>Nilai per Assessor</th>
                                          <th>Nilai Akhir</th>
                                      </tr>
                                  </thead>
                                  <tbody>
                                      @forelse($matkulWithStatus as $mk)
                                          <tr>
                                              <td>{{ $loop->iteration }}</td>
                                              <td>{{ $mk->nama_matkul }}</td>
                                              <td>
                                                  @if($mk->isComplete)
                                                      <span class="badge {{ $mk->isLolos ? 'bg-success' : 'bg-danger' }}">
                                                          {{ $mk->isLolos ? 'Lolos' : 'Gagal' }}
                                                      </span>
                                                  @else
                                                      <span class="badge bg-warning">
                                                          Menunggu Penilaian ({{ $mk->completedAssessmentsCount }}/{{ $mk->requiredAssessments }})
                                                      </span>
                                                  @endif
                                              </td>
                                              <td>
                                                  @if(isset($allAssessorScores[$mk->id]))
                                                      @foreach($allAssessorScores[$mk->id] as $score)
                                                          @if($score->assessor && $score->nilai !== null)
                                                              <small><strong>{{ $score->assessor->nama }}:</strong> {{ number_format($score->nilai, 2) }}</small><br>
                                                          @endif
                                                      @endforeach
                                                  @else
                                                      <span class="text-muted">-</span>
                                                  @endif
                                              </td>
                                              <td>
                                                  @if($mk->isComplete && $mk->finalScore !== null)
                                                      <strong class="{{ $mk->isLolos ? 'text-success' : 'text-danger' }}">
                                                          {{ number_format($mk->finalScore, 2) }}
                                                      </strong>
                                                  @else
                                                      -
                                                  @endif
                                              </td>
                                          </tr>
                                      @empty
                                          <tr>
                                              <td colspan="5" class="text-center">Tidak ada mata kuliah yang tersedia.</td>
                                          </tr>
                                      @endforelse
                                  </tbody>
                              </table>
                          </div>
                      </div>
                  </div>
              </div>

            </div></div>
        </div>
      </div>
    </div>
  </section>

</main>
@endsection

@push('scripts')
{{-- Tidak perlu script tambahan jika hanya menggunakan komponen Bootstrap standar --}}
@endpush