<form class="form-horizontal" role=form>
    <h2>Product Group Detail</h2>

    <div class="form-group">
        <label for="txtName" class="col-md-2 control-label">Name</label>

        <div class="col-md-10">
            <input type="text" id="txtName" class="form-control" ng-model="product_group.Name"/>
        </div>
    </div>
    <div class="form-group">
        <label for="txtMaxDiscount" class="col-md-2 control-label">Maximum Discount</label>

        <div class="col-md-10">
            <div class="input-group">
                <input type="number" id="txtMaxDiscount" class="form-control" ng-model="product_group.MaxDiscount"/>
                <span class="input-group-addon">%</span>
            </div>
        </div>
    </div>
    <div class="form-group">
        <label for="txtHeader" class="col-md-2 control-label">Header</label>

        <div class="col-md-10">
            <input type="text" id="txtHeader" class="form-control" ng-model="product_group.Header"/>
        </div>
    </div>
    <div class="form-group">
        <label for="txtSortOrder" class="col-md-2 control-label">Sort Order</label>

        <div class="col-md-5">
            <input type="number" id="txtSortOrder" class="form-control" ng-model="product_group.SortOrder"/>
        </div>
        <div class="col-md-5">
            <label class="checkbox-inline">
                <input type="checkbox" ng-model="product_group.IsActive"> Is Active
            </label>
        </div>
    </div>
    <div class="form-group">
        <div class="col-md-offset-2 col-md-10">
            <button class="btn btn-primary" ng-click="save()">Save</button>
            <button class="btn btn-danger" ng-show="tax.TaxID" ng-click="confirm()">Delete</button>
        </div>
    </div>
</form>
