@component('MailYj::new-layout')
    @slot('header')
        {{ $header_image }}
    @endslot

    <div class="mail-greeting">
        أهلاً {{$user->first_name}} 👋،
    </div>

    <div class="mail-body">
        نود أن نخبرك عن المعاملة الجديدة فى حساب الكاش باك الخاص بك.
        <br>

        <span class="red-section">اسم المتجر:</span> {{$sale->store->name}}
        <br>
        <span class="red-section">التاريخ:</span> {{$sale->transaction_time}}
        <br>
        <span class="red-section">الحالة:</span> {{__trans('common.cashback.cashback_status_' . $sale->status)}}
        <br>

        @if ($sale->order_amount > 0)
            <span class="red-section">قيمة الطلب:</span>
            @if ($saleCurrency->display_as == 'prefix')
                {{$saleCurrency->symbol}} {{$sale->local_order_amount}}
            @else
                {{$sale->local_order_amount}} {{$saleCurrency->symbol}}
            @endif
            <br>
        @endif

        @if ($sale->cashback > 0)
            <span class="red-section">قيمة الكاش باك:</span>
            @if ($saleCurrency->display_as == 'prefix')
                {{$saleCurrency->symbol}} {{$sale->local_cashback}}
            @else
                {{$sale->local_cashback}} {{$saleCurrency->symbol}}
            @endif
            <br>
        @endif

        <br>
        لمعرفة المزيد عن معاملة الكاش باك، برجاء زيارة حسابك.

        <div class="mail-signature">
            شكرًا،
            <div class="mail-sender">أصدقائك فريق يچني 😉</div>
        </div>

        @component('MailYj::mail-btn', ['url' => config('website.cnf_appurl') . "/" . $lang . "/contact-us"])
            عندك أيّ سؤال؟✋ نحن هنا لمساعدتك دائمًا.
        @endcomponent
    </div>
@endcomponent