@extends('layout.admin')
@section('content')
<main id="main" class="main">

<div class="pagetitle">
    <h1>Daftar Banding Mahasiswa</h1>
</div>

<section class="section">
    <div class="card">
        <div class="card-body">
            <h5 class="card-title">Mahasiswa Banding</h5>
        
        {{-- === Tab Navigation === --}}
        <ul class="nav nav-tabs" id="bandingTab" role="tablist">
          <li class="nav-item" role="presentation">
            <button class="nav-link active" id="aktif-tab" data-bs-toggle="tab" data-bs-target="#aktif" type="button">
              Banding Aktif
            </button>
          </li>
          <li class="nav-item" role="presentation">
            <button class="nav-link" id="riwayat-tab" data-bs-toggle="tab" data-bs-target="#riwayat" type="button">
              Riwayat Banding
            </button>
          </li>
        </ul>
        
        {{-- === Tab Content === --}}
        <div class="tab-content pt-3" id="bandingTabContent">
        
          {{-- ===== Tab Banding Aktif ===== --}}
          <div class="tab-pane fade show active" id="aktif" role="tabpanel">
            <div class="table-responsive">
              <table class="table table-bordered">
                <thead>
                  <tr>
                    <th>No</th>
                    <th>Nama Mahasiswa</th>
                    <th>Aksi</th>
                  </tr>
                </thead>
                <tbody>
                @forelse($banding_aktif as $camaba_id => $group)
                  @php $camaba = $group->first()->calon_mahasiswa; @endphp
                  @if($camaba)
                  <tr>
                    <td>{{ $loop->iteration }}</td>
                    <td>{{ $camaba->nama }}</td>
                    <td>
                      <a href="{{ route('admin.detail-banding-mahasiswa', $camaba->id) }}" 
                         class="btn btn-primary btn-sm">
                         Proses Banding
                      </a>
                    </td>
                  </tr>
                  @endif
                @empty
                  <tr>
                    <td colspan="3" class="text-center">Tidak ada banding aktif</td>
                  </tr>
                @endforelse
                </tbody>
              </table>
            </div>
          </div>
        
          {{-- ===== Tab Riwayat Banding ===== --}}
          <div class="tab-pane fade" id="riwayat" role="tabpanel">
            <div class="table-responsive">
              <table class="table table-bordered">
                <thead>
                  <tr>
                    <th>No</th>
                    <th>Nama Mahasiswa</th>
                    <th>Status</th>
                    <th>Aksi</th>
                  </tr>
                </thead>
                <tbody>
                @forelse($riwayat_banding as $camaba_id => $group)
                  @php 
                    $camaba = $group->first()->calon_mahasiswa; 
                    $status = $group->pluck('banding_status')->unique()->implode(', ');
                  @endphp
                  @if($camaba)
                  <tr>
                    <td>{{ $loop->iteration }}</td>
                    <td>{{ $camaba->nama }}</td>
                    <td>
                      <span class="badge bg-secondary">{{ ucfirst($status) }}</span>
                    </td>
                    <td>
                      <a href="{{ route('admin.detail-banding-mahasiswa', $camaba->id) }}" 
                         class="btn btn-outline-secondary btn-sm">
                         Lihat Detail
                      </a>
                    </td>
                  </tr>
                  @endif
                @empty
                  <tr>
                    <td colspan="4" class="text-center">Belum ada riwayat banding</td>
                  </tr>
                @endforelse
                </tbody>
              </table>
            </div>
          </div>
        
        </div> {{-- end tab content --}}
        </div>
    </div>
</section>

</main>
@endsection