@extends('emails.layouts.base')

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

@section('title')
    @if($locale === 'pt-BR')
        Oferta Especial de Retenção
    @elseif($locale === 'en')
        Special Retention Offer
    @else
        Oferta Especial de Retención
    @endif
@endsection

@section('content')
    @if($locale === 'pt-BR')
        {{-- Portuguese (Brazil) --}}
        <p class="greeting">Olá, {{ $user->name }} 🎉</p>
        
        <div class="content">
            <p>Entendemos que o preço pode ser uma preocupação, e <strong>queremos mantê-lo conosco</strong>! Por isso, temos uma oferta especial só para você:</p>
            
            <div class="status-card success" style="background: linear-gradient(135deg, #10b981 0%, #059669 100%); border: none; text-align: center; padding: 40px 30px;">
                <div style="color: white; font-size: 18px; margin-bottom: 10px;">✨ OFERTA ÚNICA ✨</div>
                <div style="color: white; font-size: 72px; font-weight: bold; line-height: 1; margin: 10px 0;">{{ $freeMonths }}</div>
                <div style="color: white; font-size: 24px; font-weight: bold; margin-top: 10px;">MESES GRÁTIS</div>
                <div style="color: white; font-size: 16px; margin-top: 15px; opacity: 0.9;">Sem custos, sem compromisso!</div>
            </div>

            <div class="status-card warning">
                <p class="status-title" style="color: #78350f; margin-bottom: 12px;">💙 Você é importante para nós!</p>
                <p style="color: #78350f;">
                    Sabemos que as coisas podem estar apertadas financeiramente. Esta oferta especial de 
                    <strong>{{ $freeMonths }} meses grátis</strong> é nossa forma de dizer: 
                    <em>"Queremos você aqui com a gente!"</em>
                </p>
                <p style="color: #78350f; margin-top: 12px;">
                    Durante este período, você terá acesso completo a todos os recursos premium do WebMoney, 
                    sem pagar nada. É tempo suficiente para as coisas melhorarem! 🌟
                </p>
            </div>

            <div class="status-card success">
                <p class="status-title" style="color: #065f46; margin-bottom: 16px;">O que você continua tendo GRÁTIS:</p>
                <ul class="info-list" style="color: #065f46;">
                    <li>📊 Controle completo de todas as suas contas</li>
                    <li>💳 Gestão ilimitada de cartões de crédito</li>
                    <li>📈 Orçamentos e metas financeiras</li>
                    <li>📱 Importação automática de extratos</li>
                    <li>🎯 Categorização inteligente de transações</li>
                    <li>📋 Relatórios detalhados e insights</li>
                    <li>☁️ Backup automático na nuvem</li>
                </ul>
            </div>

            <div class="status-card info" style="text-align: center; padding: 30px;">
                <p class="status-title" style="margin-bottom: 15px;">✅ Oferta Já Aplicada!</p>
                <p style="margin-bottom: 20px;">
                    Sua assinatura foi estendida automaticamente por {{ $freeMonths }} meses.<br>
                    Continue aproveitando todos os recursos premium sem custo!
                </p>
                <p style="font-size: 18px; color: #059669; font-weight: bold; margin: 0;">
                    Sua próxima cobrança será em:<br>
                    <strong style="font-size: 20px;">{{ \Carbon\Carbon::parse($offerEndDate)->format('d/m/Y') }}</strong>
                </p>
            </div>

            <div class="status-card info">
                <p style="margin: 0; font-size: 14px;">
                    <strong>📌 Importante:</strong> Esta oferta é exclusiva e pode ser usada apenas uma vez. 
                    Após os {{ $freeMonths }} meses, sua assinatura voltará ao valor normal. Você pode cancelar 
                    a qualquer momento antes disso, sem nenhum custo.
                </p>
            </div>

            <p>Muito obrigado por escolher o <strong>WebMoney</strong>! Estamos aqui para ajudá-lo a alcançar seus objetivos financeiros. 💚</p>
        </div>

    @elseif($locale === 'en')
        {{-- English --}}
        <p class="greeting">Hello, {{ $user->name }} 🎉</p>
        
        <div class="content">
            <p>We understand that price can be a concern, and <strong>we want to keep you with us</strong>! That's why we have a special offer just for you:</p>
            
            <div class="status-card success" style="background: linear-gradient(135deg, #10b981 0%, #059669 100%); border: none; text-align: center; padding: 40px 30px;">
                <div style="color: white; font-size: 18px; margin-bottom: 10px;">✨ EXCLUSIVE OFFER ✨</div>
                <div style="color: white; font-size: 72px; font-weight: bold; line-height: 1; margin: 10px 0;">{{ $freeMonths }}</div>
                <div style="color: white; font-size: 24px; font-weight: bold; margin-top: 10px;">FREE MONTHS</div>
                <div style="color: white; font-size: 16px; margin-top: 15px; opacity: 0.9;">No cost, no commitment!</div>
            </div>

            <div class="status-card warning">
                <p class="status-title" style="color: #78350f; margin-bottom: 12px;">💙 You are important to us!</p>
                <p style="color: #78350f;">
                    We know things can be financially tight. This special offer of 
                    <strong>{{ $freeMonths }} free months</strong> is our way of saying: 
                    <em>"We want you here with us!"</em>
                </p>
                <p style="color: #78350f; margin-top: 12px;">
                    During this period, you will have full access to all WebMoney premium features, 
                    at no cost. It's enough time for things to get better! 🌟
                </p>
            </div>

            <div class="status-card success">
                <p class="status-title" style="color: #065f46; margin-bottom: 16px;">What you continue to have FREE:</p>
                <ul class="info-list" style="color: #065f46;">
                    <li>📊 Complete control of all your accounts</li>
                    <li>💳 Unlimited credit card management</li>
                    <li>📈 Budgets and financial goals</li>
                    <li>📱 Automatic statement import</li>
                    <li>🎯 Smart transaction categorization</li>
                    <li>📋 Detailed reports and insights</li>
                    <li>☁️ Automatic cloud backup</li>
                </ul>
            </div>

            <div class="status-card info" style="text-align: center; padding: 30px;">
                <p class="status-title" style="margin-bottom: 15px;">✅ Offer Already Applied!</p>
                <p style="margin-bottom: 20px;">
                    Your subscription has been automatically extended for {{ $freeMonths }} months.<br>
                    Continue enjoying all premium features at no cost!
                </p>
                <p style="font-size: 18px; color: #059669; font-weight: bold; margin: 0;">
                    Your next charge will be on:<br>
                    <strong style="font-size: 20px;">{{ \Carbon\Carbon::parse($offerEndDate)->format('m/d/Y') }}</strong>
                </p>
            </div>

            <div class="status-card info">
                <p style="margin: 0; font-size: 14px;">
                    <strong>📌 Important:</strong> This offer is exclusive and can only be used once. 
                    After the {{ $freeMonths }} months, your subscription will return to the regular price. You can cancel 
                    at any time before that, at no cost.
                </p>
            </div>

            <p>Thank you very much for choosing <strong>WebMoney</strong>! We are here to help you achieve your financial goals. 💚</p>
        </div>

    @else
        {{-- Spanish --}}
        <p class="greeting">Hola, {{ $user->name }} 🎉</p>
        
        <div class="content">
            <p>Entendemos que el precio puede ser una preocupación, y <strong>¡queremos que sigas con nosotros</strong>! Por eso, tenemos una oferta especial solo para ti:</p>
            
            <div class="status-card success" style="background: linear-gradient(135deg, #10b981 0%, #059669 100%); border: none; text-align: center; padding: 40px 30px;">
                <div style="color: white; font-size: 18px; margin-bottom: 10px;">✨ OFERTA ÚNICA ✨</div>
                <div style="color: white; font-size: 72px; font-weight: bold; line-height: 1; margin: 10px 0;">{{ $freeMonths }}</div>
                <div style="color: white; font-size: 24px; font-weight: bold; margin-top: 10px;">MESES GRATIS</div>
                <div style="color: white; font-size: 16px; margin-top: 15px; opacity: 0.9;">¡Sin costos, sin compromiso!</div>
            </div>

            <div class="status-card warning">
                <p class="status-title" style="color: #78350f; margin-bottom: 12px;">💙 ¡Eres importante para nosotros!</p>
                <p style="color: #78350f;">
                    Sabemos que las cosas pueden estar ajustadas financieramente. Esta oferta especial de 
                    <strong>{{ $freeMonths }} meses gratis</strong> es nuestra forma de decir: 
                    <em>"¡Te queremos aquí con nosotros!"</em>
                </p>
                <p style="color: #78350f; margin-top: 12px;">
                    Durante este período, tendrás acceso completo a todas las funciones premium de WebMoney, 
                    sin pagar nada. ¡Es tiempo suficiente para que las cosas mejoren! 🌟
                </p>
            </div>

            <div class="status-card success">
                <p class="status-title" style="color: #065f46; margin-bottom: 16px;">Lo que sigues teniendo GRATIS:</p>
                <ul class="info-list" style="color: #065f46;">
                    <li>📊 Control completo de todas tus cuentas</li>
                    <li>💳 Gestión ilimitada de tarjetas de crédito</li>
                    <li>📈 Presupuestos y metas financieras</li>
                    <li>📱 Importación automática de extractos</li>
                    <li>🎯 Categorización inteligente de transacciones</li>
                    <li>📋 Reportes detallados e insights</li>
                    <li>☁️ Backup automático en la nube</li>
                </ul>
            </div>

            <div class="status-card info" style="text-align: center; padding: 30px;">
                <p class="status-title" style="margin-bottom: 15px;">✅ ¡Oferta Ya Aplicada!</p>
                <p style="margin-bottom: 20px;">
                    Tu suscripción ha sido extendida automáticamente por {{ $freeMonths }} meses.<br>
                    ¡Sigue disfrutando de todas las funciones premium sin costo!
                </p>
                <p style="font-size: 18px; color: #059669; font-weight: bold; margin: 0;">
                    Tu próximo cargo será el:<br>
                    <strong style="font-size: 20px;">{{ \Carbon\Carbon::parse($offerEndDate)->format('d/m/Y') }}</strong>
                </p>
            </div>

            <div class="status-card info">
                <p style="margin: 0; font-size: 14px;">
                    <strong>📌 Importante:</strong> Esta oferta es exclusiva y solo puede usarse una vez. 
                    Después de los {{ $freeMonths }} meses, tu suscripción volverá al precio normal. Puedes cancelar 
                    en cualquier momento antes de eso, sin ningún costo.
                </p>
            </div>

            <p>¡Muchas gracias por elegir <strong>WebMoney</strong>! Estamos aquí para ayudarte a alcanzar tus objetivos financieros. 💚</p>
        </div>
    @endif
@endsection