@extends('layouts.main')

@section('main-container')
<div id="main-content">
  <div class="page-heading">
    <div class="page-title">
      <div class="row">
        <div class="col-12 col-md-6 order-md-1 order-last">
          <h3>Pengajuan</h3>
          <p class="text-subtitle text-muted">
            Pengajuan Dosen Pembimbing Tugas Akhir
          </p>
        </div>
        <div class="col-12 col-md-6 order-md-2 order-first">
          <nav
            aria-label="breadcrumb"
            class="breadcrumb-header float-start float-lg-end"
          >
            <ol class="breadcrumb">
              <li class="breadcrumb-item" aria-current="page">
                Pembimbing
              </li>
              <li class="breadcrumb-item active" aria-current="page">
                Pengajuan
              </li>
            </ol>
          </nav>
        </div>
      </div>
    </div>
  </div>
    
  <div class="page-content">
    <section class="section">
      <div class="card">
        <div class="accordion" id="accordionExample">
          <div class="accordion-item">
            <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
              Detail Pengajuan
            </button>
          </div>
        </div>        
      </div>
    </section>

    <div id="collapseOne" class="accordion-collapse collapse" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
      <section class="section">
        <div class="card">
          <div class="card-body">
            <div class="table-responsive">
                <table class="table">
                    <thead>
                        <tr>
                            <th>No.</th>
                            <th>Nama Dosen Pembimbing</th>
                            <th>Status Pengajuan</th>
                        </tr>
                    </thead>
                    <tbody>
                        @if ($status->isEmpty())
                            <tr>
                                <td colspan="3" style="text-align: center">
                                  <i>Belum mengajukan Dosen Pembimbing</i>
                                </td>
                            </tr>
                        @else
                            @foreach ($status as $p)
                                <tr>
                                    <td>{{ $no++ }}</td>
                                    <td>{{ $p->dosenPembimbing->name }}</td>
                                    <td>
                                        @if ($p->status == 'Menunggu Persetujuan')
                                            <span class="badge bg-warning">Menunggu Persetujuan</span>
                                        @elseif ($p->status == 'Disetujui')
                                            <span class="badge bg-success">Disetujui</span>
                                        @elseif ($p->status == 'Ditolak')
                                            <span class="badge bg-danger">Ditolak</span>
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        @endif
                    </tbody>
                </table>
            </div>
        </div>
        </div>
      </section>
    </div>
    <section class="section">
        <div class="card">
          <div class="card-body">
            <div class="col-12">
                <div class="table-responsive">
                    <table class="table" id="table1">
                      <thead>
                        <tr>
                          <th>No.</th>                          
                          <th>Nama Dosen</th>
                          <th>Keahlian</th>
                          <th>Minat</th>
                          <th>Action</th>
                        </tr>
                      </thead>
                      <tbody>
                        @foreach ($dosen as $d)
                        <tr>
                          <td>{{ $nomor++ }}</td>
                          <td>{{ $d->name }}</td>
                          <td>{{ $d->keahlian }}</td>
                          <td>{{ $d->minat }}</td>
                          <td>                            
                            <a class="btn icon btn-sm btn-outline-primary" href="#pengajuanDosbing{{ $d->id }}" data-bs-toggle="modal" data-bs-target="#pengajuanDosbing{{ $d->id }}" style="border-radius: 100%;">
                              <i class="bi bi-cursor"></i>
                            </a>
                            @include('modal.daftar-dosen')
                          </td>
                        </tr>
                        @endforeach
                      </tbody>
                    </table>
                </div>
            </div>
          </div>        
        </div>
    </section>
  </div>
</div>

@endsection