49 lines
2.5 KiB
PHP
49 lines
2.5 KiB
PHP
<x-app-layout>
|
|
<x-slot name="header">
|
|
<div class="flex items-center justify-between gap-4">
|
|
<div>
|
|
<h2 class="text-xl font-semibold leading-tight text-slate-900">{{ $title }}</h2>
|
|
@isset($description)
|
|
<p class="mt-1 text-sm text-slate-500">{{ $description }}</p>
|
|
@endisset
|
|
</div>
|
|
|
|
@isset($actionLabel)
|
|
<button type="button" class="inline-flex items-center rounded-xl bg-slate-900 px-4 py-2.5 text-sm font-medium text-white transition hover:bg-slate-800">
|
|
{{ $actionLabel }}
|
|
</button>
|
|
@endisset
|
|
</div>
|
|
</x-slot>
|
|
|
|
<div>
|
|
<div class="overflow-hidden rounded-3xl border border-slate-200 bg-white shadow-sm shadow-slate-200/50">
|
|
<div class="border-b border-slate-200 px-6 py-5">
|
|
<div class="flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between">
|
|
<div>
|
|
<div class="text-sm font-semibold text-slate-800">Halaman sedang disiapkan</div>
|
|
<p class="mt-1 text-sm text-slate-500">
|
|
Struktur route, layout, dan navigasi sudah aktif. Berikutnya tinggal implementasi CRUD penuh untuk modul ini.
|
|
</p>
|
|
</div>
|
|
<span class="inline-flex rounded-full bg-indigo-50 px-4 py-2 text-xs font-semibold text-indigo-700">TailAdmin Inspired</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="p-6">
|
|
<div class="rounded-3xl border border-dashed border-slate-300 bg-slate-50 p-10 text-center">
|
|
<div class="mx-auto flex h-16 w-16 items-center justify-center rounded-2xl bg-indigo-100 text-indigo-700">
|
|
<svg class="h-7 w-7" viewBox="0 0 24 24" fill="none" stroke="currentColor">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.8" d="M12 5v14M5 12h14" />
|
|
</svg>
|
|
</div>
|
|
<div class="mt-5 text-lg font-semibold text-slate-800">{{ $title }}</div>
|
|
<p class="mx-auto mt-2 max-w-2xl text-sm leading-6 text-slate-500">
|
|
Placeholder aktif. Bro bisa lanjut langsung membuat tabel data, form tambah/edit, validasi, pencarian, pagination, dan aksi simpan/hapus dengan gaya UI yang konsisten.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</x-app-layout>
|