<div id="add-virtual-products-container" class="col-md-12">
    <form>
        <div class="col-md-12 label-value-pair">
            <label class="col-md-2">{{'packages.forms.VIRTUAL_PRODUCT_NAME' | translate}}</label>
            <input class="col-md-3" type="text" placeholder="{{'packages.forms.VIRTUAL_PRODUCT_NAME' | translate}}" ng-model="name" required />
        </div>
        <div class="col-md-12 label-value-pair">
            <label class="col-md-2">{{'packages.forms.VIRTUAL_PRODUCT_CATEGORY' | translate}}</label>
            <select id="virtual-product-category-name"
                    class="form-control-static col-md-2"
                    ng-model="category"
                    ng-options="productCategory.category for productCategory in productCategories track by productCategory.id"
                    required>
            </select>
        </div>

        <div class="col-md-12 label-value-pair">
            <input type="submit"
                    id="add-virtual-product-button"
                    class="btn btn-info"
                    ng-click="addVirtualProduct()"
                    value="{{ 'packages.forms.buttons.ADD_VIRTUAL_PRODUCT' | translate }}"/>
        </div>
    </form>
</div>
