<ion-header>
    <ion-toolbar class="header-toolbar">
      <nav-buttons></nav-buttons>
      <ion-title color="light">
        {{ts.trPK('worklistMain','QUOTATION_ANALYSIS')}}
       </ion-title>
    </ion-toolbar>
  </ion-header>
  
  <ion-content class="colorBG">
  
    <!-- <ion-card>
      <ion-card-header class="boxHdr">
        <div class="hrTitle">{{'worklistMain, actionHis' | translate}}</div>
      </ion-card-header>
      <ion-card-content> -->
  
  
    <!-- <ion-card class="cardContent"> -->
    <!-- <ion-card-header class="boxHdr">
                  <div class="hrTitle"> {{ts.trPK('worklistMain','info')}} </div>
              </ion-card-header> -->
    <!-- <ion-card-content> -->
  
    <div [hidden]="getQutationAnalysis && getQutationAnalysis.length > 0">
      <p>{{ 'general, empty' | translate}}</p>
    </div>
    <ion-list class="itemeHistoryist" *ngIf="getQutationAnalysis && getQutationAnalysis.length > 0 ">
      <div>
        <ion-grid class="gridItemReq">
  
          <ion-item class="itemReqContent" *ngFor="let QutationAnalysis of getQutationAnalysis; let i=index; ">
            <div class="itemReqDiv">
  
              <ion-row>
                <ion-col class="colItemReqHeader">
            
                  <label for="">{{i+1}}. {{QutationAnalysis.ITEM_CODE}} - {{QutationAnalysis.ITEM_DESC}} </label>
                </ion-col>
              </ion-row>
              <ion-row> 
                <ion-col class="colItems">
                  <label class="colItemReq" for="">{{ts.trPK('worklistMain','QuotationNumber')}} </label>
                  <br />
                  <!-- </ion-col>
                                  <ion-col> -->
                  <ion-label class="labelValue" for="">{{QutationAnalysis.QUOT_NUM}} </ion-label>
                </ion-col>
                <ion-col class="colItems">
                    <label class="colItemReq" for="">{{ts.trPK('worklistMain','vendor_name')}} </label>
                    <br />
                    <!-- </ion-col>
                                <ion-col> -->
                    <ion-label class="labelValue" for="">{{QutationAnalysis.VENDOR_NAME}} </ion-label>
                  </ion-col>
                  <!-- </ion-row>
                            <ion-row> -->
              </ion-row>
              <ion-row>
  
                
  
                <ion-col class="colItems">
                  <label class="colItemReq" for="">{{ts.trPK('worklistMain','item_code')}} </label>
                  <br />
                  <!-- </ion-col>
                              <ion-col> -->
                  <ion-label class="labelValue" for="">{{QutationAnalysis.ITEM_CODE}} </ion-label>
  
                </ion-col>
                
                <ion-col class="colItems">
                    <label class="colItemReq" for="">{{ts.trPK('worklistMain','description')}} </label>
                    <br />
                    <!-- </ion-col>
                                <ion-col> -->
                    <ion-label class="labelValue" for="">{{QutationAnalysis.ITEM_DESC}} </ion-label>
                  </ion-col>
              </ion-row>
              <ion-row>
  
  
  
                <!-- </ion-row>
                          <ion-row> -->
  
                <ion-col class="colItems">
                  <label class="colItemReq" for="">{{ts.trPK('worklistMain','QUOTATION_QTY')}} </label>
                  <br />
                  <!-- </ion-col>
                                  <ion-col> -->
                  <ion-label class="labelValue" for="">{{QutationAnalysis.QUOT_QTY}} </ion-label>
                </ion-col>

                <ion-col class="colItems">
                    <label class="colItemReq" for="">{{ts.trPK('worklistMain','quotation_uom')}} </label>
                    <br />
                    <!-- </ion-col>
                                <ion-col> -->
                    <ion-label class="labelValue" for="">{{QutationAnalysis.QUOT_UOM}} </ion-label>
                  </ion-col>
  
              </ion-row>
              <ion-row>
  
  
                
  
                <!-- </ion-row>
                          <ion-row> -->
  
                <ion-col class="colItems">
                  <label class="colItemReq" for="">{{ts.trPK('worklistMain','quotatio_net_price')}} </label>
                  <br />
                  <!-- </ion-col>
                                  <ion-col> -->
                  <ion-label class="labelValue" for="">{{QutationAnalysis.QUOT_UNIT_PRICE}} </ion-label>
                </ion-col>
  
                <ion-col class="colItems">
                    <label class="colItemReq" for="">{{ts.trPK('worklistMain','quotatio_line_tot')}} </label>
                    <br />
                    <!-- </ion-col>
                                <ion-col> -->
                    <ion-label class="labelValue" for="">{{QutationAnalysis.QUOT_LINE_TOTAL}} </ion-label>
                  </ion-col>
              </ion-row>
              <ion-row>
  
  
  
                <!-- </ion-row>
                          <ion-row> -->
  
                <ion-col class="colItems">
                  <label class="colItemReq" for="">{{ts.trPK('worklistMain','quotatio_bonus_quantity')}} </label>
                  <br />
                  <!-- </ion-col>
                                  <ion-col> -->
                  <ion-label class="labelValue" for="">{{QutationAnalysis.QUOT_BONUS_QTY}} </ion-label>
                </ion-col>
                <ion-col class="colItems">
                    <label class="colItemReq" for="">{{ts.trPK('worklistMain','quotation_delivery_date')}} </label>
                    <br />
                    <!-- </ion-col>
                                <ion-col> -->
                    <ion-label class="labelValue" for="">{{QutationAnalysis.QUOT_DELIVERY_DATE}} </ion-label>
                  </ion-col>
  
              </ion-row>
              <ion-row>
  
  
               
  
                <!-- </ion-row>
                          <ion-row> -->
  
                <ion-col class="colItems">
                  <label class="colItemReq" for="">{{ts.trPK('worklistMain','MFG_part_number')}} </label>
                  <br />
                  <!-- </ion-col>
                                  <ion-col> -->
                  <ion-label class="labelValue" for="">{{QutationAnalysis.QUOT_MFG_PART_NUM}} </ion-label>
                </ion-col>
                <ion-col class="colItems">
                    <label class="colItemReq" for="">{{ts.trPK('worklistMain','RFQ_number')}} </label>
                    <br />
                    <!-- </ion-col>
                                <ion-col> -->
                    <ion-label class="labelValue" for="">{{QutationAnalysis.RFQ_NUM}} </ion-label>
                  </ion-col>
              </ion-row>
              <ion-row>
  
  
                
  
                <!-- </ion-row>
                          <ion-row> -->
  
                <ion-col class="colItems">
                  <label class="colItemReq" for="">{{ts.trPK('worklistMain','RFQ_qty')}} </label>
                  <br />
                  <!-- </ion-col>
                                  <ion-col> -->
                  <ion-label class="labelValue" for="">{{QutationAnalysis.RFQ_QTY}} </ion-label>
                </ion-col>
                <ion-col class="colItems">
                    <label class="colItemReq" for="">{{ts.trPK('worklistMain','RFQ_UOM')}} </label>
                    <br />
                    <!-- </ion-col>
                                <ion-col> -->
                    <ion-label class="labelValue" for="">{{QutationAnalysis.RFQ_UOM}} </ion-label>
                  </ion-col>
              </ion-row>
            </div>
  
          </ion-item>
  
        </ion-grid>
      </div>
    </ion-list>
    <!-- </ion-card-content> 
               </ion-card> -->
  
     <ion-infinite-scroll (ionInfinite)="doInfinite($event)">
      <ion-infinite-scroll-content></ion-infinite-scroll-content>
    </ion-infinite-scroll> 
  </ion-content>