<x-filament-panels::page>
    <form wire:submit="save">
        {{ $this->form }}

        <div class="mt-6 flex items-center gap-3 flex-wrap">
            <x-filament::button type="submit">
                ذخیره تنظیمات
            </x-filament::button>

            <x-filament::button type="button" color="gray" icon="heroicon-o-signal"
                                wire:click="testSmsConnection" wire:loading.attr="disabled" wire:target="testSmsConnection">
                تست اتصال پیامک
            </x-filament::button>

            @if ($smsStatus)
                <span style="display:inline-flex; align-items:center; gap:6px; padding:6px 12px; border-radius:8px; font-size:.85rem;
                    {{ $smsStatus['ok'] ? 'background:#dcfce7; color:#166534;' : 'background:#fee2e2; color:#991b1b;' }}">
                    <span style="width:10px; height:10px; border-radius:50%; background:{{ $smsStatus['ok'] ? '#16a34a' : '#dc2626' }};"></span>
                    {{ $smsStatus['message'] }}
                </span>
            @endif
        </div>
    </form>

    @if ($this->canUpdateScript())
        <x-filament::section class="mt-8" icon="heroicon-o-arrow-up-tray">
            <x-slot name="heading">به‌روزرسانی اسکریپت</x-slot>
            <x-slot name="description">
                فایل به‌روزرسانی را با فرمت ZIP آپلود کنید. فایل‌های پروژه جایگزین می‌شوند،
                از نسخه‌ی قبلی پشتیبان گرفته می‌شود و مهاجرت‌های جدید اجرا می‌شوند.
                (پوشه‌های .env، storage و vendor تغییر نمی‌کنند.)
            </x-slot>

            <div class="space-y-4">
                <input type="file" wire:model="updateFile" accept=".zip"
                       class="block w-full text-sm text-gray-700 dark:text-gray-200
                              file:mr-4 file:py-2 file:px-4 file:rounded-lg file:border-0
                              file:bg-primary-600 file:text-white hover:file:bg-primary-500" />

                <div wire:loading wire:target="updateFile" class="text-sm text-gray-500">
                    در حال بارگذاری فایل…
                </div>

                <x-filament::button wire:click="applyUpdate" color="danger" icon="heroicon-o-bolt"
                                    wire:loading.attr="disabled" wire:target="applyUpdate">
                    اعمال به‌روزرسانی
                </x-filament::button>
            </div>
        </x-filament::section>
    @endif
</x-filament-panels::page>
