@extends('installer.layout')

@section('content')
    <div class="text-center">
        <div class="mx-auto flex h-16 w-16 items-center justify-center rounded-full bg-emerald-100 text-emerald-700 dark:bg-emerald-950 dark:text-emerald-200">
            <svg class="h-8 w-8" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
                <path fill-rule="evenodd" d="M16.704 5.29a1 1 0 0 1 .006 1.414l-7.2 7.26a1 1 0 0 1-1.42.002L3.29 9.126A1 1 0 1 1 4.71 7.718l4.09 4.123 6.49-6.545a1 1 0 0 1 1.414-.006Z" clip-rule="evenodd" />
            </svg>
        </div>
        <p class="mt-5 text-sm font-bold uppercase tracking-wide text-blue-600 dark:text-blue-300">Finished</p>
        <h2 class="mt-3 text-3xl font-black text-slate-950 dark:text-white">Installation complete.</h2>
        <p class="mx-auto mt-4 max-w-2xl text-sm leading-6 text-slate-600 dark:text-slate-300">
            ViZuTrade is installed and the installer is now locked using `storage/app/installed`.
        </p>

        <div class="mt-8 flex flex-col justify-center gap-3 sm:flex-row">
            <a href="{{ route('login') }}" class="rounded-lg bg-blue-600 px-6 py-3 text-sm font-bold text-white hover:bg-blue-700">Login</a>
            <a href="{{ route('admin.dashboard') }}" class="rounded-lg border border-blue-100 px-6 py-3 text-sm font-bold text-blue-700 dark:border-blue-900 dark:text-blue-300">Admin Dashboard</a>
        </div>
    </div>
@endsection
