@extends('layouts.install')

@section('content')
<div class="text-center py-4">
    <div class="inline-flex items-center justify-center w-14 h-14 bg-brand-50 text-brand-600 rounded-full mb-4">
        <svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
        </svg>
    </div>

    <h2 class="text-xl font-bold text-slate-800 mb-1">Installation Successful!</h2>
    <p class="text-slate-500 text-xs mb-6 leading-relaxed max-w-sm mx-auto">
        RentTrack Pro has been installed successfully. Configuration settings have been saved and the <code class="text-[10px] text-brand-600 bg-brand-50 py-0.5 px-1.5 rounded font-mono">install.lock</code> file has been created to secure the wizard.
    </p>

    <a href="{{ route('login') }}" class="inline-flex items-center justify-center w-full py-3.5 px-5 bg-brand-500 hover:bg-brand-600 text-white font-semibold rounded-xl shadow-sm transition duration-200 text-sm">
        Go to Login
        <svg class="w-4 h-4 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M11 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1"></path>
        </svg>
    </a>
</div>
@endsection
