@extends('portofolio::layout.user')
@section('content')

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

    <div class="pagetitle">
      <h1>Lihat Nilai</h1>
      <nav>
        <ol class="breadcrumb">
          <li class="breadcrumb-item"><a href="/user/dashboard">Home</a></li>
          <li class="breadcrumb-item active">Lihat Nilai</li>
        </ol>
      </nav>
    </div><!-- End Page Title -->
    <section class="section">
      <div class="row">

        <div class="col-lg-12">
            
            {{-- Menampilkan pesan dari controller --}}
            @if (session('success'))
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    {{ session('success') }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
            @endif
            @if (session('error'))
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                    {{ session('error') }}
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
            @endif


          <div class="card">
            <div class="card-body">
              {{--
              <div class="d-flex justify-content-end mb-3 mt-3">
                  <a href="{{ route('nilai.export-pdf-f05') }}" class="btn btn-primary me-2">Export PDF F-05</a>
                  <a href="{{ route('nilai.export-pdf-f04') }}" class="btn btn-primary me-2">Export PDF F-04</a>
                  <a href="{{ route('nilai.export-excel') }}" class="btn btn-success">Export Excel</a>
              </div>
              --}}
              
              <h5 class="card-title center" align="center">Mata Kuliah Konversi</h5>
              

              {{-- Cek apakah nilai sudah dipublikasikan --}}
              @if($assessment && $assessment->published_at)

                {{-- Menampilkan pesan status --}}
                <div class="alert alert-success">
                  Hasil penilaian Anda telah dipublikasikan pada {{ \Carbon\Carbon::parse($assessment->published_at)->format('d F Y, H:i') }}.
                </div>

                <table class="table table-bordered">
                  <thead>
                    <tr>
                      <th scope="col">No</th>
                      <th scope="col">Mata Kuliah</th>
                      <th scope="col">Status Kelulusan</th>
                      <th scope="col">Nilai Akhir (Skala 100)</th>
                      <th scope="col">Catatan Assessor</th>
                      <th scope="col">Status Banding</th>
                    </tr>
                  </thead>
                  <tbody>
                    @forelse($final_results as $index => $result)
                      <tr>
                        <td>{{ $index + 1 }}</td>
                        <td>{{ $result->matkul->nama_matkul ?? '-' }}</td>
                        <td>
                          <span class="badge {{ $result->status_akhir == 'Lolos' ? 'bg-success' : 'bg-danger' }}">
                            {{ $result->status_akhir }}
                          </span>
                        </td>
                        <td>{{ $result->nilai_akhir ?? '-' }}</td>
                        <td class="text-center">
                          @if(isset($catatan_assessor[$result->matkul_id]) && $catatan_assessor[$result->matkul_id]->count())
                              <button class="btn btn-sm btn-info"
                                      data-bs-toggle="modal"
                                      data-bs-target="#catatanModal-{{ $result->matkul_id }}">
                                  <i class="bi bi-journal-text"></i> Catatan
                              </button>
                          @else
                              <span class="text-muted">-</span>
                          @endif
                        </td>
                        <td>
                          @if($result->banding_status == 'diterima')
                            <span class="badge bg-info text-dark">Diterima</span>
                          @elseif($result->banding_status == 'ditolak')
                            <span class="badge bg-warning text-dark">Ditolak</span>
                          @elseif($result->banding_status == 'pending')
                            <span class="badge bg-secondary">Pending</span>
                          @else
                            -
                          @endif
                        </td>
                      </tr>
                    @empty
                      <tr>
                        <td colspan="5" class="text-center">Tidak ada data penilaian yang tersedia.</td>
                      </tr>
                    @endforelse
                  </tbody>
                </table>

               
                @if($isBandingFinished)
                    <div class="alert alert-info mt-4">
                        Anda sudah pernah mengajukan banding dan prosesnya telah selesai. Banding hanya bisa dilakukan satu kali.
                    </div>
                @elseif($isBandingPending)
                    <div class="alert alert-warning mt-4">
                        <h5 class="alert-heading">Banding Sedang Diproses</h5>
                        Anda telah mengajukan banding. Mohon tunggu informasi selanjutnya dari administrator.
                    </div>
                @else
                <form action="{{ route('eporto.submit-banding') }}" method="POST" class="mt-4 border p-3 rounded">
                    @csrf
                    <div class="mb-3">
                        <label for="matkul_ids" class="fw-bold">Formulir Pengajuan Banding</label>
                        <p class="text-muted">Pilih satu atau lebih mata kuliah yang ingin Anda banding, lalu berikan keterangan untuk setiap mata kuliah yang dipilih. Banding hanya bisa diajukan satu kali.</p>
                        <div class="row">
                          @foreach($final_results as $result)
                            <div class="col-md-6 mb-3">
                              <div class="form-check">
                                <input class="form-check-input matkul-checkbox" type="checkbox" name="matkul_ids[]" value="{{ $result->matkul_id }}" id="matkul_{{ $result->matkul_id }}">
                                <label class="form-check-label" for="matkul_{{ $result->matkul_id }}">
                                  {{ $result->matkul->nama_matkul }}
                                </label>
                              </div>
                              <textarea name="keterangan[{{ $result->matkul_id }}]" class="form-control keterangan-textarea mt-2" rows="2" placeholder="Keterangan banding untuk matkul ini..." style="display:none;"></textarea>
                            </div>
                          @endforeach
                        </div>
                    </div>
                    <button type="submit" class="btn btn-warning" onclick="return confirm('Apakah Anda yakin ingin mengajukan banding untuk mata kuliah yang dipilih? Tindakan ini hanya bisa dilakukan sekali.')">
                        <i class="bi bi-gavel"></i> Ajukan Banding
                    </button>
                </form>
                @endif
                
                @foreach($final_results as $result)
                @if(isset($catatan_assessor[$result->matkul_id]))
                <div class="modal fade" id="catatanModal-{{ $result->matkul_id }}" tabindex="-1" aria-hidden="true">
                  <div class="modal-dialog modal-lg modal-dialog-scrollable">
                    <div class="modal-content">
                      <div class="modal-header">
                        <h5 class="modal-title">
                          Catatan Assessor – {{ $result->matkul->nama_matkul }}
                        </h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                      </div>
                
                      <div class="modal-body">
                        @foreach($catatan_assessor[$result->matkul_id] as $catatan)
                          <div class="border rounded p-3 mb-3">
                            <div class="fw-bold mb-1">
                              <i class="bi bi-person-badge"></i>
                              {{ $catatan->assessor->nama ?? 'Assessor' }}
                            </div>
                            <div class="text-muted small mb-2">
                              Assessor ID: {{ $catatan->assessor_id }}
                            </div>
                            <p class="mb-0" style="white-space: pre-line;">
                              {{ $catatan->keterangan_penilaian }}
                            </p>
                          </div>
                        @endforeach
                      </div>
                
                      <div class="modal-footer">
                        <button class="btn btn-secondary" data-bs-dismiss="modal">Tutup</button>
                      </div>
                    </div>
                  </div>
                </div>
                @endif
                @endforeach

              
              @else
                {{-- Pesan jika nilai belum tersedia --}}
                <div class="alert alert-info text-center">
                    <h5 class="alert-heading">Hasil Penilaian Belum Tersedia</h5>
                    <p>Proses penilaian oleh para asesor masih berlangsung. Mohon periksa kembali halaman ini secara berkala. Anda akan dapat melihat hasil akhir setelah semua penilaian selesai dan dipublikasikan oleh administrator.</p>
                </div>
              @endif


            </div>
          </div>

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


  </main><!-- End #main -->

<script>
document.querySelectorAll('.matkul-checkbox').forEach((checkbox) => {
    checkbox.addEventListener('change', function () {
        let textarea = this.closest('.col-md-6').querySelector('.keterangan-textarea');
        textarea.style.display = this.checked ? 'block' : 'none';
    });
});
</script>
@endsection