@extends('install.layout')

@section('content')
<div class="text-center mb-4">
    <h3>Welcome to the Installation Wizard</h3>
    <p>This wizard will guide you through the installation process of the House Construction Expense Tracker application.</p>
</div>

<div class="card mb-4">
    <div class="card-body">
        <h5 class="card-title">Before You Begin</h5>
        <p>Please make sure you have the following information ready:</p>
        <ul>
            <li>Database credentials (hostname, username, password, database name)</li>
            <li>Email server details (SMTP host, port, username, password)</li>
            <li>Admin user details (name, email, password)</li>
        </ul>
    </div>
</div>

<div class="card mb-4">
    <div class="card-body">
        <h5 class="card-title">System Requirements</h5>
        <p>The application requires:</p>
        <ul>
            <li>PHP 8.0 or higher</li>
            <li>MySQL 5.7+ or SQLite 3</li>
            <li>PDO PHP Extension</li>
            <li>OpenSSL PHP Extension</li>
            <li>Mbstring PHP Extension</li>
            <li>Tokenizer PHP Extension</li>
            <li>XML PHP Extension</li>
            <li>Fileinfo PHP Extension</li>
        </ul>
    </div>
</div>

<div class="text-end">
    <a href="{{ route('install.requirements') }}" class="btn btn-primary">Check Requirements <i class="fas fa-arrow-right"></i></a>
</div>
@endsection