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

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

  <div class="pagetitle">
    <h1>Detail Mahasiswa E-Porto</h1>
    <nav>
      <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="/admin/dashboard">Home</a></li>
        <li class="breadcrumb-item"><a href="{{ route('admin.data-user-table') }}">Data Mahasiswa</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>

            {{-- TAB HEADER --}}
            <ul class="nav nav-tabs nav-tabs-bordered" id="borderedTab" role="tablist">
              <li class="nav-item"><button class="nav-link active" data-bs-toggle="tab" data-bs-target="#profil">Profil</button></li>
              <li class="nav-item"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#ijazah">Ijazah</button></li>
              <li class="nav-item"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#self-assessment">Self Assessment</button></li>
              <li class="nav-item"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#riwayat-hidup">Riwayat Hidup</button></li>
              <li class="nav-item"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#assessment">Progres Penilaian</button></li>
              <li class="nav-item"><button class="nav-link" data-bs-toggle="tab" data-bs-target="#konversi">Nilai Akhir / Konversi</button></li>
            </ul>

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

              {{-- ================= PROFIL ================= --}}
              <div class="tab-pane fade show active" id="profil">
                <h2>Data Diri Mahasiswa</h2>
                <div class="card">
                  <div class="mx-4 my-3">
                    @php
                    $profilList = [
                    'Nama' => $camaba->nama,
                    'Prodi' => $camaba->jurusan->nama_jurusan ?? '-',
                    'Alamat' => $camaba->alamat,
                    'Email' => $camaba->user->email ?? '-',
                    'No Wa' => $camaba->nomor_telepon,
                    'Tempat Lahir' => $camaba->tempat_lahir,
                    'Tanggal Lahir' => $camaba->tanggal_lahir ? \Carbon\Carbon::parse($camaba->tanggal_lahir)->format('d/m/Y') : '-',
                    'Jenis Kelamin' => $camaba->kelamin,
                    'Kota' => $camaba->kota,
                    'Provinsi' => $camaba->provinsi,
                    'Kode Pos' => $camaba->kode_pos,
                    'Kebangsaan' => $camaba->kebangsaan,
                    'Nomor Rumah' => $camaba->nomor_rumah,
                    'Nomor Kantor' => $camaba->nomor_kantor,
                    ];
                    @endphp

                    @foreach($profilList as $label => $value)
                    <div class="row mb-3">
                      <div class="col-lg-3 col-md-4 label">{{ $label }}</div>
                      <div class="col-lg-9 col-md-8">{{ $value ?? '-' }}</div>
                    </div>
                    @endforeach
                  </div>
                </div>
              </div>

              {{-- ================= IJAZAH ================= --}}
              <div class="tab-pane fade" id="ijazah">
                <h2>Data Ijazah</h2>
                <div class="card">
                  <div class="mx-4 my-3">
                    @php
                    $ijazahList = [
                    'Institusi Pendidikan' => $camaba->ijazah->institusi_pendidikan ?? '-',
                    'Jenjang' => $camaba->ijazah->jenjang ?? '-',
                    'Provinsi' => $camaba->ijazah->provinsi ?? '-',
                    'Kota' => $camaba->ijazah->kota ?? '-',
                    'Negara' => $camaba->ijazah->negara ?? '-',
                    'Fakultas' => $camaba->ijazah->fakultas ?? '-',
                    'Jurusan' => $camaba->ijazah->jurusan ?? '-',
                    'Nilai / IPK' => $camaba->ijazah->ipk_nilai ?? '-',
                    'Tahun Lulus' => $camaba->ijazah->tahun_lulus ?? '-',
                    ];
                    @endphp

                    @foreach($ijazahList as $label => $value)
                    <div class="row mb-3">
                      <div class="col-lg-3 col-md-4 label">{{ $label }}</div>
                      <div class="col-lg-9 col-md-8">{{ $value ?? '-' }}</div>
                    </div>
                    @endforeach

                    <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>

              {{-- ================= SELF ASSESSMENT ================= --}}
              <div class="tab-pane fade" id="self-assessment">
                <div class="d-flex justify-content-between align-items-center mb-3">
                  <h5 class="card-title mb-0">Self Assessment oleh Mahasiswa</h5>
                  <a href="{{ route('export.bukti.admin', $camaba->id) }}" class="btn btn-primary" id="btn-export-bukti" onclick="showLoadingBtn(this)">
                    <i class="bi bi-file-zip"></i> Download Semua Bukti (ZIP)
                  </a>
                </div>

                @if ($selfAssessmentcamaba->isEmpty())
                <div class="alert alert-info">Belum ada self assessment untuk mahasiswa ini.</div>
                @else
                <div class="accordion" id="selfAssessmentAccordion">
                  @foreach($selfAssessmentcamaba as $matkul => $assessments)
                  <div class="accordion-item">
                    <h2 class="accordion-header">
                      <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#selfAssess-{{ \Str::slug($matkul) }}">
                        {{ $matkul }}
                      </button>
                    </h2>
                    <div id="selfAssess-{{ \Str::slug($matkul) }}" class="accordion-collapse collapse" data-bs-parent="#selfAssessmentAccordion">
                      <div class="accordion-body">
                        <div class="table-responsive">
                          <table class="table table-bordered table-sm">
                            <thead>
                              <tr>
                                <th style="width:30%">CPMK / Learning Outcome</th>
                                <th style="width:15%">Nilai Self Assessment</th>
                                <th style="width:55%">Bukti / Evidence</th>
                              </tr>
                            </thead>
                            <tbody>
                              @forelse($assessments as $sa)
                              <tr>
                                <td>
                                  <strong>{{ $sa->cpmk->penjelasan ?? 'CPMK tidak tersedia' }}</strong>
                                  <br>
                                  <small class="text-muted">Kode: {{ $sa->cpmk->kode_cpmk ?? '-' }}</small>
                                </td>
                                <td>
                                  <span class="badge bg-info">{{ $sa->nilai ?? '-' }}</span>
                                </td>
                                <td>
                                  @if($sa->bukti && $sa->bukti->count() > 0)
                                  <div>
                                    @foreach($sa->bukti as $bukti)
                                    <div class="mb-2">
                                      <strong>{{ $bukti->jenis_bukti }}</strong><br>
                                      <small class="text-muted">{{ $bukti->nama }}</small><br>
                                      <a href="{{ asset($bukti->file) }}" target="_blank" class="btn btn-sm btn-outline-primary">
                                        <i class="bi bi-download"></i> Download
                                      </a>
                                    </div>
                                    @endforeach
                                  </div>
                                  @else
                                  <span class="text-muted">Tidak ada bukti</span>
                                  @endif
                                </td>
                              </tr>
                              @empty
                              <tr>
                                <td colspan="3" class="text-center text-muted">Tidak ada data self assessment</td>
                              </tr>
                              @endforelse
                            </tbody>
                          </table>
                        </div>
                      </div>
                    </div>
                  </div>
                  @endforeach
                </div>
                @endif
              </div>

              {{-- ================= RIWAYAT HIDUP / PORTOFOLIO ================= --}}
              <div class="tab-pane fade" id="riwayat-hidup">
                <h5 class="card-title">Riwayat Hidup / Portofolio Mahasiswa</h5>

                @php
                use App\Models\Pelatihan;
                use App\Models\Penghargaan;
                use App\Models\Seminar;
                use App\Models\Organisasi;
                use App\Models\Riwayat_pekerjaan;
                use App\Models\File_user;

                $pelatihans = Pelatihan::where('calon_mahasiswa_id', $camaba->id)->get();
                $penghargaans = Penghargaan::where('calon_mahasiswa_id', $camaba->id)->get();
                $seminars = Seminar::where('calon_mahasiswa_id', $camaba->id)->get();
                $organisasis = Organisasi::where('calon_mahasiswa_id', $camaba->id)->get();
                $riwayat_pekerjaans = Riwayat_pekerjaan::where('calon_mahasiswa_id', $camaba->id)->get();
                $ttds = File_user::where('user_id', $camaba->user->id ?? null)->where('jenis_file', 'gambar')->get();
                @endphp

                <div class="row">
                  <div class="col-lg-8">
                    {{-- Pelatihan --}}
                    <div class="card mb-3">
                      <div class="card-body">
                        <h6 class="card-title">Pelatihan</h6>
                        @if ($pelatihans->isEmpty())
                        <div class="alert alert-info">Belum ada data pelatihan.</div>
                        @else
                        <div class="table-responsive">
                          <table class="table table-sm">
                            <thead>
                              <tr>
                                <th>Nama Pelatihan</th>
                                <th>Penyelenggara</th>
                                <th>Jangka Waktu</th>
                              </tr>
                            </thead>
                            <tbody>
                              @foreach($pelatihans as $p)
                              <tr>
                                <td>{{ $p->nama_pelatihan }}</td>
                                <td>{{ $p->penyelenggara }}</td>
                                <td>{{ $p->jangka_waktu ?? ($p->tahun ?? '-') }}</td>
                              </tr>
                              @endforeach
                            </tbody>
                          </table>
                        </div>
                        @endif
                      </div>
                    </div>

                    {{-- Penghargaan --}}
                    <div class="card mb-3">
                      <div class="card-body">
                        <h6 class="card-title">Penghargaan</h6>
                        @if ($penghargaans->isEmpty())
                        <div class="alert alert-info">Belum ada data penghargaan.</div>
                        @else
                        <div class="table-responsive">
                          <table class="table table-sm">
                            <thead>
                              <tr>
                                <th>Tahun</th>
                                <th>Bentuk</th>
                                <th>Pemberi</th>
                              </tr>
                            </thead>
                            <tbody>
                              @foreach($penghargaans as $pg)
                              <tr>
                                <td>{{ $pg->tahun }}</td>
                                <td>{{ $pg->bentuk_penghargaan }}</td>
                                <td>{{ $pg->pemberi_penghargaan }}</td>
                              </tr>
                              @endforeach
                            </tbody>
                          </table>
                        </div>
                        @endif
                      </div>
                    </div>

                    {{-- Seminar --}}
                    <div class="card mb-3">
                      <div class="card-body">
                        <h6 class="card-title">Seminar</h6>
                        @if ($seminars->isEmpty())
                        <div class="alert alert-info">Belum ada data seminar.</div>
                        @else
                        <div class="table-responsive">
                          <table class="table table-sm">
                            <thead>
                              <tr>
                                <th>Judul</th>
                                <th>Tahun</th>
                                <th>Penyelenggara</th>
                                <th>Keikutsertaan</th>
                              </tr>
                            </thead>
                            <tbody>
                              @foreach($seminars as $s)
                              <tr>
                                <td>{{ $s->judul }}</td>
                                <td>{{ $s->tahun }}</td>
                                <td>{{ $s->penyelenggara }}</td>
                                <td>{{ $s->keikutsertaan }}</td>
                              </tr>
                              @endforeach
                            </tbody>
                          </table>
                        </div>
                        @endif
                      </div>
                    </div>

                    {{-- Organisasi --}}
                    <div class="card mb-3">
                      <div class="card-body">
                        <h6 class="card-title">Organisasi</h6>
                        @if ($organisasis->isEmpty())
                        <div class="alert alert-info">Belum ada data organisasi.</div>
                        @else
                        <div class="table-responsive">
                          <table class="table table-sm">
                            <thead>
                              <tr>
                                <th>Jenis</th>
                                <th>Nama</th>
                                <th>Jabatan</th>
                                <th>Jangka Waktu / Tahun</th>
                              </tr>
                            </thead>
                            <tbody>
                              @foreach($organisasis as $o)
                              <tr>
                                <td>{{ $o->jenis }}</td>
                                <td>{{ $o->nama }}</td>
                                <td>{{ $o->jabatan }}</td>
                                <td>{{ $o->jangka_waktu ?? ($o->tahun ?? '-') }}</td>
                              </tr>
                              @endforeach
                            </tbody>
                          </table>
                        </div>
                        @endif
                      </div>
                    </div>

                    {{-- Riwayat Kerja --}}
                    <div class="card mb-3">
                      <div class="card-body">
                        <h6 class="card-title">Riwayat Pekerjaan</h6>
                        @if ($riwayat_pekerjaans->isEmpty())
                        <div class="alert alert-info">Belum ada data riwayat pekerjaan.</div>
                        @else
                        <div class="table-responsive">
                          <table class="table table-sm">
                            <thead>
                              <tr>
                                <th>Perusahaan</th>
                                <th>Alamat</th>
                                <th>Periode</th>
                                <th>Posisi</th>
                              </tr>
                            </thead>
                            <tbody>
                              @foreach($riwayat_pekerjaans as $r)
                              <tr>
                                <td>{{ $r->nama_perusahaan }}</td>
                                <td>{{ $r->alamat_perusahaan }}</td>
                                <td>{{ $r->periode_kerja }}</td>
                                <td>{{ $r->posisi }}</td>
                              </tr>
                              @endforeach
                            </tbody>
                          </table>
                        </div>
                        @endif
                      </div>
                    </div>
                  </div>

                  <div class="col-lg-4">
                    <div class="card">
                      <div class="card-body">
                        <h6 class="card-title">Tanda Tangan / Gambar</h6>
                        @if ($ttds->isEmpty())
                        <div class="alert alert-info">Belum ada file tanda tangan (jenis_file = 'gambar').</div>
                        @else
                        <div class="d-flex flex-column gap-2">
                          @foreach($ttds as $f)
                          <div>
                            <a href="{{ route('preview-file-user', ['id' => $f->id]) }}" target="_blank">
                              <img src="{{ route('preview-file-user', ['id' => $f->id]) }}" alt="TTD {{ $camaba->nama }}" class="img-fluid img-thumbnail" style="max-width:260px">
                            </a>
                            <div class="small text-muted mt-1">{{ basename($f->path_file) }}
                              <a href="{{ route('preview-file-user', ['id' => $f->id, 'download' => 1]) }}" class="ms-2">(download)</a>
                            </div>
                          </div>
                          @endforeach
                        </div>
                        @endif
                      </div>
                    </div>
                  </div>
                </div>
              </div>

              {{-- ================= PROGRES PENILAIAN ================= --}}
              <div class="tab-pane fade" id="assessment">
                <h5 class="card-title">Progres Penilaian oleh Assessor</h5>

                @if ($progress_penilaian->isEmpty())
                <div class="alert alert-info">Belum ada penilaian assessor untuk mahasiswa ini.</div>
                @else
                <div class="accordion" id="assessmentAccordion">
                  @foreach($progress_penilaian as $matkul => $scores)
                  <div class="accordion-item">
                    <h2 class="accordion-header">
                      <button class="accordion-button collapsed" data-bs-toggle="collapse" data-bs-target="#penilaian-{{ \Str::slug($matkul) }}">
                        {{ $matkul }}
                      </button>
                    </h2>
                    <div id="penilaian-{{ \Str::slug($matkul) }}" class="accordion-collapse collapse">
                      <div class="accordion-body table-responsive">
                        <table class="table table-bordered">
                          <thead>
                            <tr>
                              <th style="width:20%">Assessor</th>
                              <th style="width:10%">Nilai</th>
                              <th>Catatan / Keterangan Penilaian</th>
                            </tr>
                          </thead>
                          <tbody>
                            @foreach($scores as $item)
                            <tr>
                              <td>{{ $item->assessor->nama ?? 'Assessor tidak ditemukan' }}</td>
                              <td>{{ $item->nilai ?? '-' }}</td>
                              <td>
                                @if($item->keterangan_penilaian)
                                <details>
                                  <summary class="text-primary">Lihat Catatan</summary>
                                  <div class="mt-2" style="white-space: pre-line;">
                                    {{ $item->keterangan_penilaian }}
                                  </div>
                                </details>
                                @else
                                <span class="text-muted">Tidak ada catatan</span>
                                @endif
                              </td>
                            </tr>
                            @endforeach
                          </tbody>
                        </table>
                      </div>
                    </div>
                  </div>
                  @endforeach
                </div>
                @endif
              </div>

              {{-- ================= NILAI AKHIR ================= --}}
              <div class="tab-pane fade" id="konversi">
                <h2>Konversi / Nilai Akhir Mata Kuliah</h2>
                <div class="card">
                  <div class="card-body table-responsive mt-4">
                    <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->statusType === 'not_selected')
                            <span class="badge bg-secondary">Matkul Tidak Dipilih</span>

                            @elseif($mk->statusType === 'final')
                            <span class="badge {{ $mk->isLolos ? 'bg-success' : 'bg-danger' }}">
                              {{ $mk->isLolos ? 'Lolos' : 'Gagal' }}
                            </span>

                            @elseif($mk->statusType === 'in_progress')
                            <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 $s)
                            <small><b>{{ $s->assessor->nama }}:</b> {{ $s->nilai ?? '-' }}</small><br>
                            @endforeach
                            @else
                            -
                            @endif
                          </td>
                          <td>
                            @if($mk->isComplete && $mk->finalScore)
                            <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 data mata kuliah.</td>
                        </tr>
                        @endforelse
                      </tbody>
                    </table>
                  </div>
                </div>
              </div>

            </div>

          </div>
        </div>

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

</main>
<script>
  function showLoadingBtn(btn) {
    // Save original content
    var originalContent = btn.innerHTML;
    
    // Set loading state
    btn.innerHTML = '<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> Sedang memproses...';
    btn.classList.add('disabled');
    btn.style.pointerEvents = 'none';

    // Since it's a file download via href, the browser will stay on the same page.
    // We restore the button state after a generous timeout since we can't easily detect when the download starts.
    setTimeout(function() {
      btn.innerHTML = originalContent;
      btn.classList.remove('disabled');
      btn.style.pointerEvents = 'auto';
    }, 4000);
  }
</script>
@endsection