@component('emails.Components.ManageBody')
    <div class="w-540p">
        <h1 class="h-2 text-center color-primary font-medium  mb-3">
            收到新的訂單
        </h1>

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

        <h3 class="h-4 text-center color-primary-dark mb-3">
            訂單編號：{{ $data['訂單編號'] }}
        </h3>
        <h3 class="h-4 text-center color-primary-dark mb-5">
            訂購日期：{{ $data['訂購日期'] }}
        </h3>
        <table class="style-1 w-100 font-regular">
            <tr>
                <td class="w-30">預約項目</td>
                <td>{{ $data['預約項目'] }}</td>
            </tr>
            <tr>
                <td class="w-30">寵物體型</td>
                <td>{{ $data['寵物體型'] }}</td>
            </tr>
            <tr>
                <td class="w-30">分店</td>
                <td>{{ $data['分店'] }}</td>
            </tr>
            <tr>
                <td class="w-30">預約時間</td>
                <td>{{ $data['預約時間'] }}</td>
            </tr>
            <tr>
                <td class="w-30">小計</td>
                <td>{{ $data['小計'] }}</td>
            </tr>
            <tr>
                <td class="w-30">優惠卷折抵</td>
                <td>{{ $data['優惠卷折抵'] }}</td>
            </tr>
            <tr>
                <td class="w-30">付款方式</td>
                <td>{{ $data['付款方式'] }}</td>
            </tr>
            <tr>
                <td class="w-30">總計金額</td>
                <td>{{ $data['總計金額'] }}</td>
            </tr>
        </table>

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