<!--
 =============================================================================================
  This file was AUTO-GENERATED by "SPA Views" Xomega.Net generator.
 
  Manual CHANGES to this file WILL BE LOST when the code is regenerated.
 =============================================================================================
-->
<div xmlns="http://www.w3.org/1999/xhtml" class="view-composition">
  <div class="view with-footer" data-bind="with: $root" data-width="450"
       data-height="450">
    <div class="view-header"><span class="view-title" data-bind="text: ViewTitle"></span></div>
    <div class="view-body">
      <div class="content indented">
        <div data-bind="msglist: { items: getErrorList().Errors }"></div>
        <div class="xw-obj indented">
          <fieldset data-bind="with: obj">
            <legend>Line Item Detail</legend>
            <table class="xw-fieldset-layout">
              <tr>
                <td class="fieldColumn" style="width: 100%">
                  <div class="field">
                    <label data-bind="attr: { for: $root.id('ctlSubcategory') }" class="label">Subcategory:</label>
                    <select data-bind="id: $root.id('ctlSubcategory'), property: Subcategory"></select></div>
                  <div class="field">
                    <label data-bind="attr: { for: $root.id('ctlProductId') }" class="label">Product:</label>
                    <select data-bind="id: $root.id('ctlProductId'), property: ProductId"></select></div>
                  <div class="field">
                    <label data-bind="attr: { for: $root.id('ctlOrderQty') }" class="label">Order Qty:</label>
                    <input data-bind="id: $root.id('ctlOrderQty'), property: OrderQty" class="integer" /></div>
                  <div class="field">
                    <label data-bind="attr: { for: $root.id('ctlSpecialOfferId') }" class="label">Special Offer:</label>
                    <select data-bind="id: $root.id('ctlSpecialOfferId'), property: SpecialOfferId"></select></div>
                  <div class="field">
                    <label data-bind="attr: { for: $root.id('ctlUnitPrice') }" class="label">Unit Price:</label>
                    <span data-bind="id: $root.id('ctlUnitPrice'), property: UnitPrice"></span></div>
                  <div class="field">
                    <label data-bind="attr: { for: $root.id('ctlUnitPriceDiscount') }" class="label">Unit Price Discount:</label>
                    <span data-bind="id: $root.id('ctlUnitPriceDiscount'), property: UnitPriceDiscount"></span></div>
                  <div class="field">
                    <label data-bind="attr: { for: $root.id('ctlLineTotal') }" class="label">Line Total:</label>
                    <span data-bind="id: $root.id('ctlLineTotal'), property: LineTotal"></span></div>
                  <div class="field">
                    <label data-bind="attr: { for: $root.id('ctlCarrierTrackingNumber') }" class="label">Carrier Tracking Number:</label>
                    <input data-bind="id: $root.id('ctlCarrierTrackingNumber'), property: CarrierTrackingNumber" /></div>
                </td>
              </tr>
            </table>
          </fieldset>
        </div>
      </div>
    </div>
    <div class="view-footer action-bar" data-bind="with: $root">
      <input type="button" value="Delete" class="btn-delete"
             data-bind="click: onDelete, enable: !obj.IsNew()" />
      <input type="button" value="Save" class="btn-save" data-bind="click: onSave" />
      <input type="button" value="Close" class="btn-close"
             data-bind="click: close, visible: hasClose()" /></div>
  </div>
</div>