@extends('emails.layout')

@section('content')
    <div style="text-align: center;">
        <h2 style="color: #4f46e5; margin-bottom: 24px;">Transfert envoyé !</h2>
        
        <p>Bonjour {{ $senderName }},</p>
        
        <p>Votre transfert vers <strong>{{ $receiverName }}</strong> a été effectué 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;">Détails de la transaction :</p>
            <p style="margin: 5px 0; font-weight: 600;">Destinataire : {{ $receiverName }}</p>
            @if($description)
                <p style="margin: 5px 0; font-style: italic;">Note : {{ $description }}</p>
            @endif
        </div>
        
        <div style="text-align: center;">
            <a href="{{ $actionUrl ?? config('app.url') . '/transactions' }}" class="btn">Historique des transactions</a>
        </div>
        
        <p>Merci d'avoir utilisé {{ config('app.name') }} !</p>
        
        <p>Bien cordialement,<br>L'équipe {{ config('app.name') }}</p>
    </div>
@endsection