@component('yas_theme::emails.layout')
    <div style="margin-bottom: 34px; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;">
        <span style="font-size: 22px; font-weight: 600; color: #121A26;">
            @lang('yas_theme::app.emails.orders.refunded.title')
        </span> <br>

        <p style="font-size: 16px; color: #5E5E5E; line-height: 24px; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;">
            @lang('yas_theme::app.emails.dear', ['customer_name' => $refund->order->customer_full_name]),👋
        </p>

        <p style="font-size: 16px; color: #5E5E5E; line-height: 24px; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;">
            @lang('yas_theme::app.emails.orders.refunded.greeting', [
                'invoice_id' => $refund->increment_id,
                'order_id'   => '<a href="' . route('yas_theme.customers.account.orders.view', $refund->order_id) . '" style="color: #2969FF; text-decoration: none; font-weight: 500;">#' . $refund->order->increment_id . '</a>',
                'created_at' => core()->formatDate($refund->order->created_at, 'Y-m-d H:i:s')
            ])
        </p>
    </div>

    <div style="font-size: 20px; font-weight: 600; color: #121A26; margin-bottom: 20px; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;">
        @lang('yas_theme::app.emails.orders.refunded.summary')
    </div>

    <!-- Address & Payment Details Table -->
    <table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin-bottom: 40px; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;">
        <tr>
            @if ($refund->order->shipping_address)
                <td width="48%" valign="top" style="line-height: 25px; font-size: 16px; color: #384860; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;">
                    <div style="font-weight: 600; color: #121A26;">
                        @lang('yas_theme::app.emails.orders.shipping-address')
                    </div>
                    <div style="margin-bottom: 20px;">
                        {{ $refund->order->shipping_address->company_name ?? '' }}<br/>
                        {{ $refund->order->shipping_address->name }}<br/>
                        {{ $refund->order->shipping_address->address }}<br/>
                        {{ $refund->order->shipping_address->postcode . " " . $refund->order->shipping_address->city }}<br/>
                        {{ $refund->order->shipping_address->state }}<br/>
                        ---<br/>
                        @lang('yas_theme::app.emails.orders.contact') : {{ $refund->order->billing_address->phone }}
                    </div>

                    <div style="font-weight: 600; color: #121A26;">
                        @lang('yas_theme::app.emails.orders.shipping')
                    </div>
                    <div>
                        {{ $refund->order->shipping_title }}
                    </div>
                </td>
            @endif

            @if ($refund->order->shipping_address && $refund->order->billing_address)
                <td width="4%"></td>
            @endif

            @if ($refund->order->billing_address)
                <td width="48%" valign="top" style="line-height: 25px; font-size: 16px; color: #384860; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;">
                    <div style="font-weight: 600; color: #121A26;">
                        @lang('yas_theme::app.emails.orders.billing-address')
                    </div>
                    <div style="margin-bottom: 20px;">
                        {{ $refund->order->billing_address->company_name ?? '' }}<br/>
                        {{ $refund->order->billing_address->name }}<br/>
                        {{ $refund->order->billing_address->address }}<br/>
                        {{ $refund->order->billing_address->postcode . " " . $refund->order->billing_address->city }}<br/>
                        {{ $refund->order->billing_address->state }}<br/>
                        ---<br/>
                        @lang('yas_theme::app.emails.orders.contact') : {{ $refund->order->billing_address->phone }}
                    </div>

                    <div style="font-weight: 600; color: #121A26;">
                        @lang('yas_theme::app.emails.orders.payment')
                    </div>
                    <div>
                        {{ core()->getConfigData('sales.payment_methods.' . $refund->order->payment->method . '.title') }}
                    </div>

                    @php $additionalDetails = \Webkul\Payment\Payment::getAdditionalDetails($refund->order->payment->method); @endphp
                    @if (! empty($additionalDetails))
                        <div>
                            <div>{{ $additionalDetails['title'] }}</div>
                            <div>{{ $additionalDetails['value'] }}</div>
                        </div>
                    @endif
                </td>
            @endif
        </tr>
    </table>

    <!-- Refund Items Table -->
    <div style="padding-bottom: 40px; border-bottom: 1px solid #CBD5E1;">
        <table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;">
            <thead>
                <tr style="color: #121A26; border-top: 1px solid #CBD5E1; border-bottom: 1px solid #CBD5E1;">
                    @foreach (['name', 'price', 'qty'] as $item)
                        <th style="text-align: left; padding: 15px; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;">
                            @lang('yas_theme::app.emails.orders.' . $item)
                        </th>    
                    @endforeach
                </tr>
            </thead>
            <tbody style="font-size: 16px; color: #384860;">
                @foreach ($refund->items as $item)
                    <tr style="vertical-align: top; border-bottom: 1px solid #F1F5F9;">
                        <td style="text-align: left; padding: 15px; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;">
                            {{ $item->name }}
                            @if (isset($item->additional['attributes']))
                                <div style="font-size: 14px; color: #64748B; margin-top: 4px; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;">
                                    @foreach ($item->additional['attributes'] as $attribute)
                                        <b>{{ $attribute['attribute_name'] }} : </b>{{ $attribute['option_label'] }}<br/>
                                    @endforeach
                                </div>
                            @endif
                        </td>
                        <td style="text-align: left; padding: 15px; white-space: nowrap; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;">
                            @if (core()->getConfigData('sales.taxes.sales.display_prices') == 'including_tax')
                                {{ core()->formatPrice($item->price_incl_tax, $refund->order_currency_code) }}
                            @elseif (core()->getConfigData('sales.taxes.sales.display_prices') == 'both')
                                {{ core()->formatPrice($item->price_incl_tax, $refund->order_currency_code) }}
                                <span style="font-size: 12px; color: #64748B; white-space: nowrap; display: block; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;">
                                    @lang('yas_theme::app.emails.orders.excl-tax')
                                    <span style="font-weight: 600;">
                                        {{ core()->formatPrice($item->price, $refund->order_currency_code) }}
                                    </span>
                                </span>
                            @else
                                {{ core()->formatPrice($item->price, $refund->order_currency_code) }}
                            @endif
                        </td>
                        <td style="text-align: left; padding: 15px; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;">
                            {{ $item->qty }}
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>

    <!-- Totals Summary Table -->
    <table align="right" cellpadding="0" cellspacing="0" border="0" style="font-size: 16px; color: #384860; line-height: 30px; margin-top: 20px; width: 320px; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;">
        @if (core()->getConfigData('sales.taxes.sales.display_subtotal') == 'including_tax')
            <tr>
                <td style="text-align: left; padding: 4px 0; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;">@lang('yas_theme::app.emails.orders.subtotal')</td>
                <td style="text-align: right; padding: 4px 0; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;">{{ core()->formatPrice($refund->sub_total, $refund->order_currency_code_incl_tax) }}</td>
            </tr>
        @elseif (core()->getConfigData('sales.taxes.sales.display_subtotal') == 'both')
            <tr>
                <td style="text-align: left; padding: 4px 0; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;">@lang('yas_theme::app.emails.orders.subtotal-excl-tax')</td>
                <td style="text-align: right; padding: 4px 0; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;">{{ core()->formatPrice($refund->sub_total, $refund->order_currency_code) }}</td>
            </tr>
            <tr>
                <td style="text-align: left; padding: 4px 0; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;">@lang('yas_theme::app.emails.orders.subtotal-incl-tax')</td>
                <td style="text-align: right; padding: 4px 0; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;">{{ core()->formatPrice($refund->sub_total, $refund->order_currency_code_incl_tax) }}</td>
            </tr>
        @else
            <tr>
                <td style="text-align: left; padding: 4px 0; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;">@lang('yas_theme::app.emails.orders.subtotal')</td>
                <td style="text-align: right; padding: 4px 0; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;">{{ core()->formatPrice($refund->sub_total, $refund->order_currency_code) }}</td>
            </tr>
        @endif

        @if ($refund->order->shipping_address)
            @if (core()->getConfigData('sales.taxes.sales.display_shipping_amount') == 'including_tax')
                <tr>
                    <td style="text-align: left; padding: 4px 0; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;">@lang('yas_theme::app.emails.orders.shipping-handling')</td>
                    <td style="text-align: right; padding: 4px 0; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;">{{ core()->formatPrice($refund->shipping_amount_incl_tax, $refund->order_currency_code) }}</td>
                </tr>
            @elseif (core()->getConfigData('sales.taxes.sales.display_shipping_amount') == 'both')
                <tr>
                    <td style="text-align: left; padding: 4px 0; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;">@lang('yas_theme::app.emails.orders.shipping-handling-excl-tax')</td>
                    <td style="text-align: right; padding: 4px 0; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;">{{ core()->formatPrice($refund->shipping_amount, $refund->order_currency_code) }}</td>
                </tr>
                <tr>
                    <td style="text-align: left; padding: 4px 0; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;">@lang('yas_theme::app.emails.orders.shipping-handling-incl-tax')</td>
                    <td style="text-align: right; padding: 4px 0; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;">{{ core()->formatPrice($refund->shipping_amount_incl_tax, $refund->order_currency_code) }}</td>
                </tr>
            @else
                <tr>
                    <td style="text-align: left; padding: 4px 0; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;">@lang('yas_theme::app.emails.orders.shipping-handling')</td>
                    <td style="text-align: right; padding: 4px 0; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;">{{ core()->formatPrice($refund->shipping_amount, $refund->order_currency_code) }}</td>
                </tr>
            @endif
        @endif

        <tr>
            <td style="text-align: left; padding: 4px 0; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;">@lang('yas_theme::app.emails.orders.tax')</td>
            <td style="text-align: right; padding: 4px 0; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;">{{ core()->formatPrice($refund->tax_amount, $refund->order_currency_code) }}</td>
        </tr>

        @if ($refund->discount_amount > 0)
            <tr>
                <td style="text-align: left; padding: 4px 0; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;">@lang('yas_theme::app.emails.orders.discount')</td>
                <td style="text-align: right; padding: 4px 0; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;">{{ core()->formatPrice($refund->discount_amount, $refund->order_currency_code) }}</td>
            </tr>
        @endif

        <tr style="font-weight: bold; color: #121A26;">
            <td style="text-align: left; padding-top: 12px; border-top: 1px solid #CBD5E1; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;">@lang('yas_theme::app.emails.orders.grand-total')</td>
            <td style="text-align: right; padding-top: 12px; border-top: 1px solid #CBD5E1; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;">{{ core()->formatPrice($refund->grand_total, $refund->order_currency_code) }}</td>
        </tr>
    </table>
@endcomponent