@php use App\Libraries\Directive;use App\Libraries\Icon; @endphp
{{-- 用於參考: product-variant-card.blade.php --}}
<div class="attributes-block" data-attribute-index="{{ $index }}">
    <input class="attributeId" type="hidden" name="attributeId[{{ $variantIndex }}][{{ $index }}]"
           value="{{ $attributeId($attribute) }}">
    <div class="row">
        <table class="table">
            <tr>
                <td>
                    <div class="row">
                        <div class="col-auto cover-site">
                            <div class="previewCover" style="
                                            background-image: url('{{ $attributeCoverUrl($attribute, 75) }}');
                                            width: 75px;
                                            height: 75px;
                                            background-color: #dedede;
                                            background-position: center;
                                            background-size: contain;
                                            background-repeat: no-repeat;
                                            border-radius: 0.3em;
                                            cursor: pointer;">
                            </div>
                            <input type="file" class="form-control cover" hidden
                                   name="attributeCovers[{{ $variantIndex }}][{{ $index }}]">
                            <input type="hidden" class="attributeCoverIds"
                                   name="attributeCoverIds[{{ $variantIndex }}][{{ $index }}]"
                                   value="{{ $attributeCoverId($attribute) }}">
                        </div>
                        <div class="col-3">
                            @if(isset($attribute))
                                <label class="form-label fw-bolder">* #{{ $attributeId($attribute) }} 標題</label>
                            @else
                                <label class="form-label fw-bolder">*標題</label>
                            @endif
                            <input type="text" class="form-control attributeTitles"
                                   name="attributeTitles[{{ $variantIndex }}][{{ $index }}]"
                                   value="{{ $attributeTitle($attribute) }}" required>
                        </div>
                        <div class="col-2">
                            <label class="form-label fw-bolder">編號</label>
                            <input type="text" class="form-control attributeNumbers"
                                   name="attributeNumbers[{{ $variantIndex }}][{{ $index }}]"
                                   value="{{ $attributeNumber($attribute) }}">
                        </div>
                        <div class="col-2">
                            <label class="form-label fw-bolder">狀態</label>
                            <select class="form-select attributeStatus"
                                    name="attributeStatus[{{ $variantIndex }}][{{ $index }}]" required>
                                <option value="active" {{ $selectAttributeStatus($attribute, "active") }}>
                                    上架
                                </option>
                                <option value="inactive" {{ $selectAttributeStatus($attribute, "inactive") }}>
                                    下架
                                </option>
                            </select>
                        </div>
                    </div>
                </td>
            </tr>
        </table>
    </div>
    <div class="row mt-3">
        <div class="col-auto py-3">
            <label class="form-label fw-bolder">*售價</label>
            <input type="number" class="form-control attributeSalePrices"
                   name="attributeSalePrices[{{ $variantIndex }}][{{ $index }}]"
                   value="{{ $attributeSalePrice($attribute) }}" required>
        </div>
        <div class="col-auto py-3">
            <label class="form-label fw-bolder">*定價</label>
            <input type="number" class="form-control attributePrices"
                   name="attributePrices[{{ $variantIndex }}][{{ $index }}]"
                   value="{{ $attributePrice($attribute) }}" required>
        </div>
        <div class="col-auto py-3">
            <label class="form-label fw-bolder">*庫存/上限</label>
            <input type="number" class="form-control attributeStockQuantities"
                   name="attributeStockQuantities[{{ $variantIndex }}][{{ $index }}]"
                   placeholder=""
                   value="{{ $attributeStockQuantity($attribute) }}" required>
        </div>
        <div
            {{ Directive::hidden() }}
            class="col-auto py-3">
            <label class="form-label fw-bolder">折扣後的價格，不使用請保持空白</label>
            <input type="number" class="form-control attributeDiscountPrices"
                   name="attributeDiscountPrices[{{ $variantIndex }}][{{ $index }}]"
                   placeholder="" value="{{ $attributeDiscountPrice($attribute) }}">
        </div>
        <div
            {{ Directive::hidden() }}
            class="col-auto py-3">
            <label class="form-label fw-bolder">打折，不使用請保持空白</label>
            <input type="text" class="form-control attributeDiscounts"
                   name="attributeDiscounts[{{ $variantIndex }}][{{ $index }}]"
                   placeholder="如 85 折，請填 0.85" value="{{ $attributeDiscount($attribute) ?? "" }}">
        </div>
        <div class="col-auto py-3">
            @if(empty($attributeId($attribute)))
                <label class="form-label fw-bolder">&ensp;</label>
                <button type="button" class="form-control btn btn-secondary js-delete-current-attribute"
                        title="刪除這個項目">
                    {!! Icon::delete() !!}
                </button>
            @endif
        </div>
    </div>
    <hr class="mt-3">
</div>