@extends('layouts.main')

@section('main-container')
<div id="main-content">
  <div class="page-heading">
    <div class="page-title">
      @if (Auth::user()->role == "Admin")
      <div class="row">
        <div class="col-12 col-md-6 order-md-1 order-last">
          <h3>Penilaian</h3>
          <p class="text-subtitle text-muted">
            Penilaian Alternatif Algoritma AHP
          </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">
                Data Master
              </li>
              <li class="breadcrumb-item" aria-current="page">
                Algoritma AHP
              </li>
              <li class="breadcrumb-item active" aria-current="page">
                Penilaian
              </li>
            </ol>
          </nav>
        </div>
      </div>
      @else                
      <div class="row">
        <div class="col-12 col-md-6 order-md-1 order-last">
          <h3>Penilaian</h3>
          <p class="text-subtitle text-muted">
            Penilaian Alternatif Algoritma AHP
          </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">
                Dosen Pembimbing
              </li>
              <li class="breadcrumb-item" aria-current="page">
                Rekomendasi
              </li>
              <li class="breadcrumb-item active" aria-current="page">
                Penilaian
              </li>
            </ol>
          </nav>
        </div>
      </div>
      @endif
    </div>
  </div>
    
  <div class="page-content">
    <section class="section">
      <div class="card">        
        <div class="card-body">
          <div class="table-responsive">
            <table class="table" id="table1">
              <thead>
                <tr>
                  <th>No</th>
                  <th>Nama Dosen</th>
                  @foreach ($kriteria as $k)
                    <th>{{ $k->nama_kriteria }}</th>
                  @endforeach
                  <th>Action</th>
                </tr>
              </thead>
              <tbody>
                @foreach ($alternatif as $index => $a)
                <tr>
                  <td>{{ $no++ }}</td>
                  <td>{{ $a->nama }}</td>
                  @if ($a->penilaian != 'null')
                    @foreach ($a->penilaian as $p)
                      <td>{{ $p->nilai }}</td>
                    @endforeach
                  @else
                    <td colspan="{{ count($kriteria) }}"></td>
                    <td>
                      <a class="btn icon btn-sm btn-outline-primary" href="#tambahPenilaian{{ $a->id }}" data-bs-toggle="modal" data-bs-target="#tambahPenilaian{{ $a->id }}" style="border-radius: 100%;">
                        <i class="bi bi-plus"></i>
                      </a>
                      @include('modal.penilaian')   
                    </td>
                  @endif
                  <td>
                    @if ($a->penilaian != 'null')
                      <a class="btn icon btn-sm btn-outline-primary" href="#ubahPenilaian{{ $a->id }}" data-bs-toggle="modal" data-bs-target="#ubahPenilaian{{ $a->id }}" style="border-radius: 100%;">
                        <i class="bi bi-pencil"></i>
                      </a>
                      @include('modal.penilaian')
                    @endif
                  </td>                  
                </tr>
                @endforeach
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </section>
  </div>
</div>

@endsection