@extends('installer.layout')

@section('content')
    <h2>Veritabanı Tablolarının Kurulumu</h2>
    <p class="step-desc">Bu adımda veritabanınızda gerekli tablolar oluşturulacak ve varsayılan sistem verileri yüklenecektir.</p>

    <!-- Normal State -->
    <div id="migration-intro">
        <div class="alert alert-warning">
            <strong>Önemli Uyarı!</strong>
            <span>Veritabanında tablolar kurulurken sisteme göre birkaç saniye sürebilir. Lütfen işlem tamamlanana kadar sayfayı kapatmayın veya yenilemeyin.</span>
        </div>

        <form action="{{ route('installer.migrate.run') }}" method="POST" id="migration-form">
            @csrf
            <div class="installer-footer flush">
                <div class="btn-group">
                    <button type="submit" class="btn btn-primary">Veritabanı Kurulumunu Başlat</button>
                </div>
            </div>
        </form>
    </div>

    <!-- Loading State -->
    <div id="migration-loading" class="loading-box hidden">
        <div class="spinner"></div>
        <h3>Veritabanı Tabloları Kuruluyor</h3>
        <p class="step-desc">Tablolar oluşturuluyor ve çekirdek veriler (.seeder) aktarılıyor. Lütfen bekleyin...</p>
    </div>

    <script>
        document.getElementById('migration-form').addEventListener('submit', function() {
            document.getElementById('migration-intro').classList.add('hidden');
            document.getElementById('migration-loading').classList.remove('hidden');
        });
    </script>
@endsection