@component("layouts.mail-master")
    @slot("image","shop.png")
    @slot("hala",true)
    @slot("body_title")
        استمتع بـ تسوق وخلي الباقي علينا
    @endslot

    @slot("body_content")
        <tr style="font-size: 16px;font-weight: 500;line-height: 19.2px;color: #000000; ">
            <td style="display: flex;gap: 24px;margin: 1rem 0;align-items: center;">
                <p style="all: unset;display: flex;align-items: center;gap: 8px;">
                    <img src="{{ asset("images/mails/fi_hash.png") }}" alt=""/>
                    اسم المتجر
                </p>
                <p style="all: unset">"{{ $shopCard->shop->name }}"</p>
            </td>
        </tr>
        <tr style="font-size: 16px;font-weight: 500;line-height: 19.2px;color: #000000;">
            <td style="display: flex;gap: 24px;margin: 0.5rem 0;">
                <p style="all: unset;display: flex;align-items: center;gap: 8px;">
                    <img src="{{ asset("images/mails/fi_tag.png") }}" alt=""/>
                    فئة الشحن
                </p>
                <p style="all: unset">"{{ $shopCard->amount }}"</p>
            </td>
        </tr>
        <tr style="font-size: 16px;font-weight: 500;line-height: 19.2px;color: #000000; ">
            <td style="display: flex;gap: 24px;margin: 1rem 0;">
                <p style="all: unset;display: flex;align-items: center;gap: 8px;">
                    <img src="{{ asset("images/mails/fi_tag.png") }}" alt=""/>
                    معلومات كرت الشحن
                </p>
                <p style="all: unset">"{{ $shopCard->shop->details }}"</p>
            </td>
        </tr>
        <tr style="font-size: 16px;font-weight: 500;line-height: 19.2px;color: #000000;">
            <td style="border-top: 1px solid #bec2cb;padding-top: 1rem;margin-bottom: 1rem;display: block;">
                {{ $shopCard->shop->payment_details }}
            </td>
        </tr>

    @endslot
@endcomponent