@extends('emails.layouts.base')

@php $locale = $language ?? '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á, {{ $user->name }}</p>
        
        <div class="content">
            <p>Bem-vindo ao WEBMoney! A sua conta foi criada com sucesso.</p>
            
            <div class="status-card info" style="background-color: #1a1a2e; border-color: #4361ee;">
                <p class="status-title" style="color: #ffffff; margin-bottom: 16px;">Credenciais de Acesso</p>
                <table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin-top: 12px;">
                    <tr>
                        <td style="padding: 12px; background: rgba(255,255,255,0.1); border-radius: 4px; margin-bottom: 8px;">
                            <span style="color: #94a3b8; font-size: 11px; text-transform: uppercase; letter-spacing: 0.5px;">Email</span><br>
                            <span style="color: #ffffff; font-size: 16px; font-weight: 600; font-family: monospace;">{{ $user->email }}</span>
                        </td>
                    </tr>
                    <tr><td style="height: 8px;"></td></tr>
                    <tr>
                        <td style="padding: 12px; background: rgba(255,255,255,0.1); border-radius: 4px;">
                            <span style="color: #94a3b8; font-size: 11px; text-transform: uppercase; letter-spacing: 0.5px;">Palavra-passe</span><br>
                            <span style="color: #ffffff; font-size: 16px; font-weight: 600; font-family: monospace;">{{ $password }}</span>
                        </td>
                    </tr>
                </table>
            </div>
            
            <div class="status-card warning">
                <table cellpadding="0" cellspacing="0" border="0" width="100%">
                    <tr>
                        <td width="52" valign="top">
                            <div style="width: 40px; height: 40px; background-color: #feebc8; border-radius: 50%; text-align: center; line-height: 40px; font-size: 18px;">!</div>
                        </td>
                        <td valign="top">
                            <p class="status-title">Segurança</p>
                        </td>
                    </tr>
                </table>
                <p style="margin-top: 12px;">Recomendamos que altere a sua palavra-passe após o primeiro login. Guarde estas credenciais em local seguro.</p>
            </div>
            
            <div class="status-card info">
                <p class="status-title" style="color: #2d3748; margin-bottom: 16px;">O que pode fazer</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>

    @elseif($locale === 'en')
        {{-- English --}}
        <p class="greeting">Hello, {{ $user->name }}</p>
        
        <div class="content">
            <p>Welcome to WEBMoney! Your account has been successfully created.</p>
            
            <div class="status-card info" style="background-color: #1a1a2e; border-color: #4361ee;">
                <p class="status-title" style="color: #ffffff; margin-bottom: 16px;">Access Credentials</p>
                <table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin-top: 12px;">
                    <tr>
                        <td style="padding: 12px; background: rgba(255,255,255,0.1); border-radius: 4px; margin-bottom: 8px;">
                            <span style="color: #94a3b8; font-size: 11px; text-transform: uppercase; letter-spacing: 0.5px;">Email</span><br>
                            <span style="color: #ffffff; font-size: 16px; font-weight: 600; font-family: monospace;">{{ $user->email }}</span>
                        </td>
                    </tr>
                    <tr><td style="height: 8px;"></td></tr>
                    <tr>
                        <td style="padding: 12px; background: rgba(255,255,255,0.1); border-radius: 4px;">
                            <span style="color: #94a3b8; font-size: 11px; text-transform: uppercase; letter-spacing: 0.5px;">Password</span><br>
                            <span style="color: #ffffff; font-size: 16px; font-weight: 600; font-family: monospace;">{{ $password }}</span>
                        </td>
                    </tr>
                </table>
            </div>
            
            <div class="status-card warning">
                <table cellpadding="0" cellspacing="0" border="0" width="100%">
                    <tr>
                        <td width="52" valign="top">
                            <div style="width: 40px; height: 40px; background-color: #feebc8; border-radius: 50%; text-align: center; line-height: 40px; font-size: 18px;">!</div>
                        </td>
                        <td valign="top">
                            <p class="status-title">Security</p>
                        </td>
                    </tr>
                </table>
                <p style="margin-top: 12px;">We recommend changing your password after your first login. Keep these credentials in a safe place.</p>
            </div>
            
            <div class="status-card info">
                <p class="status-title" style="color: #2d3748; margin-bottom: 16px;">What you can do</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>

    @else
        {{-- Spanish (default) --}}
        <p class="greeting">Hola, {{ $user->name }}</p>
        
        <div class="content">
            <p>Bienvenido a WEBMoney. Tu cuenta ha sido creada exitosamente.</p>
            
            <div class="status-card info" style="background-color: #1a1a2e; border-color: #4361ee;">
                <p class="status-title" style="color: #ffffff; margin-bottom: 16px;">Credenciales de Acceso</p>
                <table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin-top: 12px;">
                    <tr>
                        <td style="padding: 12px; background: rgba(255,255,255,0.1); border-radius: 4px; margin-bottom: 8px;">
                            <span style="color: #94a3b8; font-size: 11px; text-transform: uppercase; letter-spacing: 0.5px;">Email</span><br>
                            <span style="color: #ffffff; font-size: 16px; font-weight: 600; font-family: monospace;">{{ $user->email }}</span>
                        </td>
                    </tr>
                    <tr><td style="height: 8px;"></td></tr>
                    <tr>
                        <td style="padding: 12px; background: rgba(255,255,255,0.1); border-radius: 4px;">
                            <span style="color: #94a3b8; font-size: 11px; text-transform: uppercase; letter-spacing: 0.5px;">Contraseña</span><br>
                            <span style="color: #ffffff; font-size: 16px; font-weight: 600; font-family: monospace;">{{ $password }}</span>
                        </td>
                    </tr>
                </table>
            </div>
            
            <div class="status-card warning">
                <table cellpadding="0" cellspacing="0" border="0" width="100%">
                    <tr>
                        <td width="52" valign="top">
                            <div style="width: 40px; height: 40px; background-color: #feebc8; border-radius: 50%; text-align: center; line-height: 40px; font-size: 18px;">!</div>
                        </td>
                        <td valign="top">
                            <p class="status-title">Seguridad</p>
                        </td>
                    </tr>
                </table>
                <p style="margin-top: 12px;">Recomendamos cambiar tu contraseña después del primer inicio de sesión. Guarda estas credenciales en un lugar seguro.</p>
            </div>
            
            <div class="status-card info">
                <p class="status-title" style="color: #2d3748; margin-bottom: 16px;">Qué puedes hacer</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>
    @endif
@endsection