<ion-modal-view class="modal-view"
                ng-controller="AddPlanAdvanceBehindMasterDataCtrl as addplanadvancebehindmasterdatactrl">
  <ion-header-bar class="bar-calm">
    <button class="button icon ion-arrow-left-c button-clear"
            ng-click="addplanadvancebehindmasterdatactrl.exit()"></button>
    <h1 class="title">{{'MasterDataAdvanceBehindPlans' | translate}}</h1>
  </ion-header-bar>
  <ion-content class="padding-10" scroll="true">
    <form name="configForm" class="configForm">
      <ion-list class="nf-form">
        <label class="item item-input item-stacked-label">
          <span class="input-label">{{'StyleNo' | translate}}</span>
          <input type="text" autocorrect="off" autocapitalize="off" required
                 ng-model="addplanadvancebehindmasterdatactrl.styleInfo.style" ng-trim="true" placeholder="Style No"
                 capitalize>
        </label><label class="item item-input item-stacked-label">
        <span class="input-label">{{'PurchasingOrder' | translate}}</span>
        <input type="text" autocorrect="off" autocapitalize="off" required
               ng-model="addplanadvancebehindmasterdatactrl.styleInfo.so" ng-trim="true" placeholder="PO No">
      </label><label class="item item-input item-stacked-label">
        <span class="input-label">{{'Color' | translate}}</span>
        <input type="text" autocorrect="off" autocapitalize="off" required
               ng-model="addplanadvancebehindmasterdatactrl.styleInfo.li" ng-trim="true" placeholder="Colour"
               capitalize>
      </label><label class="item item-input item-stacked-label">
        <span class="input-label">{{'StandardMinuteValue' | translate}}</span>
        <input type="number" autocorrect="off" autocapitalize="off" required
               ng-model="addplanadvancebehindmasterdatactrl.styleInfo.smv" ng-trim="true" placeholder="SMV">
      </label><label class="item item-input item-stacked-label">
        <span class="input-label">{{'Quantity' | translate}}</span>
        <input type="number" autocorrect="off" autocapitalize="off" required
               ng-model="addplanadvancebehindmasterdatactrl.styleInfo.quantity" ng-trim="true" placeholder="Quantity">
      </label>
        </label>
        <label class="item item-input item-stacked-label">
          <span class="input-label">{{'DayNo' | translate}}</span>
          <input type="number" autocorrect="off" autocapitalize="off" required
                 ng-model="addplanadvancebehindmasterdatactrl.styleInfo.daynumber" ng-trim="true" placeholder="Day No">
        </label>
        <label class="item item-input item-stacked-label">
          <span class="input-label">{{'KickOff' | translate}}</span>
          <input type="number" autocorrect="off" autocapitalize="off" required
                 ng-model="addplanadvancebehindmasterdatactrl.styleInfo.kickoff" ng-trim="true" placeholder="Kick Off">
        </label>
        <label class="item item-input item-stacked-label">
          <span class="input-label">{{'StyleType' | translate}}</span>
          <input type="text" autocorrect="off" autocapitalize="off" required
                 ng-model="addplanadvancebehindmasterdatactrl.styleInfo.styletype" ng-trim="true" placeholder="Style Type">
        </label>

        <div class="row">
          <div class="col">
            <button ng-disabled="configForm.$invalid" ng-mobile-click="addplanadvancebehindmasterdatactrl.click(true)"
                    class="button button-positive button-large no-animation pull-right">
              {{'Add' | translate}}
            </button>
          </div>
        </div>

      </ion-list>
    </form>
  </ion-content>
</ion-modal-view>
