@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>Alternatif</h3>
          <p class="text-subtitle text-muted">
            Data 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">
                Alternatif
              </li>
            </ol>
          </nav>
        </div>
      </div>
      @else 
      <div class="row">
        <div class="col-12 col-md-6 order-md-1 order-last">
          <h3>Alternatif</h3>
          <p class="text-subtitle text-muted">
            Data 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">
                Alternatif
              </li>
            </ol>
          </nav>
        </div>
      </div>
      @endif
    </div>
  </div>
    
  <div class="page-content">
    <section class="section">
      <div class="card">
        <div class="card-header">
          <a class="btn btn-outline-primary" href="#tambahAlternatif" data-bs-toggle="modal" data-bs-target="#tambahAlternatif">
            <i class="bi bi-plus"></i>
            Tambah
          </a>
          @include('modal.create')
        </div>
        <div class="card-body">
          <div class="table-responsive">
            <table class="table" id="table1">
              <thead>
                <tr>
                  <th>No.</th>                  
                  <th>Nama Dosen</th>
                  <th>Action</th>
                </tr>
              </thead>
              <tbody>
                @foreach ($alternatif as $a)                                  
                <tr>
                  <td>{{ $no++ }}</td>
                  <td>{{ $a->nama }}</td>                  
                  <td>
                    <a class="btn icon btn-sm btn-outline-primary" href="#ubahAlternatif{{ $a->id }}" data-bs-toggle="modal" data-bs-target="#ubahAlternatif{{ $a->id }}" style="border-radius: 100%;">
                      <i class="bi bi-pencil"></i>
                    </a>
                    <a class="btn icon btn-sm btn-outline-danger" href="#hapusAlternatif{{ $a->id }}" data-bs-toggle="modal" data-bs-target="#hapusAlternatif{{ $a->id }}" style="border-radius: 100%;">
                      <i class="bi bi-trash"></i>
                    </a>
                    @include('modal.alternatif')
                  </td>
                </tr>
                @endforeach
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </section>
  </div>
</div>

@endsection