@extends('layouts.setup')

@section('header')
<div class="setup-header">
    <div class="success-icon">✅</div>
    <h1>Setup Complete!</h1>
    <p>Your tenant is ready to go</p>
    <span class="step-counter">🎉 All done!</span>
</div>
@endsection

@section('progress')
<div class="progress-wrapper">
    <div class="progress-bar">
        <div class="progress" style="width: 100%"></div>
    </div>
    <div class="progress-steps">
        <span class="step-label completed">
            <span class="step-num">✓</span> Branding
        </span>
        <span class="step-label completed">
            <span class="step-num">✓</span> Company
        </span>
        <span class="step-label completed">
            <span class="step-num">✓</span> Settings
        </span>
    </div>
</div>
@endsection

@section('content')
@php
    $tenantSlug = request()->segment(1);
@endphp

<div style="text-align:center;margin-bottom:24px;">
    <p style="color:#4a5f77;font-size:14px;">You have successfully set up your tenant. Here's a quick summary:</p>
</div>

<div class="setup-summary">
    <div class="summary-item">
        <strong>Tenant Name</strong>
        <span>{{ $tenant->name }}</span>
    </div>
    <div class="summary-item">
        <strong>Company Email</strong>
        <span>{{ $settings['company_email'] ?? $tenant->email }}</span>
    </div>
    <div class="summary-item">
        <strong>Currency</strong>
        <span>{{ $settings['currency_symbol'] ?? '₹' }} ({{ $settings['currency_code'] ?? 'INR' }})</span>
    </div>
    <div class="summary-item">
        <strong>Timezone</strong>
        <span>{{ $settings['timezone'] ?? 'Asia/Kolkata' }}</span>
    </div>
    <div class="summary-item">
        <strong>Date Format</strong>
        <span>{{ $settings['date_format'] ?? 'd M Y' }}</span>
    </div>
</div>

<div style="text-align:center;margin:30px 0;">
    <a href="/{{ $tenantSlug }}/admin/dashboard" class="btn btn-success" style="padding:14px 48px;font-size:16px;">
        <i class="fas fa-rocket" style="margin-right:10px;"></i> Go to Dashboard
    </a>
</div>

<div class="setup-help">
    <p>
        Need help? <a href="#">Contact Support</a> or 
        <a href="/{{ $tenantSlug }}/admin/profile">Configure more settings</a>
    </p>
</div>
@endsection