@extends('layouts.app')

@section('content')
<div class="container mx-auto max-w-2xl px-4">
    @include('admin.panel._nav')

    <h1 class="mb-6 text-xl font-semibold text-gray-900">Tambah Item &middot; {{ $section->name }}</h1>

    <form method="POST" action="{{ route('admin.sections.items.store', $section) }}" enctype="multipart/form-data" class="space-y-4">
        @csrf
        @include('admin.panel.sections.items._form')

        <div class="flex gap-3">
            <button type="submit" class="rounded bg-gray-900 px-4 py-2 text-sm text-white hover:bg-gray-700">Simpan</button>
            <a href="{{ route('admin.sections.edit', $section) }}" class="rounded border border-gray-300 px-4 py-2 text-sm text-gray-700">Batal</a>
        </div>
    </form>
</div>
@endsection