@component('emails.Components.CustomerBody', ['merchant' => $merchant])
    <div>
        <h1 class="h-2 color-site font-medium  mb-4">
            儲值訂單 <br>
            {{ $data['訂單編號'] }} 付款成功通知
        </h1>

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


        <h3 class="h-4 color-primary-dark mb-3">
            [ 儲值訂單#{{ $data['訂單編號'] }} ]
        </h3>
        <p>成立時間：{{$data['訂單成立時間']}}</p>
        <table class="style-1 w-100 font-regular mb-custom">
            <tr>
                <td class="w-30">{{$data['方案名稱']}}</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>

        <h3 class="h-4 color-primary-dark mb-3">
            [ 儲值金使用須知 ]
        </h3>
        <table class="style-1 w-100 font-regular mb-custom">
            <tr>
                <td class="w-100">{!! html_entity_decode(nl2br($data['使用須知'])) !!}</td>
            </tr>
        </table>
        <div class="mb-5 mt-5">
            <a href="{{$data['訂單連結']}}" class="baseButton isSite isFull isRadius">
                查看訂單完整明細
            </a>
        </div>
        <div class="link-box mb-5 ">
            <p class="h-6">
                若無法點選上方連結，請複製下面的網址到您的瀏覽器中：
            </p>
            <a href="{{$data['訂單連結']}}" class="color-primary mail-link h-6">
                {{$data['訂單連結']}}
            </a>
        </div>
    </div>
@endcomponent