Initial commit
This commit is contained in:
@@ -0,0 +1,21 @@
|
||||
<x-master-page title="Tambah Program Keahlian" description="Tambahkan jurusan atau program keahlian baru.">
|
||||
<x-master-card title="Form Program Keahlian" subtitle="Isi kode, nama, dan informasi tambahan program keahlian.">
|
||||
<form action="{{ route('departments.store') }}" method="POST" class="space-y-6">
|
||||
@csrf
|
||||
|
||||
<div class="grid grid-cols-1 gap-6 md:grid-cols-2">
|
||||
<x-form-input name="code" label="Kode" placeholder="Contoh: RPL" required />
|
||||
<x-form-input name="name" label="Nama Program Keahlian" placeholder="Contoh: Rekayasa Perangkat Lunak" required />
|
||||
</div>
|
||||
|
||||
<x-form-textarea name="description" label="Deskripsi" placeholder="Deskripsi singkat program keahlian (opsional)" />
|
||||
|
||||
<x-form-checkbox name="is_active" label="Program keahlian aktif" :checked="true" />
|
||||
|
||||
<div class="flex flex-wrap items-center gap-3">
|
||||
<button type="submit" class="rounded-2xl bg-indigo-600 px-5 py-3 text-sm font-semibold text-white shadow-lg shadow-indigo-200 transition hover:bg-indigo-700">Simpan</button>
|
||||
<a href="{{ route('departments.index') }}" class="rounded-2xl border border-slate-200 px-5 py-3 text-sm font-semibold text-slate-700 transition hover:bg-slate-50">Batal</a>
|
||||
</div>
|
||||
</form>
|
||||
</x-master-card>
|
||||
</x-master-page>
|
||||
@@ -0,0 +1,22 @@
|
||||
<x-master-page title="Edit Program Keahlian" description="Perbarui data program keahlian yang sudah ada.">
|
||||
<x-master-card title="Form Edit Program Keahlian" subtitle="Sesuaikan data lalu simpan perubahan.">
|
||||
<form action="{{ route('departments.update', $department) }}" method="POST" class="space-y-6">
|
||||
@csrf
|
||||
@method('PUT')
|
||||
|
||||
<div class="grid grid-cols-1 gap-6 md:grid-cols-2">
|
||||
<x-form-input name="code" label="Kode" :value="$department->code" placeholder="Contoh: RPL" required />
|
||||
<x-form-input name="name" label="Nama Program Keahlian" :value="$department->name" placeholder="Contoh: Rekayasa Perangkat Lunak" required />
|
||||
</div>
|
||||
|
||||
<x-form-textarea name="description" label="Deskripsi" :value="$department->description" placeholder="Deskripsi singkat program keahlian (opsional)" />
|
||||
|
||||
<x-form-checkbox name="is_active" label="Program keahlian aktif" :checked="$department->is_active" />
|
||||
|
||||
<div class="flex flex-wrap items-center gap-3">
|
||||
<button type="submit" class="rounded-2xl bg-indigo-600 px-5 py-3 text-sm font-semibold text-white shadow-lg shadow-indigo-200 transition hover:bg-indigo-700">Update</button>
|
||||
<a href="{{ route('departments.index') }}" class="rounded-2xl border border-slate-200 px-5 py-3 text-sm font-semibold text-slate-700 transition hover:bg-slate-50">Batal</a>
|
||||
</div>
|
||||
</form>
|
||||
</x-master-card>
|
||||
</x-master-page>
|
||||
@@ -0,0 +1,68 @@
|
||||
<x-master-page
|
||||
title="Program Keahlian"
|
||||
description="Kelola master jurusan atau program keahlian sekolah."
|
||||
action-label="Tambah Program Keahlian"
|
||||
:action-url="route('departments.create')"
|
||||
>
|
||||
<x-master-card title="Filter Data" subtitle="Cari berdasarkan kode, nama, atau deskripsi program keahlian.">
|
||||
<form method="GET" action="{{ route('departments.index') }}" class="flex flex-col gap-4 md:flex-row md:items-end">
|
||||
<div class="md:flex-1">
|
||||
<x-form-input name="search" label="Pencarian" :value="$search" placeholder="Cari program keahlian..." />
|
||||
</div>
|
||||
<div class="flex items-end gap-3">
|
||||
<button type="submit" class="rounded-2xl bg-slate-900 px-5 py-3 text-sm font-semibold text-white transition hover:bg-slate-800">Cari</button>
|
||||
<a href="{{ route('departments.index') }}" class="rounded-2xl border border-slate-200 px-5 py-3 text-sm font-semibold text-slate-700 transition hover:bg-slate-50">Reset</a>
|
||||
</div>
|
||||
</form>
|
||||
</x-master-card>
|
||||
|
||||
<x-data-table :headers="['Kode', 'Nama', 'Dipakai', 'Deskripsi', 'Status', 'Aksi']">
|
||||
@forelse ($departments as $department)
|
||||
<tr>
|
||||
<td class="px-6 py-4 text-sm font-semibold text-slate-800">{{ $department->code }}</td>
|
||||
<td class="px-6 py-4 text-sm text-slate-700">{{ $department->name }}</td>
|
||||
<td class="px-6 py-4">
|
||||
<div class="flex flex-wrap gap-2">
|
||||
<span class="rounded-full bg-sky-100 px-3 py-1 text-xs font-semibold text-sky-700">Kelas: {{ $department->classes_count }}</span>
|
||||
<span class="rounded-full bg-indigo-100 px-3 py-1 text-xs font-semibold text-indigo-700">Siswa: {{ $department->students_count }}</span>
|
||||
</div>
|
||||
</td>
|
||||
<td class="px-6 py-4 text-sm text-slate-500">{{ $department->description ?: '-' }}</td>
|
||||
<td class="px-6 py-4">
|
||||
@if ($department->is_active)
|
||||
<span class="rounded-full bg-emerald-100 px-3 py-1 text-xs font-semibold text-emerald-700">Aktif</span>
|
||||
@else
|
||||
<span class="rounded-full bg-slate-100 px-3 py-1 text-xs font-semibold text-slate-600">Nonaktif</span>
|
||||
@endif
|
||||
</td>
|
||||
<td class="px-6 py-4">
|
||||
<div class="flex flex-wrap items-center gap-2">
|
||||
<a href="{{ route('departments.edit', $department) }}" class="rounded-xl border border-slate-200 px-3 py-2 text-xs font-semibold text-slate-700 transition hover:bg-slate-50">Edit</a>
|
||||
@php
|
||||
$canDelete = $department->classes_count === 0 && $department->students_count === 0;
|
||||
@endphp
|
||||
@if ($canDelete)
|
||||
<form action="{{ route('departments.destroy', $department) }}" method="POST" class="delete-form" data-entity="program keahlian {{ $department->name }}">
|
||||
@csrf
|
||||
@method('DELETE')
|
||||
<button type="submit" class="rounded-xl border border-rose-200 px-3 py-2 text-xs font-semibold text-rose-600 transition hover:bg-rose-50">Hapus</button>
|
||||
</form>
|
||||
@else
|
||||
<button type="button" disabled class="cursor-not-allowed rounded-xl border border-slate-200 bg-slate-100 px-3 py-2 text-xs font-semibold text-slate-400" title="Tidak bisa dihapus karena masih dipakai data lain">
|
||||
Dipakai
|
||||
</button>
|
||||
@endif
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
@empty
|
||||
<tr>
|
||||
<td colspan="6" class="px-6 py-10 text-center text-sm text-slate-500">Belum ada data program keahlian.</td>
|
||||
</tr>
|
||||
@endforelse
|
||||
</x-data-table>
|
||||
|
||||
<div>
|
||||
{{ $departments->links() }}
|
||||
</div>
|
||||
</x-master-page>
|
||||
Reference in New Issue
Block a user