@php
    $fmt  = $invoice->order->currency->format;
    $font = 'font-family: Arial, Helvetica, sans-serif;';
@endphp
<table width="100%" cellpadding="0" cellspacing="0" style="border-collapse: collapse; {{ $font }} font-size: 14px; color: #1E293B;">

    <tr style="border-bottom: 2px solid #E2E8F0;">
        <td style="{{ $font }} padding: 0 16px 12px 0; font-size: 11px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; color: #94A3B8; width: 70%;">
            {{ trans('messages.invoice.items') }}
        </td>
        <td style="{{ $font }} padding: 0 0 12px 0; font-size: 11px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; color: #94A3B8; width: 30%; text-align: right;">
            {{ trans('messages.invoice.price') }}
        </td>
    </tr>

    @foreach ($invoice->order->orderItems as $orderItem)
    <tr style="border-bottom: 1px solid #F1F5F9;">
        <td style="{{ $font }} padding: 14px 16px 14px 0; vertical-align: top; width: 70%;">
            <p style="{{ $font }} margin: 0 0 4px 0; font-size: 14px; font-weight: bold; color: #1E293B;">{{ $orderItem->title }}</p>
            <p style="{{ $font }} margin: 0; font-size: 13px; color: #64748B; line-height: 1.5;">{!! $orderItem->description !!}</p>
        </td>
        <td style="{{ $font }} padding: 14px 0 14px 0; vertical-align: top; text-align: right; width: 30%; font-size: 14px; font-weight: bold; color: #1E293B;">
            {{ format_price($orderItem->amount, $fmt) }}
        </td>
    </tr>
    @endforeach

    <tr>
        <td style="width: 70%;"></td>
        <td style="{{ $font }} padding: 20px 0 0 0; width: 30%;">
            <table width="100%" cellpadding="0" cellspacing="0" style="border-collapse: collapse; {{ $font }} font-size: 14px;">
                <tr>
                    <td style="{{ $font }} padding: 6px 16px 6px 0; color: #64748B; text-align: left; white-space: nowrap;">{{ trans('messages.bill.subtotal') }}</td>
                    <td style="{{ $font }} padding: 6px 0; text-align: right; color: #475569; border-bottom: 1px solid #E2E8F0;">{{ format_price($invoice->subTotal(), $fmt) }}</td>
                </tr>
                <tr>
                    <td style="{{ $font }} padding: 6px 16px 6px 0; color: #64748B; text-align: left; white-space: nowrap;">{{ trans('messages.bill.tax') }}</td>
                    <td style="{{ $font }} padding: 6px 0; text-align: right; color: #475569; border-bottom: 1px solid #E2E8F0;">{{ format_price($invoice->getTax(), $fmt) }}</td>
                </tr>
                <tr>
                    <td style="{{ $font }} padding: 10px 16px 6px 0; color: #1E293B; font-weight: bold; font-size: 15px; text-align: left; white-space: nowrap;">{{ trans('messages.bill.total') }}</td>
                    <td style="{{ $font }} padding: 10px 0 6px 0; text-align: right; color: #1E293B; font-weight: bold; font-size: 15px; border-top: 2px solid #1E293B;">{{ format_price($invoice->total(), $fmt) }}</td>
                </tr>
            </table>
        </td>
    </tr>

</table>