<div class="fulfillment-header">
    <span>Merchize SKU</span>
    <img ng-if='item.printify_state.loading' class="small-img-loading" src="@asset('print-suppliers/images/loading-1.gif')">
</div>
<div class="merchize-chosen printify-data grid-1col" ng-class="{ 'grid-2col' :  item.merchizeData.variants.sizes.length || item.merchizeData.variants.colors.length, 'grid-3col' : item.merchizeData.variants.sizes.length && item.merchizeData.variants.colors.length }">
    <div class="merchize-chosen-item">
        <select chosen search_contains="true" ng-change="merchize_changeProduct(item)" ng-show="merchizeStates.products.length"
            ng-model="item.merchizeData.mc_product_id" class="form-control chosse-input" style="display: inline-block;">
            <option value="">-- Choose Product --</option>
            <option ng-repeat="option in merchizeStates.products" value="@{{ option.id }}">
                @{{ option.product_title }}
            </option>
        </select>
    </div>

    <div class="merchize-chosen-item" ng-if="item.merchizeData.variants.sizes.length">
        <select chosen search_contains="true" ng-change="merchize_changeSize(item)"
            ng-model="item.merchizeData.size" class="form-control chosse-input" style="display: inline-block;">
            <option value="">-- Choose Size --</option>
            <option ng-repeat="option in item.merchizeData.variants.sizes" value="@{{ option.value }}">
                @{{ option.value }}
            </option>
        </select>
    </div>

    <div class="merchize-chosen-item" ng-if="item.merchizeData.variants.colors.length">
        <select chosen search_contains="true" ng-change="merchize_changeColor(item)"
            ng-model="item.merchizeData.color" class="form-control chosse-input" style="display: inline-block;">
            <option value="">-- Choose Color --</option>
            <option ng-repeat="option in item.merchizeData.variants.colors" value="@{{ option.value }}">
                @{{ option.value }}
            </option>
        </select>
    </div>
</div>
@include('print-suppliers::suppliers/merchize/components/product-print-artwork')