@component('mail::layout')
    {{-- Header --}}
    @slot('header')
        @component('mail::header', ['url' => config('app.url')])
            <img src="{{ asset("/assets/images/logo.svg") }}" style="height:80px;">
        @endcomponent
    @endslot
    <h2 style="margin-bottom:20px;">{{ __('email.generic.order') }} #{{$order->order_number}}<br></h2>
    <strong>
        <table class="table table-bordered pt-3" style="width:100% !important">
            <thead style="padding:10px">
            <tr style="padding:10px">
                <th style="text-align:left;padding:10px">{{ __('email.generic.product') }}</th>
                <th style="text-align:left;padding:10px">{{ __('email.generic.quantity') }}</th>
                <th style="text-align:left;padding:10px">{{ __('email.generic.price') }}</th>
            </tr>
            </thead>
            <tbody>
            @foreach($order->items as $item)
                <tr style="padding:10px">
                    <td scope="row" style="padding:10px">{{ $item->item_name }}</td>
                    <td style="padding:10px">{{ $item->pivot->quantity }}</td>
                    <td style="padding:10px">{{ priceView($item->pivot->price, true)}}</td>
                </tr>
            @endforeach
            </tbody>
        </table>
    </strong>
    <hr style="border:1px solid #e3e3e3; margin-bottom:20px;">
    <p style="text-align:right; font-size:14px">{{ __("email.generic.tax") }}: {{ config('shop.shop_tax_rate') }}%</p>
    @if($order->payment_method === 'cash-on-delivery')
    <p style="text-align:right; font-size:14px">{{ __("email.generic.shipping") }} : + {{ priceView(config('shop.shop_shipping_cost'))}}</p>
    @endif
    @if($order->discount)
        <p style="text-align:right;  font-size:14px">Coupon : - {{ priceView($order->discount)}}</p>
    @endif
    <p style="text-align:right; font-weight:bold">{{ __("email.generic.total") }} :{{ priceView($order->grand_total) }}</p>
    <hr style="border:1px solid #e3e3e3">
    @if($order->payment_method === 'cash-on-delivery')
        <p style="font-size:14px">{{ __("email.confirmed_order.cash_on_delivery") }}</p>
    @endif
    <p class="pt-3" style="font-size:14px">{{ __("email.confirmed_order.message") }}</p>
    <p style="font-size:14px"><strong>{{ config('shop.company_name') }}</strong></p>
    {{-- Footer --}}
    @slot('footer')
        @component('mail::footer')
            © {{ date('Y') }} {{ config('shop.company_name') }}
        @endcomponent
    @endslot
@endcomponent