@extends('installer.layout')

@section('title', 'Installation Finished!')
@section('step_1_class', 'completed')
@section('step_2_class', 'completed')
@section('step_3_class', 'completed')
@section('step_4_class', 'active')

@section('content')
    <div style="text-align: center; padding: 1rem 0;">
        <div style="display: inline-flex; align-items: center; justify-content: center; width: 68px; height: 68px; background: rgba(16, 185, 129, 0.2); border: 2px solid #10B981; border-radius: 50%; color: #10B981; margin-bottom: 1.25rem;">
            <svg width="36" height="36" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M5 13l4 4L19 7"/></svg>
        </div>

        <h2 style="font-size: 1.35rem; font-weight: 800; color: #FFFFFF; margin-bottom: 0.5rem;">Congratulations!</h2>
        <p style="font-size: 0.875rem; color: var(--text-muted); line-height: 1.6; margin-bottom: 1.5rem;">
            The Payment Gateway software has been successfully installed and activated. All database tables, environment variables, and license security engines are configured and ready.
        </p>

        <div style="background: rgba(31, 41, 55, 0.6); border: 1px solid #374151; border-radius: 0.75rem; padding: 1.25rem; text-align: left; margin-bottom: 2rem;">
            <div style="display: flex; justify-content: space-between; margin-bottom: 0.5rem; font-size: 0.8125rem;">
                <span style="color: #9CA3AF;">Admin URL:</span>
                <strong style="color: #38BDF8;">{{ url('/admin') }}</strong>
            </div>
            <div style="display: flex; justify-content: space-between; font-size: 0.8125rem;">
                <span style="color: #9CA3AF;">Admin Email:</span>
                <strong style="color: #FFFFFF;">{{ session('admin_email', 'admin@yourdomain.com') }}</strong>
            </div>
        </div>

        <a href="{{ url('/admin') }}" class="btn" style="padding: 1rem 2rem; font-size: 1rem;">
            <span>Go to Admin Login</span>
            <svg width="20" height="20" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"/></svg>
        </a>
    </div>
@endsection