@props(['title', 'subtitle' => null, 'back' => null])

<div class="w-full space-y-6">
    {{-- Header halaman --}}
    <div class="flex items-center justify-between">
        <div>
            <h1 class="text-2xl font-bold tracking-tight text-slate-900">{{ $title }}</h1>
            @if ($subtitle)
                <p class="mt-1 text-sm text-slate-500">{{ $subtitle }}</p>
            @endif
        </div>
        @isset($actions)
            <div class="flex items-center gap-2">{{ $actions }}</div>
        @endisset
    </div>

    {{-- Isi (form) --}}
    <div class="rounded-2xl border border-slate-200 bg-white p-6 shadow-sm">
        {{ $slot }}
    </div>

    {{-- Footer aksi form --}}
    @isset($footer)
        <div class="flex items-center gap-2">
            {{ $footer }}
        </div>
    @endisset
</div>