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

<style>
    /* Memberikan ruang agar dropdown tidak terpotong saat data sedikit */
    .table-responsive {
        min-height: 350px; 
        padding-bottom: 100px; /* Memberi ruang tambahan di bawah tabel */
        overflow: visible !important; /* Memaksa menu terlihat keluar batas */
    }
</style>

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

    <div class="pagetitle">
      <h1>Data Mahasiswa RPL</h1>
      <nav>
        <ol class="breadcrumb">
          <li class="breadcrumb-item"><a href="{{ route('super.dashboard') }}">Home</a></li>
          <li class="breadcrumb-item active">Data Mahasiswa RPL</li>
        </ol>
    </div><!-- End Page Title -->
    <section class="section">
      <div class="row">

        <div class="col-lg-12">


          <div class="card">
            <div class="card-body">
              <h5 class="card-title center" align="center">Data Mahasiswa RPL</h5>

              @if(session('error'))
                <div class="alert alert-danger">
                  {{ session('error') }}
                </div>
              @endif

              
              <div class="table-container">
                <!-- Form filter untuk memilih jurusan -->
                <form method="GET" action="{{ route('super.data-user-table') }}" id="filterForm">
                  <div class="row mb-3">
                    <div class="col-md-4">
                      <label for="jurusan_filter" class="form-label">Filter Jurusan</label>
                      <select name="jurusan_id" id="jurusan_filter" class="form-select">
                        <option value="">Semua Jurusan</option>
                        @foreach($jurusans as $jurusan)
                          <option value="{{ $jurusan->id }}" {{ request('jurusan_id') == $jurusan->id ? 'selected' : '' }}>
                            {{ $jurusan->nama_jurusan }}
                          </option>
                        @endforeach
                      </select>
                    </div>
                  </div>
                </form>
                <table class="table-admin table-bordered">
                  <thead>
                    @if($users_camaba->isEmpty())
                <div class="alert alert-info">
                  Tidak ada data mahasiswa untuk periode aktif saat ini.
                </div>
              @else
                    <tr>
                      <th class="admin-tabb" scope="col">No</th>
                      <th class="admin-tabb" scope="col">Nama</th>
                      <th class="admin-tabb" scope="col">Jurusan</th>
                        <th class="admin-tabb" scope="col">Periode</th>
                      <!--<th class="admin-tabb" scope="col">Tempat Lahir</th>-->
                      <!--<th class="admin-tabb" scope="col">Tanggal Lahir</th>-->
                      <!--<th class="admin-tabb" scope="col">No.HP</th>-->
                      <!--<th class="admin-tabb" scope="col">No.Whatsapp</th>-->
                      <!--<th class="admin-tabb" scope="col">Kelamin</th>-->
                      <!--<th class="alamat" scope="col">Alamat</th>-->
                      <!--<th class="admin-tabb" scope="col">Kota</th>-->
                      <!--<th class="admin-tabb" scope="col">Provinsi</th>-->
                      <!--<th class="admin-tabb" scope="col">Kode Pos</th>-->
                      <th class="admin-tabb" scope="col">Jenjang</th>
                        <th class="admin-tabb" scope="col">Action</th>
                    </tr>
                  </thead>
                  <tbody>
                    @foreach($users_camaba as $index => $user)
                      <tr>
                        <td class="admin-tabb">{{ $index + 1 }}</td>
                          <td class="admin-tabb">{{ $user->calon_mahasiswa->nama ?? 'Data tidak tersedia' }}</td>
                          <td class="admin-tabb">{{ $user->calon_mahasiswa->jurusan->nama_jurusan ?? '-' }}</td>
                          <td class="admin-tabb">{{ $user->calon_mahasiswa->periode->tahun_ajaran ?? 'Data tidak tersedia' }}</td>
                          <!--<td class="admin-tabb">{{ $user->calon_mahasiswa->tempat_lahir ?? '-' }}</td>-->
                          <!--<td class="admin-tabb">{{ $user->calon_mahasiswa->tanggal_lahir ?? '-' }}</td>-->
                          <!--<td class="admin-tabb">-->
                          <!--  @if($user->calon_mahasiswa && $user->calon_mahasiswa->nomor_rumah)-->
                          <!--    +62{{ preg_replace('/^0/', '', $user->calon_mahasiswa->nomor_rumah) }}-->
                          <!--  @else-->
                          <!--    --->
                          <!--  @endif-->
                          <!--</td>-->
                          <!--<td class="admin-tabb">-->
                          <!--  @if($user->calon_mahasiswa && $user->calon_mahasiswa->nomor_telepon)-->
                          <!--    +62{{ preg_replace('/^0/', '', $user->calon_mahasiswa->nomor_telepon) }}-->
                          <!--  @else-->
                          <!--    --->
                          <!--  @endif-->
                          <!--</td>-->
                          <!--<td class="admin-tabb">{{ $user->calon_mahasiswa->kelamin ?? '-' }}</td>-->
                          <!--<td class="alamat">{{ $user->calon_mahasiswa->alamat ?? '-' }}</td>-->
                          <!--<td class="admin-tabb">{{ $user->calon_mahasiswa->kota ?? '-' }}</td>-->
                          <!--<td class="admin-tabb">{{ $user->calon_mahasiswa->provinsi ?? '-' }}</td>-->
                          <!--<td class="admin-tabb">{{ $user->calon_mahasiswa->kode_pos ?? '-' }}</td>-->
                          <td class="admin-tabb">{{ $user->calon_mahasiswa->jurusan->jenjang ?? 'Data tidak tersedia' }}</td>
                          <td class="admin-tabb">
                            <div class="btn-group" role="group">

                            <!-- Delete -->
                            <form action="{{ route('super.delete-user', $user->id) }}" 
                                  method="POST" 
                                  onsubmit="return confirm('Apakah Anda yakin ingin menghapus user ini?')">
                                @csrf
                                @method('DELETE')
                                <button type="submit" class="btn btn-danger btn-sm">
                                    Delete
                                </button>
                            </form>
                    
                            <!-- Detail Progress -->
                            <a href="{{ route('super.detail-mahasiswa', $user->calon_mahasiswa->id) }}"
                               class="btn btn-info btn-sm">
                                Detail Progress
                            </a>
                    
                            <!-- Dropdown Export -->
                            <div class="btn-group">
                                <button type="button" 
                                        class="btn btn-primary btn-sm dropdown-toggle" 
                                        data-bs-boundary="viewport"
                                        data-bs-toggle="dropdown">
                                    Export
                                </button>
                                <ul class="dropdown-menu dropdown-menu-end">
                                    @if($user->calon_mahasiswa)
                                        <li>
                                            <a class="dropdown-item" 
                                               href="{{ route('export-pdf-f04', $user->calon_mahasiswa->id) }}">
                                                <i class="bi bi-file-word me-1"></i> Export Word F02
                                            </a>
                                        </li>
                                        <li>
                                            <a class="dropdown-item" 
                                               href="{{ route('export-pdf-f05', $user->calon_mahasiswa->id) }}">
                                                <i class="bi bi-file-word me-1"></i> Export Word F08
                                            </a>
                                        </li>
                                    @else
                                        <li>
                                            <span class="dropdown-item text-muted">
                                                Data Mahasiswa Tidak Tersedia
                                            </span>
                                        </li>
                                    @endif
                                </ul>
                            </div>
                    
                         </div>
                        </td>
                      </tr>
                    @endforeach
                  </tbody>
                </table>
              </div>
              @endif

            </div>
          </div>

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


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

<script>
document.addEventListener('DOMContentLoaded', function() {
    // Auto-submit form ketika filter jurusan berubah
    document.getElementById('jurusan_filter').addEventListener('change', function() {
        document.getElementById('filterForm').submit();
    });
});
</script>
@endsection