@section('title', ($ulid ? 'Ubah' : 'Tambah') . ' - Berita')
<div class="py-12">
    <x-slot name="header">
        <h2 class="text-xl font-semibold leading-tight text-gray-800 dark:text-gray-200">
            {{ $ulid ? 'Ubah' : 'Tambah' }} Berita
        </h2>
    </x-slot>
    <div class="mx-auto max-w-7xl sm:px-6 lg:px-8">
        <div class="overflow-hidden bg-white shadow-sm dark:bg-gray-800 sm:rounded-lg">
            <div class="grid grid-cols-1 p-6 text-gray-900 dark:text-gray-100">
                @if ($mediaUuid)
                    <div class="mb-5">
                        <img class="md:w-[640px]" src="{{ route('media.photo', ['uuid' => $mediaUuid]) }}" />
                        <div class="mt-1 text-xs italic">Ubah foto dng mengunggah foto yang baru</div>
                    </div>
                @endif
                <form action="">
                    {{ $this->form }}
                    <div class="flex gap-3 mt-5">
                        <x-filament::button size="sm" color="info" wire:click="save">
                            Simpan
                        </x-filament::button>
                        <x-filament::button size="sm" wire:navigate tag="a" href="{{ route('news.index') }}"
                            color="info" outlined>
                            Kembali
                        </x-filament::button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>