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

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

  <div class="pagetitle">
    <h1>Management Prodi - Fakultas</h1>
  </div>

  <section class="section">
    <div class="card p-3">
      <div class="d-flex justify-content-between mb-3">
        <h5 class="card-title mb-0">Daftar Fakultas</h5>
        <button class="btn btn-primary mb-3 float-end" data-bs-toggle="modal" data-bs-target="#modalAdd">Tambah Fakultas</button>
      </div>

      @if(session('success'))
        <div class="alert alert-success py-2">{{ session('success') }}</div>
      @endif

      <div class="table-responsive">
        <table class="table table-hover align-middle">
          <thead class="table-light">
            <tr>
              <th style="width:60px;">No</th>
              <th>Nama Fakultas</th>
              <th style="width:220px;">Aksi</th>
            </tr>
          </thead>
          <tbody>
            @foreach($fakultas as $index => $item)
            <tr>
              <td>{{ $index + 1 }}</td>
              <td>{{ $item->nama_fakultas }}</td>
              <td>
                <button class="btn btn-warning btn-sm" 
                  data-bs-toggle="modal" 
                  data-bs-target="#modalEdit{{ $item->id }}">
                  Edit
                </button>

                <a href="{{ route('super.jurusan-table', $item->id) }}" class="btn btn-info btn-sm">
                  Kelola Jurusan
                </a>

                <form action="{{ route('super.fakultas-delete', $item->id) }}" method="POST" style="display:inline;">
                  @csrf @method('DELETE')
                  <button onclick="return confirm('Hapus fakultas?')" class="btn btn-danger btn-sm">
                    Hapus
                  </button>
                </form>
              </td>
            </tr>
            @endforeach
          </tbody>
        </table>
      </div>
    </div>
  </section>

</main>

<!-- MODAL EDIT — diletakkan di luar tabel dan foreach -->
@foreach($fakultas as $item)
<div class="modal fade" id="modalEdit{{ $item->id }}">
  <div class="modal-dialog">
    <form class="modal-content" action="{{ route('super.fakultas-update', $item->id) }}" method="POST">
      @csrf @method('PUT')
      <div class="modal-header">
        <h5 class="modal-title">Edit Fakultas</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
      </div>
      <div class="modal-body">
        <label>Nama Fakultas</label>
        <input type="text" name="nama_fakultas" class="form-control" value="{{ $item->nama_fakultas }}" required>
      </div>
      <div class="modal-footer">
        <button class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
        <button class="btn btn-primary">Simpan</button>
      </div>
    </form>
  </div>
</div>
@endforeach


<!-- MODAL TAMBAH -->
<div class="modal fade" id="modalAdd">
  <div class="modal-dialog">
    <form class="modal-content" action="{{ route('super.fakultas-add') }}" method="POST">
      @csrf
      <div class="modal-header">
        <h5 class="modal-title">Tambah Fakultas</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
      </div>
      <div class="modal-body">
        <label>Nama Fakultas</label>
        <input type="text" name="nama_fakultas" class="form-control" required>
      </div>
      <div class="modal-footer">
        <button class="btn btn-secondary" data-bs-dismiss="modal">Batal</button>
        <button class="btn btn-primary">Simpan</button>
      </div>
    </form>
  </div>
</div>

@endsection