@extends('emails.layouts.base')

@php $locale = $locale ?? 'es'; @endphp

@section('title')
    @if($locale === 'pt-BR')
        Bem-vindo ao WEBMoney
    @elseif($locale === 'en')
        Welcome to WEBMoney
    @else
        Bienvenido a WEBMoney
    @endif
@endsection

@section('content')
    @if($locale === 'pt-BR')
        {{-- Portuguese (Brazil) --}}
        <p class="greeting">Olá, {{ $userName }}</p>
        
        <div class="content">
            <p>A sua conta no WEBMoney foi criada com sucesso. Já pode começar a gerir as suas finanças pessoais de forma fácil e segura.</p>
            
            <div class="status-card success">
                <table cellpadding="0" cellspacing="0" border="0" width="100%">
                    <tr>
                        <td width="52" valign="top">
                            <div style="width: 40px; height: 40px; background-color: #c6f6d5; border-radius: 50%; text-align: center; line-height: 40px; font-size: 18px;">✓</div>
                        </td>
                        <td valign="top">
                            <p class="status-title">Conta Registada</p>
                        </td>
                    </tr>
                </table>
                <p style="margin-top: 16px;"><strong>Email:</strong> {{ $userEmail }}</p>
            </div>
            
            <div class="status-card info">
                <p class="status-title" style="color: #2d3748; margin-bottom: 16px;">Funcionalidades Disponíveis</p>
                <ul class="info-list">
                    <li>Registar receitas e despesas</li>
                    <li>Visualizar relatórios e gráficos</li>
                    <li>Gerir o seu orçamento mensal</li>
                    <li>Exportar dados em múltiplos formatos</li>
                </ul>
            </div>
            
            <div class="btn-container">
                <a href="https://webmoney.cnxifly.com/login" class="btn btn-primary">INICIAR SESSÃO</a>
            </div>
            
            <div class="divider"></div>
            
            <p style="text-align: center; color: #6c757d; font-size: 14px;">
                Obrigado por confiar em nós.
            </p>
        </div>

    @elseif($locale === 'en')
        {{-- English --}}
        <p class="greeting">Hello, {{ $userName }}</p>
        
        <div class="content">
            <p>Your WEBMoney account has been successfully created. You can now start managing your personal finances easily and securely.</p>
            
            <div class="status-card success">
                <table cellpadding="0" cellspacing="0" border="0" width="100%">
                    <tr>
                        <td width="52" valign="top">
                            <div style="width: 40px; height: 40px; background-color: #c6f6d5; border-radius: 50%; text-align: center; line-height: 40px; font-size: 18px;">✓</div>
                        </td>
                        <td valign="top">
                            <p class="status-title">Account Registered</p>
                        </td>
                    </tr>
                </table>
                <p style="margin-top: 16px;"><strong>Email:</strong> {{ $userEmail }}</p>
            </div>
            
            <div class="status-card info">
                <p class="status-title" style="color: #2d3748; margin-bottom: 16px;">Available Features</p>
                <ul class="info-list">
                    <li>Record income and expenses</li>
                    <li>View reports and charts</li>
                    <li>Manage your monthly budget</li>
                    <li>Export data in multiple formats</li>
                </ul>
            </div>
            
            <div class="btn-container">
                <a href="https://webmoney.cnxifly.com/login" class="btn btn-primary">SIGN IN</a>
            </div>
            
            <div class="divider"></div>
            
            <p style="text-align: center; color: #6c757d; font-size: 14px;">
                Thank you for trusting us.
            </p>
        </div>

    @else
        {{-- Spanish (default) --}}
        <p class="greeting">Hola, {{ $userName }}</p>
        
        <div class="content">
            <p>Tu cuenta en WEBMoney ha sido creada exitosamente. Ya puedes comenzar a gestionar tus finanzas personales de manera fácil y segura.</p>
            
            <div class="status-card success">
                <table cellpadding="0" cellspacing="0" border="0" width="100%">
                    <tr>
                        <td width="52" valign="top">
                            <div style="width: 40px; height: 40px; background-color: #c6f6d5; border-radius: 50%; text-align: center; line-height: 40px; font-size: 18px;">✓</div>
                        </td>
                        <td valign="top">
                            <p class="status-title">Cuenta Registrada</p>
                        </td>
                    </tr>
                </table>
                <p style="margin-top: 16px;"><strong>Email:</strong> {{ $userEmail }}</p>
            </div>
            
            <div class="status-card info">
                <p class="status-title" style="color: #2d3748; margin-bottom: 16px;">Funcionalidades Disponibles</p>
                <ul class="info-list">
                    <li>Registrar ingresos y gastos</li>
                    <li>Visualizar reportes y gráficos</li>
                    <li>Gestionar tu presupuesto mensual</li>
                    <li>Exportar datos en múltiples formatos</li>
                </ul>
            </div>
            
            <div class="btn-container">
                <a href="https://webmoney.cnxifly.com/login" class="btn btn-primary">INICIAR SESIÓN</a>
            </div>
            
            <div class="divider"></div>
            
            <p style="text-align: center; color: #6c757d; font-size: 14px;">
                Gracias por confiar en nosotros.
            </p>
        </div>
    @endif
@endsection