<form name="dialogForm" ng-controller="Scandbio.Products.DialogAddController" ng-submit="submit(model)" val-form-manager>

    <umb-panel>
        <umb-header>
            <h3>Add product</h3>
        </umb-header>

        <div class="umb-panel-body umb-scrollable with-footer compact">
            <div class="umb-pane">
                <umb-control-group label="Sku">
                    <input type="text" class="umb-editor umb-text" ng-model="model.sku" required />
                </umb-control-group>
                <umb-control-group label="Name">
                    <input type="text" class="umb-editor umb-text" ng-model="model.sku" required />
                </umb-control-group>
                <umb-control-group label="Unit">
                    <select name="productUnit"
                            id="productUnit"
                            ng-model="model.unit"
                            required>
                        <option value="" disabled selected>Choose unit</option>
                        <option value="0">Pallet</option>
                        <option value="1">Piece</option>
                        <option value="2">Tonne</option>
                    </select>
                </umb-control-group>
            </div>
        </div>

        <div class="umb-panel-footer">
            <div class="btn-toolbar umb-btn-toolbar pull-right">
                <a class="btn btn-link" ng-click="close()">
                    <localize key="cancel" />
                </a>
                <button type="submit" class="btn btn-primary" ng-disabled="!dialogForm.$valid">
                    <localize key="buttons_save">Save</localize>
                </button>
            </div>
        </div>

    </umb-panel>

</form>