<div class="fulfillment-header">
    <span>Print Logistic SKU</span>
    <img ng-if='item.printify_state.loading' class="small-img-loading"
        style="margin-left: 5px;"
        src="@asset('print-suppliers/images/loading-1.gif')">
    <button title="Copy profile" data-toggle="tooltip" class="btn btn-xs" ng-if='!item.printify_state.loading' 
        ng-click="printLogistic_copyProfileData(item)">
        <svg xmlns="http://www.w3.org/2000/svg"  width="20" height="20" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M7 7m0 2.667a2.667 2.667 0 0 1 2.667 -2.667h8.666a2.667 2.667 0 0 1 2.667 2.667v8.666a2.667 2.667 0 0 1 -2.667 2.667h-8.666a2.667 2.667 0 0 1 -2.667 -2.667z" /> <path d="M4.012 16.737a2.005 2.005 0 0 1 -1.012 -1.737v-10c0 -1.1 .9 -2 2 -2h10c.75 0 1.158 .385 1.5 1" /> </svg>
    </button>
    <button title="Paste profile" data-toggle="tooltip" class="btn btn-xs" ng-if='!item.printify_state.loading' ng-click="printLogistic_pasteProfileData(item)">
        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" stroke-width="1" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <path d="M9 5h-2a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-12a2 2 0 0 0 -2 -2h-2" /> <path d="M9 3m0 2a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v0a2 2 0 0 1 -2 2h-2a2 2 0 0 1 -2 -2z" /> </svg>

    </button>
</div>
<div class="row print-logistic-chosen printify-data">
    <div class="col-md-3">
        <select chosen search_contains="true" ng-change="changeProductTypeOption(item)"
            ng-model="item.printLogistic.type" class="form-control chosse-input" style="display: inline-block;">
            <option value="">-- Choose Product Type --</option>
            <option ng-repeat="option in printLogisticStates.product_types" value="@{{ option }}">
                @{{ option }}
            </option>
        </select>
    </div>
    <div class="col-md-3">
        <select chosen search_contains="true" ng-change="changeProductColorOption(item)"
            ng-model="item.printLogistic.color" class="form-control chosse-input" style="display: inline-block;">
            <option value="">-- Choose Product Color --</option>
            <option ng-repeat="option in item.printLogistic.colors" value="@{{ option }}">
                @{{ option }}
            </option>
        </select>
    </div>
    <div class="col-md-3">
        <select chosen search_contains="true" ng-change="changeProductSizeOption(item)" class="form-control chosse-input" ng-model="item.printLogistic.size" style="display: inline-block;">
            <option value="">-- Choose Product Size --</option>
            <option ng-repeat="option in item.printLogistic.sizes" value="@{{ option }}">
                @{{ option }}
            </option>
        </select>
    </div>
    <div class="col-md-3">
        <select chosen search_contains="true" ng-change="changeProductBrandOption(item)" class="form-control chosse-input" ng-model="item.printLogistic.brand" style="display: inline-block;">
            <option value="">-- Choose Brand --</option>
            <option ng-repeat="option in item.printLogistic.brands" value="@{{ option }}">
                @{{ option }}
            </option>
        </select>
    </div>
</div>

@include('print-suppliers::suppliers/print-logistic/components/product-print-skus')
@include('print-suppliers::suppliers/print-logistic/components/product-print-artwork')