<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Subdomain Manager - Setup Wizard</title>
    <style>
        body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; background-color: #f3f4f6; color: #1f2937; line-height: 1.5; margin: 0; }
        .install-container { max-width: 600px; margin: 4rem auto; background: white; border-radius: 8px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); overflow: hidden; }
        .install-header { background: #1d4ed8; color: white; padding: 2rem; text-align: center; }
        .install-header h1 { margin: 0; font-size: 1.5rem; }
        .install-body { padding: 2rem; }
        .btn { display: inline-block; background: #1d4ed8; color: white; padding: 0.75rem 1.5rem; text-decoration: none; border-radius: 4px; border: none; cursor: pointer; font-weight: 600; width: 100%; text-align: center; }
        .btn:disabled { background: #9ca3af; cursor: not-allowed; }
        .form-group { margin-bottom: 1.5rem; }
        label { display: block; font-weight: 600; margin-bottom: 0.5rem; }
        input { width: 100%; padding: 0.75rem; border: 1px solid #d1d5db; border-radius: 4px; box-sizing: border-box; }
        .alert { background: #fee2e2; color: #991b1b; padding: 1rem; border-radius: 4px; margin-bottom: 1rem; }
        .success { color: #059669; }
        .error { color: #dc2626; }
    </style>
</head>
<body>
    <div class="install-container">
        <div class="install-header">
            <h1>Setup Wizard</h1>
            <p style="margin-top:0.5rem; opacity: 0.8;">Subdomain Management System</p>
        </div>
        <div class="install-body">
            <?php if(session()->getFlashdata('error')): ?>
                <div class="alert"><?= session()->getFlashdata('error') ?></div>
            <?php endif; ?>
            <?= $this->renderSection('content') ?>
        </div>
    </div>
</body>
</html>
