@component('mail::layout')
    {{-- Header --}}
    @slot('header')
        @component('mail::header', ['url' => config('app.url')])
            <img src="{{ asset(getAppLogo()) }}" class="logo" style="height:auto!important;width:auto!important;object-fit:cover"
                alt="{{ getAppName() }}">
        @endcomponent
    @endslot
    <h2>{{ __('messages.mail.hello') }} {{ $data['user_name'] ?? '' }}</h2>
    <p>{{ $data['customer_name'] ?? '' }} {{ __('messages.mail.has_product_purchased') }}</p>
    <p><b>{{ __('messages.mail.customer_name') }} : </b> {{ $data['customer_name'] ?? '' }}</p>
    <p><b>{{ __('messages.vcard.product_name') }} : </b> {{ $data['product_name'] ?? '' }}</p>
    <p><b>{{ __('messages.vcard.mobile_number') }} : </b> {{ $data['phone'] ?? '' }}</p>
    <p><b>{{ __('messages.setting.address') }} : </b> {{ $data['address'] ?? '' }}</p>
    <p><b>{{ __('messages.payment_type') }} : </b> {{ $data['payment_type'] ?? '' }}</p>
    <p><b>{{ __('messages.mail.ordered_confirm_date') }} : </b> {{ $data['order_date'] ?? '' }}</p>
    <p>{{ getAppName() }}</p>
    @slot('footer')
        @component('mail::footer')
            <h6>© {{ date('Y') }} {{ getAppName() }}.</h6>
        @endcomponent
    @endslot
@endcomponent