@extends('emails.layout')
@section('content')
    <p style="margin:0 0 4px;color:#70655b;font-size:13px">Konfirmasi Pembayaran</p>
    <h1 style="margin:0 0 16px;font-size:22px;color:#1a7474">Pembayaran Berhasil ✓</h1>
    <p style="margin:0 0 16px;font-size:15px;line-height:1.6">Assalamu'alaikum {{ $user->name }}, kami telah menerima pembayaran Anda. Berikut rinciannya:</p>

    <table width="100%" cellpadding="0" cellspacing="0" style="background:#f4f0e9;border-radius:12px">
        <tr><td style="padding:12px 16px;font-size:14px">Kode Invoice</td><td style="padding:12px 16px;font-size:14px;text-align:right;font-weight:bold">{{ $transaction->code }}</td></tr>
        <tr><td style="padding:12px 16px;font-size:14px;border-top:1px solid #e2dbd1">Item</td><td style="padding:12px 16px;font-size:14px;text-align:right;border-top:1px solid #e2dbd1">{{ $item }}</td></tr>
        <tr><td style="padding:12px 16px;font-size:14px;border-top:1px solid #e2dbd1">Total</td><td style="padding:12px 16px;font-size:16px;text-align:right;font-weight:bold;border-top:1px solid #e2dbd1;color:#F0562D">Rp{{ number_format($transaction->total_amount,0,',','.') }}</td></tr>
        <tr><td style="padding:12px 16px;font-size:14px;border-top:1px solid #e2dbd1">Waktu</td><td style="padding:12px 16px;font-size:14px;text-align:right;border-top:1px solid #e2dbd1">{{ $transaction->paid_at?->translatedFormat('d M Y H:i') }} WIB</td></tr>
    </table>

    <a href="{{ route('profile.index') }}" style="display:inline-block;margin-top:20px;background:#F0562D;color:#fff;text-decoration:none;padding:13px 26px;border-radius:999px;font-weight:bold;font-size:15px">Lihat di Profil</a>
    <p style="margin:20px 0 0;font-size:13px;color:#70655b">Jazakumullah khairan,<br>Tim {{ \App\Models\Setting::get('brand.app_name', 'Quran Review') }}</p>
@endsection