@extends('install.layout')

@section('content')
<div class="text-center mb-5">
    <div class="mb-4">
        <svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" fill="#28a745" class="bi bi-check-circle-fill" viewBox="0 0 16 16">
            <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"/>
        </svg>
    </div>
    <h3>Installation Complete!</h3>
    <p>Your House Construction Expense Tracker has been successfully installed.</p>
</div>

<div class="card mb-4">
    <div class="card-body">
        <h5 class="card-title">Next Steps</h5>
        <ul>
            <li>Log in to your admin account</li>
            <li>Create your first construction project</li>
            <li>Add expense categories</li>
            <li>Start tracking your construction expenses</li>
        </ul>
    </div>
</div>

<div class="card mb-4">
    <div class="card-body">
        <h5 class="card-title">Security Recommendations</h5>
        <ul>
            <li>Keep your application updated</li>
            <li>Regularly backup your database</li>
            <li>Use strong passwords</li>
            <li>Enable two-factor authentication if available</li>
        </ul>
    </div>
</div>

<div class="text-center">
    <a href="{{ url('/') }}" class="btn btn-primary btn-lg">Go to Dashboard</a>
</div>
@endsection