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

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

  <div class="pagetitle">
    <h1>Management Prodi</h1>
    <h6 class="text-muted mt-1">Fakultas: {{ $fakultas->nama_fakultas }}</h6>

  </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 Jurusan</h5>

        <!-- <button class="btn btn-secondary mb-3 float-end" onclick="history.back()">
          ⟵ Kembali
        </button> -->

        <button class="btn btn-primary mb-3 float-end" data-bs-toggle="modal" data-bs-target="#modalAdd">
          Tambah Prodi
        </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 Jurusan</th>
              <th>Jenjang</th>
              <th style="width:220px;">Aksi</th>
            </tr>
          </thead>
          <tbody>
            @foreach($jurusans as $index => $item)
            <tr>
              <td>{{ $index + 1 }}</td>
              <td>{{ $item->nama_jurusan }}</td>
              <td>{{ $item->jenjang }}</td>
              <td>
                <button class="btn btn-warning btn-sm"
                  data-bs-toggle="modal"
                  data-bs-target="#modalEdit{{ $item->id }}">
                  Edit
                </button>

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


            @endforeach

          </tbody>
        </table>
      </div>
    </div>
  </section>

</main>

<!-- Modal Tambah -->
<div class="modal fade" id="modalAdd">
  <div class="modal-dialog">
    <form class="modal-content"
      action="{{ route('super.jurusan-add', $fakultas->id) }}"
      method="POST">
      @csrf
      <div class="modal-header">
        <h5 class="modal-title">Tambah Jurusan</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
      </div>
      <div class="modal-body">
        <label>Nama Jurusan</label>
        <input type="text" name="nama_jurusan" class="form-control" required>
        <label>Jenjang</label>
        <select name="jenjang" class="form-control" required>
          <option value="">-- Pilih Jenjang --</option>
          <option value="S1">S1</option>
          <option value="S2">S2</option>
        </select>
      </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>

<!-- Modal Edit -->
@foreach($jurusans as $item)
<div class="modal fade" id="modalEdit{{ $item->id }}" tabindex="-1">
  <div class="modal-dialog">
    <form class="modal-content"
      action="{{ route('super.jurusan-update', $item->id) }}"
      method="POST">
      @csrf
      @method('PUT')

      <div class="modal-header">
        <h5 class="modal-title">Edit Jurusan</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
      </div>

      <div class="modal-body">
        <label>Nama Jurusan</label>
        <input type="text"
          name="nama_jurusan"
          class="form-control mb-2"
          value="{{ $item->nama_jurusan }}"
          required>

        <label>Jenjang</label>
        <select name="jenjang" class="form-control" required>
          <option value="">-- Pilih Jenjang --</option>
          <option value="S1" {{ $item->jenjang == 'S1' ? 'selected' : '' }}>S1</option>
          <option value="S2" {{ $item->jenjang == 'S2' ? 'selected' : '' }}>S2</option>
        </select>
      </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

@endsection