<x-filament-panels::page>
    @if ($this->restricted)
        <div style="display: flex; align-items: center; justify-content: center; min-height: 60vh; width: 100%;"
            class="fi-restricted-wrapper">
            <div style="width: 100%; max-width: 28rem; margin: 0 auto; padding: 2rem; text-align: center;">

                <div style="display: flex; justify-content: center; margin-bottom: 1.5rem;">
                    <div style="padding: 0.75rem;">
                        <x-filament::icon icon="heroicon-o-lock-closed"
                            style="width: 3.5rem; height: 3.5rem; color: #6B7280;" class="dark:text-gray-400" />
                    </div>
                </div>

                <h2 style="font-size: 1.25rem; font-weight: 700; letter-spacing: -0.025em; margin-bottom: 0.75rem;"
                    class="dark:text-white">
                    Akses Dibatasi
                </h2>

                <p style="font-size: 0.875rem; line-height: 1.25rem; color: #6B7280; margin-bottom: 2rem;"
                    class="dark:text-gray-400">
                    Silakan lengkapi data perusahaan Anda terlebih dahulu untuk dapat mengelola informasi media.
                </p>

                <div style="display: flex; justify-content: center;">
                    <x-filament::button :href="route('filament.dashboard.pages.manage.company')" tag="a" size="md" style="width: 100%;">
                        Lengkapi Data Perusahaan
                    </x-filament::button>
                </div>
            </div>
        </div>
    @else
        <form wire:submit.prevent="save">
            {{ $this->form }}

            @if (!$this->isVerificationStage)
                <div class="mt-6">
                    {{ $this->saveAction() }}
                </div>
            @endif
        </form>
    @endif
</x-filament-panels::page>
