{{-- resources/views/filament/pages/settings.blade.php --}}

<x-filament-panels::page>
    <div class="space-y-6">
        <form wire:submit="save">
            {{ $this->form }}
        </form>

        {{-- System Information --}}
        <x-filament::section>
            <x-slot name="heading">
                System Information
            </x-slot>

            <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                <div class="border dark:border-gray-700 rounded-lg p-4">
                    <h4 class="font-semibold mb-2">Laravel</h4>
                    <div class="text-sm space-y-1">
                        <p><span class="text-gray-500">Version:</span> {{ app()->version() }}</p>
                        <p><span class="text-gray-500">Environment:</span> {{ app()->environment() }}</p>
                        <p><span class="text-gray-500">Debug Mode:</span> {{ config('app.debug') ? 'Enabled' : 'Disabled' }}</p>
                    </div>
                </div>

                <div class="border dark:border-gray-700 rounded-lg p-4">
                    <h4 class="font-semibold mb-2">Database</h4>
                    <div class="text-sm space-y-1">
                        <p><span class="text-gray-500">Connection:</span> {{ config('database.default') }}</p>
                        <p><span class="text-gray-500">Driver:</span> {{ config('database.connections.' . config('database.default') . '.driver') }}</p>
                        <p><span class="text-gray-500">Status:</span>
                            @php
                                try {
                                    \DB::connection()->getPdo();
                                    echo '<span class="text-green-600">Connected</span>';
                                } catch (\Exception $e) {
                                    echo '<span class="text-red-600">Disconnected</span>';
                                }
                            @endphp
                        </p>
                    </div>
                </div>

                <div class="border dark:border-gray-700 rounded-lg p-4">
                    <h4 class="font-semibold mb-2">Storage</h4>
                    <div class="text-sm space-y-1">
                        @php
                            $totalMessages = \App\Models\Message::count();
                            $totalAnalytics = \App\Models\Analytic::count();
                            $dbSize = \DB::select('SELECT SUM(data_length + index_length) / 1024 / 1024 AS size FROM information_schema.tables WHERE table_schema = ?', [config('database.connections.mysql.database')]);
                        @endphp
                        <p><span class="text-gray-500">Messages:</span> {{ number_format($totalMessages) }}</p>
                        <p><span class="text-gray-500">Analytics:</span> {{ number_format($totalAnalytics) }}</p>
                        <p><span class="text-gray-500">DB Size:</span> {{ round($dbSize[0]->size ?? 0, 2) }} MB</p>
                    </div>
                </div>

                <div class="border dark:border-gray-700 rounded-lg p-4">
                    <h4 class="font-semibold mb-2">Cache</h4>
                    <div class="text-sm space-y-1">
                        <p><span class="text-gray-500">Driver:</span> {{ config('cache.default') }}</p>
                        <p><span class="text-gray-500">Queue:</span> {{ config('queue.default') }}</p>
                        <p><span class="text-gray-500">Session:</span> {{ config('session.driver') }}</p>
                    </div>
                </div>
            </div>
        </x-filament::section>

        {{-- API Endpoints --}}
        <x-filament::section>
            <x-slot name="heading">
                API Endpoints
            </x-slot>

            <div class="space-y-2">
                <div class="flex items-center justify-between p-3 bg-gray-50 dark:bg-gray-800 rounded">
                    <div>
                        <code class="text-sm">GET /api/bot/pages/{page_id}</code>
                        <p class="text-xs text-gray-500 mt-1">Get page details</p>
                    </div>
                    <x-filament::badge color="success">Active</x-filament::badge>
                </div>

                <div class="flex items-center justify-between p-3 bg-gray-50 dark:bg-gray-800 rounded">
                    <div>
                        <code class="text-sm">GET /api/bot/auto-replies/{page_id}</code>
                        <p class="text-xs text-gray-500 mt-1">Get auto replies</p>
                    </div>
                    <x-filament::badge color="success">Active</x-filament::badge>
                </div>

                <div class="flex items-center justify-between p-3 bg-gray-50 dark:bg-gray-800 rounded">
                    <div>
                        <code class="text-sm">POST /api/bot/messages/create</code>
                        <p class="text-xs text-gray-500 mt-1">Store message</p>
                    </div>
                    <x-filament::badge color="success">Active</x-filament::badge>
                </div>

                <div class="flex items-center justify-between p-3 bg-gray-50 dark:bg-gray-800 rounded">
                    <div>
                        <code class="text-sm">POST /api/bot/analytics/create</code>
                        <p class="text-xs text-gray-500 mt-1">Log analytics</p>
                    </div>
                    <x-filament::badge color="success">Active</x-filament::badge>
                </div>
            </div>
        </x-filament::section>

        {{-- Maintenance Actions --}}
        <x-filament::section>
            <x-slot name="heading">
                Maintenance
            </x-slot>

            <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
                <div class="border dark:border-gray-700 rounded-lg p-4">
                    <h4 class="font-semibold mb-2">Clear Old Messages</h4>
                    <p class="text-sm text-gray-500 mb-3">Delete messages older than 90 days</p>
                    <x-filament::button
                        wire:click="clearOldMessages"
                        color="warning"
                        size="sm"
                    >
                        Clear Messages
                    </x-filament::button>
                </div>

                <div class="border dark:border-gray-700 rounded-lg p-4">
                    <h4 class="font-semibold mb-2">Clear Analytics</h4>
                    <p class="text-sm text-gray-500 mb-3">Delete old analytics data</p>
                    <x-filament::button
                        wire:click="clearOldAnalytics"
                        color="warning"
                        size="sm"
                    >
                        Clear Analytics
                    </x-filament::button>
                </div>

                <div class="border dark:border-gray-700 rounded-lg p-4">
                    <h4 class="font-semibold mb-2">Optimize Database</h4>
                    <p class="text-sm text-gray-500 mb-3">Optimize database tables</p>
                    <x-filament::button
                        wire:click="optimizeDatabase"
                        color="success"
                        size="sm"
                    >
                        Optimize
                    </x-filament::button>
                </div>
            </div>
        </x-filament::section>
    </div>
</x-filament-panels::page>