@extends('layouts.app')

@section('title', 'Program Studi')

@section('content')
    <div class="page-heading">
        <div><p class="eyebrow">MASTER AKADEMIK</p><h1>Program Studi</h1><p class="page-description">Kelola kode internal, nama, jenjang, dan unit induk program studi.</p></div>
        @if (auth()->user()->hasPermissionTo('study-program.create'))<x-ui.button type="button" data-modal-target="#program-create-modal"><x-ui.icon name="plus" /> Tambah program studi</x-ui.button>@endif
    </div>

    @if (session('success'))<x-ui.alert tone="success">{{ session('success') }}</x-ui.alert>@endif
    @if ($errors->has('program'))<x-ui.alert tone="error">{{ $errors->first('program') }}</x-ui.alert>@endif
    <section class="panel section-block" aria-labelledby="programs-list-title">
        <div class="section-heading"><div><h2 id="programs-list-title">Daftar program studi</h2><p>Program studi dapat berdiri tanpa unit induk jika struktur kampus mengaturnya demikian.</p></div></div>
        <form method="GET" action="{{ route('master.programs.index') }}" class="table-search">
            <label class="sr-only" for="programs-search">Cari program studi</label><input class="ui-input" id="programs-search" name="q" value="{{ $search }}" placeholder="Cari kode, nama, atau jenjang">
            <x-ui.button type="submit" variant="secondary">Cari</x-ui.button>
            @if ($search !== '')<x-ui.button variant="ghost" href="{{ route('master.programs.index') }}">Bersihkan</x-ui.button>@endif
        </form>

        @if ($programs->isEmpty())
            <x-ui.empty-state title="Belum ada program studi" description="Tambahkan program studi kampus. Gunakan kode lokal dan jenjang yang berlaku di institusi.">
                <x-slot:action>
                    @if (auth()->user()->hasPermissionTo('study-program.create'))
                        <x-ui.button type="button" data-modal-target="#program-create-modal">Tambah program studi</x-ui.button>
                    @endif
                </x-slot:action>
            </x-ui.empty-state>
        @else
            <x-ui.table caption="Program studi kampus">
                <thead><tr><th scope="col">Kode lokal</th><th scope="col">Nama program studi</th><th scope="col">Jenjang</th><th scope="col">Unit induk</th><th scope="col">Status</th><th scope="col"><span class="sr-only">Aksi</span></th></tr></thead>
                <tbody>
                    @foreach ($programs as $program)
                        <tr>
                            <td>{{ $program->local_code }}</td><td>{{ $program->name }}</td><td>{{ $program->education_level }}</td><td>{{ $program->organizationalUnit?->name ?? '—' }}</td>
                            <td>@if ($program->is_active)<x-ui.badge tone="success">Aktif</x-ui.badge>@else<x-ui.badge tone="neutral">Nonaktif</x-ui.badge>@endif</td>
                            <td><div class="table-actions">
                                @if (auth()->user()->hasPermissionTo('study-program.update'))
                                    <x-ui.button type="button" variant="ghost" size="sm" data-modal-target="#program-edit-{{ $program->id }}">Ubah</x-ui.button>
                                    <form method="POST" action="{{ route('master.programs.toggle', $program) }}">@csrf @method('PATCH')<x-ui.button type="submit" variant="secondary" size="sm">{{ $program->is_active ? 'Nonaktifkan' : 'Aktifkan' }}</x-ui.button></form>
                                    <x-ui.modal id="program-edit-{{ $program->id }}" title="Ubah program studi" description="Perbarui identitas lokal program studi.">
                                        @include('master.programs._modal-form', ['program' => $program, 'unitOptions' => $unitOptions, 'modalKey' => 'program-edit-'.$program->id, 'action' => route('master.programs.update', $program), 'submitLabel' => 'Simpan perubahan'])
                                    </x-ui.modal>
                                @endif
                            </div></td>
                        </tr>
                    @endforeach
                </tbody>
            </x-ui.table>
            {{ $programs->links() }}
        @endif
    </section>
    @if (auth()->user()->hasPermissionTo('study-program.create'))
        <x-ui.modal id="program-create-modal" title="Tambah program studi" description="Isi identitas lokal program studi dan unit induknya bila ada.">
            @include('master.programs._modal-form', ['program' => new \App\Models\StudyProgram(), 'unitOptions' => $unitOptions, 'modalKey' => 'program-create-modal', 'action' => route('master.programs.store'), 'submitLabel' => 'Simpan program studi'])
        </x-ui.modal>
    @endif
@endsection