@component('emails.Components.Body',
    [
        'merchant' => [
            'fullAddress' => '臺灣臺北市大安區仁愛路四段29號',
            'email' => 'service@senji-lab.com',
            'phoneNumber' => '0800666565'
        ]
    ]
)

    @component('emails.Components.Content',
    [
        'title'    => '您的預約訂單 #{ 202005283586 !!} 已完成',
        'fullName' => '{ Sarah Hsiao !!}'
    ])
        <p>
            您的預約已於 { 2020/10/01 !!} 付款完成。
            <br>您可於服務期間出示信件中的電子憑證（QR code）完成報到。
        </p>
    @endcomponent

    @include('emails.Components.Table',
    [
        'title'  => '[訂單#{ 202005283586 !!}] ({ 2020/10/01 !!})',
        'data'   => [
            0 => [
                0 => '預約項目',
                1 => '{ 小型犬小美容 !!}'
            ],
            1 => [
                0 => '服務類型',
                1 => '{ 到府 !!}'
            ],
            2 => [
                0 => '預約時間',
                1 => '{ 2020/10/11 週四 15:00 （預計2小時）!!}'
            ],
            3 => [
                0 => '小計',
                1 => '＄{ 1400 !!}'
            ],
            4 => [
                0 => '測試',
                1 => '' // 傳''就不會印出來
            ]
        ]
    ])

    @component('emails.Components.Block',
    [
        'title'  => '預約資訊'
    ])
        <ul class="no-style">
            <li>貴賓姓名：{ 王小明 先生 !!}</li>
            <li>貴賓E-mail：{ 1ming@gmail.com !!}</li>
            <li>貴賓電話：{ +886 0908330131 !!}</li>
            <li>服務地址：{ 台北市中山區中山北路二段27巷10號2樓 !!}</li>
            <li>備註：{ 無 !!}</li>
        </ul>
    @endcomponent

    @component('emails.Components.Block',
    [
        'title'  => '服務資訊'
    ])
        <ul class="style-2">
            <li>
                <div>
                    您的愛犬名字是？
                </div>
                <div class="color-text-dark">
                    Q比
                </div>
            </li>
            <li>
                <div>
                    您的愛犬品種是？
                </div>
                <div class="color-text-dark">
                    柴犬
                </div>
            </li>
            <li>
                <div>
                    是否進行拆結？（將由現場服務人員報價收費
                </div>
                <div class="color-text-dark">
                    是
                </div>
            </li>
        </ul>
    @endcomponent

    @include('emails.Components.Qrcode',
    [
        'code'  => 'aaaa12345'
    ])

    @component('emails.Components.Block',
         [
           'title' => '內容說明與注意事項',
         ])
        <div class="mb-3">
            <div class="h-5 font-regular color-primary-dark mb-2">內容說明</div>
            <div class="h-6 color-text-dark">
                此預付方案共可抵用十次美容服務，可抵用日期：2020/10/01 至 2020/12/31 抵用次數以寵物數量為基本單位，例：預約2隻狗狗小美容服務，可抵用2次預付方案。最高可為您省下＄1000元！
                <br><br>小美容服務項目： 剪指甲／剃腳底毛／剃肛門毛／剃肚子毛／清耳朵／擠肛門腺／小修足緣／小修臉部雜毛 / 全身剃毛或造型修剪。 亦有牛奶SPA，呵護寶貝們的肌膚，讓毛寶貝享受貴賓級的頂級服務。
            </div>
        </div>
        <div>
            <div class="h-5 font-regular color-primary-dark mb-2">注意事項</div>
            <div class="h-6 color-text-dark">
                提醒您：
                <br>1. 預約僅保留十分鐘，請務必準時來店享受服務。
                <br>2. 寵物身體若有任何不適或疾病請提前告知，讓服務人員可提前做足準備。
            </div>
        </div>
    @endcomponent

    @component('emails.Components.Block',
    [
      'title' => '預付方案使用須知',
    ])
        <ol class="style-1 h-6">
            <li>小捲尾寵物美容之於方案有效狀態有最終解釋權。</li>
            <li>如您需取消預付方案，請聯絡我們。</li>
        </ol>
    @endcomponent

    @include('emails.Components.Applicable',
    [
        'title'  => '適用項目',
        'link'   => config('app.dingsomething.site.url').'member/prepaid/{ orderId !!}?activetab=applicableEvents',
        'data'   => [
            0 => [
                "alias"     => "store-mini-dog-A",
                "name"      => "B招牌沐浴+牛奶按摩spa",
                "introtext" => "3kg以下小狗",
                "image"     => "https://picsum.photos/335/500",
                "product"   => [
                    "alias" => "store",
                    "name"  => "到店服務"
                ]
            ],
            1 => [
                "alias"     => "store-mini-dog-A",
                "name"      => "B招牌沐浴+牛奶按摩spa",
                "introtext" => "3kg以下小狗",
                "image"     => "https://picsum.photos/335/500",
                "product"   => [
                    "alias" => "home",
                    "name"  => "到府服務"
                ]
            ],
            2 => [
                "alias"     => "store-mini-dog-A",
                "name"      => "B招牌沐浴+牛奶按摩spa",
                "introtext" => "3kg以下小狗",
                "image"     => "https://picsum.photos/335/500",
                "product"   => [
                    "alias" => "store",
                    "name"  => "到店服務"
                ]
            ]
        ]
    ])

    @include('emails.Components.Button',
    [
        'link'  => config('app.dingsomething.site.url').'{ orderId !!}',
        'text'  => '加入行事曆',
        'style' => 'isStyleDark isOutline isFull isRadius'
    ])

    @include('emails.Components.Button',
    [
        'link'  => config('app.dingsomething.site.url').'{ orderId !!}',
        'text'  => '立即前往付款',
    ])

    @include('emails.Components.Link',
    [
        'link' => config('app.dingsomething.site.url').'order/{ orderId !!}'
    ])

@endcomponent