@component('emails.Components.Body')

    @component('emails.Components.Content',
    [
      'title' => '方案扣款失敗',
      'fullName' => $full_name ,
    ])
        <p>您購買的方案於{{$created_at}}扣款失敗！</p>
        <p class="has-text-danger">提醒您，請儘速前往DingSomething管理後台更新您的付款資訊，<br>以防中斷您的預訂服務。</p>
    @endcomponent

    <div class="mb-3">
        <h3>信用卡自動扣款失敗常見原因（僅供參考，詳細原因請洽發卡銀行）</h3>
        <hr>
        <ul class="no-style">
            <li>1. 信用卡使用期限已逾期。</li>
            <li>2. 刷卡金額已超過信用額度上限。</li>
            <li>3. 發卡銀行否認/拒絕了該張信用卡每月自動扣款的要求。</li>
            <li>4. 信用卡升級。如：普卡升級為金卡</li>
        </ul>
    </div>

    <div class="mb-5">
        <h3>以下為您的購買資訊</h3>
        <hr>
        <ul class="no-style">
            <li>方案類型：{{$plan['title']}}<li>
            <li>方案費用：{{$plan['price']}}元<li>
            <li>購買時間：{{$created_at}}<li>
        </ul>
    </div>

    @include('emails.Components.Button',
    [
        'class'=> 'mb-5',
        'link' => config('app.dingsomething.admin.url'),
        'text' => 'DingSomething管理後台',
    ])

    @include('emails.Components.Link',
    [
        'link' => config('app.dingsomething.admin.url'),
    ])
@endcomponent