@component('emails.Components.CustomerBody', ['merchant' => $merchant])
    <div>
        <h1 class="h-2 color-{{ config('app.type') }}-site font-medium  mb-4">
            收到新的訂單
        </h1>

        <p class="mb-4">
            {!! html_entity_decode(nl2br($data['自訂內容'])) !!}
        </p>

        <h3 class="h-4 color-{{ config('app.type') }}-primary-dark mb-3">
            訂單編號 [{{ $data['訂單編號'] }}]
        </h3>
        <h3 class="h-4 color-{{ config('app.type') }}-primary-dark mb-3">
            訂購日期 [{{ $data['訂購日期'] }}]
        </h3>

        @include('emails.Order.Components.SectionOrderInfo', ['data' => $data])

        <h3 class="h-4 color-{{ config('app.type') }}-primary-dark mb-3">付款資訊</h3>
        <div class="border p-3 mb-custom">
            <ul class="no-style">
                <li>付款方式：{{$data['付款方式']}}</li>
            </ul>
        </div>

        <div class="mb-5 mt-5">
            <a href="{{ $data['訂單連結'] }}" class="baseButton {{config('app.type')}}-isSite isFull {{ config('app.type') == 'ipetbooking' ? 'isRadius' : '' }}">
                立即前往檢視訂單
            </a>
        </div>
        <div class="link-box mb-4 ">
            <p class="h-6">
                若無法點選上方連結，請複製下面的網址到您的瀏覽器中：
            </p>
            <a href="{{ $data['訂單連結'] }}" class="color-{{ config('app.type') }}-primary mail-link h-6">
                {{ $data['訂單連結'] }}
            </a>
        </div>
    </div>
@endcomponent