@extends('layout.super_admin')

@section('content')
<main id="main" class="main">
    <div class="pagetitle">
        <h1>Kelola Program Studi (Prodi)</h1>
        <nav>
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="{{ route('super.dashboard') }}">Home</a></li>
                <li class="breadcrumb-item active">Kelola Prodi</li>
            </ol>
        </nav>
    </div>

    <section class="section">
        <div class="row">
            <div class="col-lg-12">
                <div class="card">
                    <div class="card-body">
                        <h5 class="card-title">Daftar Program Studi (Prodi)</h5>
                        
                        @if(session('success'))
                            <div class="alert alert-success">
                                {{ session('success') }}
                            </div>
                        @endif

                        @if($errors->any())
                            <div class="alert alert-danger">
                                <ul class="mb-0">
                                    @foreach($errors->all() as $error)
                                        <li>{{ $error }}</li>
                                    @endforeach
                                </ul>
                            </div>
                        @endif

                        <div class="d-flex justify-content-end mb-3">
                            <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#addProdiModal">
                                <i class="bi bi-plus-circle"></i> Tambah Prodi
                            </button>
                        </div>

                        <div class="table-responsive">
                            <table class="table table-striped align-middle">
                                <thead>
                                    <tr>
                                        <th>#</th>
                                        <th>Nama Program Studi</th>
                                        <th>Jenjang</th>
                                        <th>Fakultas</th>
                                        <th class="text-center">Aksi</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse($prodis as $index => $prodi)
                                    <tr>
                                        <td>{{ $index + 1 }}</td>
                                        <td>{{ $prodi->nama_jurusan }}</td>
                                        <td><span class="badge bg-info text-dark">{{ $prodi->jenjang }}</span></td>
                                        <td>{{ $prodi->fakultas ? $prodi->fakultas->nama_fakultas : '-' }}</td>
                                        <td class="text-center">
                                            <button type="button" class="btn btn-warning btn-sm" data-bs-toggle="modal" data-bs-target="#editProdiModal{{ $prodi->id }}">
                                                <i class="bi bi-pencil-square"></i> Edit
                                            </button>
                                            <form action="{{ route('super.delete-prodi', $prodi->id) }}" method="POST" class="d-inline">
                                                @csrf
                                                @method('DELETE')
                                                <button type="submit" class="btn btn-danger btn-sm" onclick="return confirm('Apakah Anda yakin ingin menghapus Prodi ini beserta seluruh data mahasiswa di dalamnya?')">
                                                    <i class="bi bi-trash"></i> Hapus
                                                </button>
                                            </form>
                                        </td>
                                    </tr>

                                    <!-- Edit Prodi Modal -->
                                    <div class="modal fade" id="editProdiModal{{ $prodi->id }}" tabindex="-1">
                                        <div class="modal-dialog">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <h5 class="modal-title">Edit Program Studi</h5>
                                                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                                                </div>
                                                <form action="{{ route('super.update-prodi', $prodi->id) }}" method="POST">
                                                    @csrf
                                                    @method('PUT')
                                                    <div class="modal-body text-start">
                                                        <div class="mb-3">
                                                            <label for="nama_jurusan{{ $prodi->id }}" class="form-label">Nama Program Studi</label>
                                                            <input type="text" class="form-control" id="nama_jurusan{{ $prodi->id }}" name="nama_jurusan" value="{{ $prodi->nama_jurusan }}" required>
                                                        </div>
                                                        <div class="mb-3">
                                                            <label for="jenjang{{ $prodi->id }}" class="form-label">Jenjang</label>
                                                            <select class="form-select" id="jenjang{{ $prodi->id }}" name="jenjang" required>
                                                                <option value="S1" {{ $prodi->jenjang == 'S1' ? 'selected' : '' }}>S1</option>
                                                                <option value="S2" {{ $prodi->jenjang == 'S2' ? 'selected' : '' }}>S2</option>
                                                            </select>
                                                        </div>
                                                        <div class="mb-3">
                                                            <label for="fakultas_id{{ $prodi->id }}" class="form-label">Fakultas</label>
                                                            <select class="form-select" id="fakultas_id{{ $prodi->id }}" name="fakultas_id" required>
                                                                @foreach($fakultas as $fak)
                                                                    <option value="{{ $fak->id }}" {{ $prodi->fakultas_id == $fak->id ? 'selected' : '' }}>
                                                                        {{ $fak->nama_fakultas }}
                                                                    </option>
                                                                @endforeach
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="modal-footer">
                                                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Tutup</button>
                                                        <button type="submit" class="btn btn-primary">Simpan Perubahan</button>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                    @empty
                                    <tr>
                                        <td colspan="5" class="text-center">Belum ada data Program Studi.</td>
                                    </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</main>

<!-- Add Prodi Modal -->
<div class="modal fade" id="addProdiModal" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Tambah Program Studi Baru</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <form action="{{ route('super.add-prodi') }}" method="POST">
                @csrf
                <div class="modal-body">
                    <div class="mb-3">
                        <label for="nama_jurusan" class="form-label">Nama Program Studi</label>
                        <input type="text" class="form-control" id="nama_jurusan" name="nama_jurusan" required placeholder="Contoh: Teknik Informatika">
                    </div>
                    <div class="mb-3">
                        <label for="jenjang" class="form-label">Jenjang</label>
                        <select class="form-select" id="jenjang" name="jenjang" required>
                            <option value="" disabled selected>Pilih Jenjang...</option>
                            <option value="S1">S1</option>
                            <option value="S2">S2</option>
                        </select>
                    </div>
                    <div class="mb-3">
                        <label for="fakultas_id" class="form-label">Fakultas</label>
                        <select class="form-select" id="fakultas_id" name="fakultas_id" required>
                            <option value="" disabled selected>Pilih Fakultas...</option>
                            @foreach($fakultas as $fak)
                                <option value="{{ $fak->id }}">{{ $fak->nama_fakultas }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Tutup</button>
                    <button type="submit" class="btn btn-primary">Simpan</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection