@extends('layouts.email')

@section('title', 'Payment Record Received')
@section('header_subtitle', 'Payment Record Received')

@section('content')
    <div class="greeting">Hello {{ $user->name }},</div>
    <p>
        Your {{ strtolower($payment->type->value) }} request/record has been successfully submitted to {{ config('app.name', 'Oikka Capital') }}. Below are your transaction details:
    </p>

    <table class="table-details">
        <tr>
            <td class="label">Transaction Type</td>
            <td class="value">{{ ucfirst($payment->type->value) }}</td>
        </tr>
        <tr>
            <td class="label">Amount</td>
            <td class="value" style="color: #4f46e5; font-size: 16px;">Tk {{ number_format((float) $payment->amount, 2) }}</td>
        </tr>
        <tr>
            <td class="label">Payment Method</td>
            <td class="value">{{ strtoupper($payment->method ?? 'N/A') }}</td>
        </tr>
        <tr>
            <td class="label">Reference ID</td>
            <td class="value">{{ $payment->ref ?? 'N/A' }}</td>
        </tr>
        <tr>
            <td class="label">Payment Date</td>
            <td class="value">{{ $payment->payment_date ? \Carbon\Carbon::parse($payment->payment_date)->format('d M, Y') : now()->format('d M, Y') }}</td>
        </tr>
        <tr>
            <td class="label">Status</td>
            <td class="value">
                <span class="badge {{ $payment->status->value === 'received' ? 'badge-received' : 'badge-pending' }}">
                    {{ ucfirst($payment->status->value) }}
                </span>
            </td>
        </tr>
    </table>

    <div class="cta-container">
        <a href="{{ $loginUrl }}" class="cta-button">
            View Ledger & Dashboard
        </a>
    </div>
@endsection