{{-- modal --}}
<free-gift-minimum-amount
        :products="freeGiftMinimumAmountProducts"
        :gift-info.sync="giftInfo"
        @save="saveFreeGiftMinimumAmount"
></free-gift-minimum-amount>

<div class="form-body">
    <div class="row justify-content-end">
        <div class="col-md-3">
            <b-button v-b-modal="'freeGiftMinimumAmountModel'" pill variant="success"  @click="editFreeGiftMinimumAmount({})">
                <i class='bx bx-plus'></i>
            </b-button>
        </div>
    </div>

    <div class="row">
        <div class="col-md-1 offset-md-1">
            <label></label>
        </div>
        <div class="col-md-8">
            <table class="table">
                <thead>
                <tr>
                    <th>滿額</th>
                    <th>贈品</th>
                    <th>上限次數</th>
                    <th>其他資訊</th>
                    <th class="text-center">操作</th>
                </tr>
                </thead>
                <tbody>
                <tr v-for="gift in gifts">
                    <td class="text-nowrap">$ @{{ humanNumber(gift.data.minimumAmount) }}</td>
                    <td>@{{ gift.product.name }}</td>
                    <td>
                        <span v-if="!gift.data.isInfinity && gift.data.maxQuantity">@{{ gift.data.maxQuantity }}</span>
                        <span v-else-if="gift.data.isInfinity"><i class='bx bx-infinite'></i></span>
                    </td>
                    <td>
                        <div>
                            標題: @{{ gift.data.noticeTitle }}  <br/>
                            訊息: @{{ gift.data.noticeMessage }}
                        </div>
                    </td>
                    <td class="text-center">
                        <a
                                href="javascript:;"
                                class="mb-2"
                                v-b-modal="'freeGiftMinimumAmountModel'"
                                @click="editFreeGiftMinimumAmount(gift)"
<<<<<<< HEAD
                        >
                            <i class="badge-circle badge-circle-light-secondary bx bx-edit font-medium-1"></i>
                        </a>
=======
                            >
                                <i class="badge-circle badge-circle-light-secondary bx bx-edit font-medium-1 mb-2 mr-1" title="編輯"></i>
                            </a>
>>>>>>> feature-mommy

                        <a
                                href="javascript:;"
                                @click="deleteFreeGiftMinimumAmount(gift)"
<<<<<<< HEAD
                        >
                            <i class="badge-circle badge-circle-light-secondary bx bx-trash font-medium-1"></i>
                        </a>
                    </td>
                </tr>
=======
                            >
                                <i class="badge-circle badge-circle-light-secondary bx bx-trash font-medium-1" title="刪除"></i>
                            </a>
                        </td>
                    </tr>
>>>>>>> feature-mommy
                </tbody>
            </table>
        </div>
    </div>
</div>