@extends('emails.layout')

@section('content')
    <div style="text-align: center;">
        <h2 style="color: #10b981; margin-bottom: 24px;">Paiement réussi !</h2>
        
        <p>Bonjour {{ $playerName ?? 'Cher client' }},</p>
        
        <p>Votre paiement chez <strong>{{ $merchantName }}</strong> a été confirmé avec succès.</p>
        
        <div class="amount">
            {{ number_format($amount, 0, ',', ' ') }} {{ $currency }}
        </div>
        
        <div style="background-color: #f8fafc; padding: 24px; border-radius: 12px; margin: 32px 0; text-align: left;">
            <p style="margin: 0; color: #64748b; font-size: 14px;">Récapitulatif de votre achat :</p>
            <table style="width: 100%; border-collapse: collapse; margin-top: 15px;">
                <tr>
                    <td style="padding: 8px 0; color: #64748b;">Marchand :</td>
                    <td style="padding: 8px 0; text-align: right; font-weight: 600;">{{ $merchantName }}</td>
                </tr>
                <tr>
                    <td style="padding: 8px 0; color: #64748b;">Référence :</td>
                    <td style="padding: 8px 0; text-align: right; font-weight: 600;">{{ $transactionCode }}</td>
                </tr>
                <tr>
                    <td style="padding: 15px 0 8px 0; color: #64748b; border-top: 1px solid #e2e8f0;">Total payé :</td>
                    <td style="padding: 15px 0 8px 0; text-align: right; font-weight: 800; color: #4f46e5; border-top: 1px solid #e2e8f0;">
                        {{ number_format($amount, 0, ',', ' ') }} {{ $currency }}
                    </td>
                </tr>
            </table>
        </div>
        
        <p>Ceci constitue votre reçu de paiement. Gardez-le précieusement.</p>
        
        @if(isset($actionUrl))
            <div style="text-align: center; margin: 20px 0;">
                <a href="{{ $actionUrl }}" class="btn">Accéder à mes achats</a>
            </div>
        @endif
        
        <p>Merci pour votre achat !<br>L'équipe {{ config('app.name') }}</p>
    </div>
@endsection