@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>Sub Kriteria</h3>
          <p class="text-subtitle text-muted">
            Data Sub Kriteria 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">
                Sub Kriteria
              </li>
            </ol>
          </nav>
        </div>
      </div>
    </div>
  </div>
    
  <div class="page-content">
    <section class="section">
      <div class="card">
        <div class="card-header">
          <a class="btn btn-outline-primary" href="#tambahSubkriteria" data-bs-toggle="modal" data-bs-target="#tambahSubkriteria">
            <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 Sub Kriteria</th>
                  <th>Nama Kriteria</th>
                  <th>Nilai</th>
                  <th>Action</th>
                </tr>
              </thead>
              <tbody>
                @foreach ($subkriteria as $s)
                <tr>
                  <td>{{ $no++ }}</td>
                  <td>{{ $s->nama_subkriteria }}</td>
                  <td>{{ $s->kriteria->nama_kriteria }}</td>
                  <td>{{ $s->nilai }}</td>
                  <td>                    
                    <a class="btn icon btn-sm btn-outline-primary" href="#ubahSubkriteria{{ $s->id }}" data-bs-toggle="modal" data-bs-target="#ubahSubkriteria{{ $s->id }}" style="border-radius: 100%;">
                      <i class="bi bi-pencil"></i>
                    </a>
                    <a class="btn icon btn-sm btn-outline-danger" href="#hapusSubkriteria{{ $s->id }}" data-bs-toggle="modal" data-bs-target="#hapusSubkriteria{{ $s->id }}" style="border-radius: 100%;">
                      <i class="bi bi-trash"></i>
                    </a>
                    @include('modal.subkriteria')
                  </td>
                </tr>
                @endforeach
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </section>
  </div>
</div>

@endsection