@extends('layouts.installer')

@section('content')
<div class="card-body text-center py-5">
    <div class="steps">
        <div class="step-item completed">1</div>
        <div class="step-item completed">2</div>
        <div class="step-item completed">3</div>
        <div class="step-item completed">4</div>
        <div class="step-item completed">5</div>
    </div>

    <div class="mb-4">
        <span class="avatar avatar-xl rounded-circle bg-success-lt text-success mb-3">
            <i class="ti ti-circle-check fs-1"></i>
        </span>
        <h2 class="text-white fw-bold">Installation Complete!</h2>
        <p class="text-muted px-4">
            Connect has been successfully installed on your server. Your database has been migrated and seeded, and the environment variables have been updated.
        </p>
    </div>

    <div class="bg-success-lt p-3 rounded text-start mb-4">
        <h4 class="text-success fw-bold mb-1"><i class="ti ti-shield-check me-1"></i> Security Note</h4>
        <p class="mb-0 text-muted small">
            The installation wizard has been locked automatically. If you ever need to re-run the installer, you must manually delete the file located at <code>storage/installed</code>.
        </p>
    </div>

    <div>
        <a href="{{ route('dashboard') }}" class="btn btn-success px-5 py-2">
            Go to Dashboard <i class="ti ti-arrow-right ms-1"></i>
        </a>
    </div>
</div>
@endsection