@extends('layouts.installer')

@section('title', 'Installation Complete!')
@section('subtitle', 'Congratulations, your application is fully installed and ready to go.')

@section('content')

<div class="py-8 text-center max-w-lg mx-auto">
    <div class="w-24 h-24 rounded-full bg-emerald-500/10 border-4 border-emerald-500/20 flex flex-col items-center justify-center mx-auto mb-8 relative">
        <div class="absolute inset-0 bg-emerald-500 blur-2xl opacity-20 rounded-full animate-pulse"></div>
        <i data-lucide="check" class="w-10 h-10 text-emerald-500 relative z-10"></i>
    </div>

    <h3 class="text-3xl font-display font-800 text-white mb-4">Application Ready</h3>
    <p class="text-text-dim mb-8">
        Your marketplace platform has been successfully installed. Ensure your cron jobs are running properly.
    </p>

    <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
        <a href="{{ url('/') }}" class="btn-secondary py-4 flex flex-col items-center justify-center gap-2 group hover:border-blue-500/50">
            <i data-lucide="layout-grid" class="w-6 h-6 text-text-dim group-hover:text-blue-400 transition-colors"></i>
            <span>View Storefront</span>
        </a>
        
        <a href="{{ url('/login') }}" class="btn-primary py-4 flex flex-col items-center justify-center gap-2">
            <i data-lucide="shield" class="w-6 h-6"></i>
            <span>Log in to Admin Panel</span>
        </a>
    </div>

    <div class="mt-12 pt-8 border-t border-white/5 text-left bg-orange-500/10 border border-orange-500/20 rounded-xl p-6">
        <div class="flex items-start gap-4 text-orange-400">
            <i data-lucide="alert-triangle" class="w-6 h-6 flex-shrink-0"></i>
            <div>
                <h4 class="text-sm font-600 mb-1 text-orange-300">Security Warning</h4>
                <p class="text-xs text-orange-400/80">
                    For your security, the installation routes have been disabled permanently via the <code>storage/installed</code> lock file. If you ever need to reinstall, delete that file.
                </p>
            </div>
        </div>
    </div>
</div>

@endsection