@extends('layouts.portal')
@section('content')
<div style="min-height: 80vh; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; padding: 2rem;">
    <div style="background: rgba(16, 185, 129, 0.1); border: 1px solid rgba(16, 185, 129, 0.3); border-radius: 50%; width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; margin-bottom: 2rem; color: #10B981;">
        <svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path><polyline points="22 4 12 14.01 9 11.01"></polyline></svg>
    </div>
    
    <h1 style="font-family: 'Space Grotesk', sans-serif; font-size: 2.5rem; font-weight: 700; color: white; margin-bottom: 1rem;">Setup Complete!</h1>
    <p style="color: var(--text-muted); font-size: 1.1rem; margin-bottom: 2.5rem; max-width: 500px; line-height: 1.6;">
        Practice website for <strong style="color: var(--text-main);">{{ $tenant->name }}</strong> has been successfully created and linked to the ERP.
    </p>

    <div style="display: flex; gap: 1rem; justify-content: center;">
        <a href="/?simulate_host={{ $tenant->custom_domain }}" target="_blank" class="btn btn-primary" style="padding: 1rem 2rem; font-size: 1rem; text-decoration: none;">
            Open Website Now &rarr;
        </a>
        <a href="/" class="btn btn-secondary" style="padding: 1rem 2rem; font-size: 1rem; text-decoration: none;">
            Back to Portal
        </a>
    </div>
</div>
@endsection