@extends('setup.layout')
@section('setup-content')
<div class="rounded-2xl border border-emerald-500/20 bg-emerald-500/5 p-8 text-center">
    <div class="w-16 h-16 bg-emerald-500/20 rounded-full flex items-center justify-center mx-auto mb-6">
        <i class="fas fa-check text-emerald-400 text-2xl"></i>
    </div>
    <h2 class="text-2xl font-bold text-white mb-2">Installation Complete!</h2>
    <p class="text-sm text-slate-400 mb-2">The Pharmacy Management System has been successfully installed.</p>
    <p class="text-xs text-slate-600 mb-8">You can now log in with your admin credentials.</p>

    <a href="{{ route('login') }}" class="inline-flex items-center gap-2 px-8 py-3 rounded-xl text-sm font-bold shadow-lg text-white bg-gradient-to-r from-indigo-500 to-purple-600 hover:from-indigo-400 hover:to-purple-500 transition-all">
        <i class="fas fa-sign-in-alt"></i> Log In Now
    </a>
</div>
@endsection