@extends('install.layout')

@section('title', 'Installation Complete')

@section('content')
<div class="text-center">
    <div style="font-size: 64px; color: #28a745; margin-bottom: 20px;">✓</div>
    <h2 style="color: #333; margin-bottom: 20px;">Installation Completed Successfully!</h2>
    <p style="color: #6c757d; font-size: 16px; margin-bottom: 30px;">
        Cheque Writer has been installed and configured successfully.
    </p>

    <div style="background: #f8f9fa; padding: 30px; border-radius: 12px; margin: 30px 0; text-align: left;">
        <h3 style="color: #667eea; margin-bottom: 20px;">Your Admin Credentials</h3>
        <div style="background: white; padding: 20px; border-radius: 8px; border-left: 4px solid #667eea;">
            <p style="margin: 10px 0;">
                <strong>Username:</strong> {{ session('admin_username') }}
            </p>
            <p style="margin: 10px 0;">
                <strong>Email:</strong> {{ session('admin_email') }}
            </p>
        </div>
        <div class="alert alert-info" style="margin-top: 20px;">
            <strong>Important:</strong> Please save these credentials in a secure location. You can change your password after logging in.
        </div>
    </div>

    <div style="background: #d4edda; padding: 20px; border-radius: 12px; margin: 30px 0; text-align: left; border: 1px solid #c3e6cb;">
        <h3 style="color: #155724; margin-bottom: 15px;">What's Next?</h3>
        <ul style="margin: 0 0 0 20px; color: #155724;">
            <li style="margin: 8px 0;">Log in with your admin credentials</li>
            <li style="margin: 8px 0;">Configure your company settings</li>
            <li style="margin: 8px 0;">Add banks and payees</li>
            <li style="margin: 8px 0;">Start creating and printing cheques</li>
            <li style="margin: 8px 0;">Create additional user accounts if needed</li>
        </ul>
    </div>

    <div class="mt-3">
        <a href="{{ url('/login') }}" class="btn btn-primary" style="font-size: 18px; padding: 15px 40px;">
            Go to Login Page →
        </a>
    </div>

    <p style="margin-top: 30px; color: #6c757d; font-size: 14px;">
        Thank you for choosing Cheque Writer!
    </p>
</div>
@endsection