@extends('emails.layouts.base')

@php $locale = $locale ?? 'pt-BR'; @endphp

@section('title')
    @if($locale === 'pt-BR')
        Ativação de Conta
    @elseif($locale === 'en')
        Account Activation
    @else
        Activación de Cuenta
    @endif
@endsection

@section('content')
    @if($locale === 'pt-BR')
        {{-- Portuguese (Brazil) --}}
        <p class="greeting">Olá, {{ $user->name }}</p>
        
        <div class="content">
            <p>O seu pagamento foi processado com sucesso e a sua subscrição do plano <strong>{{ $planName }}</strong> está ativa.</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">Pagamento Confirmado</p>
                        </td>
                    </tr>
                </table>
                <p style="margin-top: 16px;">A sua subscrição está pronta para ser ativada.</p>
            </div>
            
            <div class="status-card info">
                <p class="status-title" style="color: #2d3748; margin-bottom: 16px;">Detalhes da Subscrição</p>
                <ul class="info-list">
                    <li><strong>Plano:</strong> {{ $planName }}</li>
                    <li><strong>Email:</strong> {{ $user->email }}</li>
                </ul>
            </div>
            
            <p>Para começar a utilizar o WEBMoney, ative a sua conta clicando no botão abaixo:</p>
            
            <div class="btn-container">
                <a href="{{ $activationUrl }}" class="btn btn-primary">ATIVAR CONTA</a>
            </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">Validade do Link</p>
                        </td>
                    </tr>
                </table>
                <p style="margin-top: 12px;">Este link é válido por 24 horas. Após este período, será necessário solicitar um novo link de ativação.</p>
            </div>
        </div>

    @elseif($locale === 'en')
        {{-- English --}}
        <p class="greeting">Hello, {{ $user->name }}</p>
        
        <div class="content">
            <p>Your payment has been successfully processed and your <strong>{{ $planName }}</strong> subscription is active.</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">Payment Confirmed</p>
                        </td>
                    </tr>
                </table>
                <p style="margin-top: 16px;">Your subscription is ready to be activated.</p>
            </div>
            
            <div class="status-card info">
                <p class="status-title" style="color: #2d3748; margin-bottom: 16px;">Subscription Details</p>
                <ul class="info-list">
                    <li><strong>Plan:</strong> {{ $planName }}</li>
                    <li><strong>Email:</strong> {{ $user->email }}</li>
                </ul>
            </div>
            
            <p>To start using WEBMoney, activate your account by clicking the button below:</p>
            
            <div class="btn-container">
                <a href="{{ $activationUrl }}" class="btn btn-primary">ACTIVATE ACCOUNT</a>
            </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">Link Validity</p>
                        </td>
                    </tr>
                </table>
                <p style="margin-top: 12px;">This link is valid for 24 hours. After this period, you will need to request a new activation link.</p>
            </div>
        </div>

    @else
        {{-- Spanish (default) --}}
        <p class="greeting">Hola, {{ $user->name }}</p>
        
        <div class="content">
            <p>Tu pago ha sido procesado con éxito y tu suscripción al plan <strong>{{ $planName }}</strong> está activa.</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">Pago Confirmado</p>
                        </td>
                    </tr>
                </table>
                <p style="margin-top: 16px;">Tu suscripción está lista para ser activada.</p>
            </div>
            
            <div class="status-card info">
                <p class="status-title" style="color: #2d3748; margin-bottom: 16px;">Detalles de la Suscripción</p>
                <ul class="info-list">
                    <li><strong>Plan:</strong> {{ $planName }}</li>
                    <li><strong>Email:</strong> {{ $user->email }}</li>
                </ul>
            </div>
            
            <p>Para comenzar a usar WEBMoney, activa tu cuenta haciendo clic en el botón:</p>
            
            <div class="btn-container">
                <a href="{{ $activationUrl }}" class="btn btn-primary">ACTIVAR CUENTA</a>
            </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">Validez del Enlace</p>
                        </td>
                    </tr>
                </table>
                <p style="margin-top: 12px;">Este enlace es válido por 24 horas. Después de este período, deberás solicitar un nuevo enlace de activación.</p>
            </div>
        </div>
    @endif
@endsection