@extends('installer.layout')

@section('content')
<div class="bg-white rounded-lg shadow-lg p-8">
    <h2 class="text-3xl font-bold text-gray-900 mb-4">Welcome to the Installer</h2>
    
    <div class="prose max-w-none mb-8">
        <p class="text-gray-600 text-lg mb-4">
            Thank you for choosing our application. This installer will guide you through the setup process.
        </p>
        
        <div class="bg-blue-50 border-l-4 border-blue-500 p-4 my-6">
            <p class="font-semibold text-blue-900">Before you begin:</p>
            <ul class="mt-2 text-blue-800 list-disc list-inside">
                <li>Ensure your server meets the minimum requirements</li>
                <li>Have your database credentials ready</li>
                <li>Verify file and directory permissions</li>
                <li>Create a backup if upgrading an existing installation</li>
            </ul>
        </div>

        <div class="bg-yellow-50 border-l-4 border-yellow-500 p-4 my-6">
            <p class="font-semibold text-yellow-900">Terms of Use:</p>
            <p class="mt-2 text-yellow-800">
                By proceeding with this installation, you agree to our terms of service and privacy policy.
                This installer will create and modify files on your server. Please ensure you have proper backups.
            </p>
        </div>
    </div>

    <div class="flex justify-end">
        <a href="{{ route('installer.requirements') }}" class="px-6 py-3 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors font-semibold">
            Continue to Requirements Check
        </a>
    </div>
</div>
@endsection