<ion-content>
        <div class="search-header" (click)="dismissModal()">
  <h2>Advanced Search</h2>
  <ion-icon slot="icon-only" name="md-close"></ion-icon>
</div>


  <div class="search-container">
        <ion-item lines="none">
          <ion-label>{{ts.trPK('worklist','view')}}</ion-label>
          <ion-select okText="{{ts.trPK('general','ok')}}" cancelText="{{ts.trPK('general','cancel')}}"
           (ionChange)=onChangeView($event)>
            <ion-select-option value="1">{{ts.trPK('worklist','openNot')}}</ion-select-option>
            <ion-select-option value="2">{{ts.trPK('worklist','fyi')}}</ion-select-option>
            <ion-select-option value="3">{{ts.trPK('worklist','toDo')}}</ion-select-option>
            <ion-select-option value="4">{{ts.trPK('worklist','all')}}</ion-select-option>
            <ion-select-option value="5">{{ts.trPK('worklist','meNot')}} </ion-select-option>
          </ion-select>
        </ion-item>

        <ion-item lines="none" [ngStyle]="(hideDateInput === true || hideTextInput === true) ? {'margin-bottom': '0px'} : {}">
          <ion-label>{{ts.trPK('worklist','searchby')}}</ion-label>
          <ion-select okText="{{ts.trPK('general','ok')}}" cancelText="{{ts.trPK('general','cancel')}}"
             (ionChange)="getValueSelected($event)">
            <ion-select-option value="1">{{ts.trPK('worklist','from')}}</ion-select-option>
            <ion-select-option value="2">{{ts.trPK('worklist','subject')}}</ion-select-option>
            <ion-select-option value="3">{{ts.trPK('worklist','sent')}}</ion-select-option>
            <ion-select-option value="4">{{ts.trPK('worklist','itemType')}}</ion-select-option>
            <ion-select-option value="5">{{ts.trPK('worklist','none')}}</ion-select-option>
          </ion-select>
        </ion-item>
        <div>
          <div *ngIf="hideDateInput">
            <ion-item lines='none' style="border-radius: 10px;margin-right: 10px;margin-left: 10px;margin-top: 5px;">
              <ion-label>{{ts.trPK('worklist','sent')}} </ion-label>
              <ion-datetime placeholder="{{ts.trPK('worklist','enter')}}" displayFormat="DD-MMM-YYYY"
                pickerFormat="DD-MMM-YYYY" [(ngModel)]="inputDate"></ion-datetime>
            </ion-item>
          </div>
          <div *ngIf="hideTextInput">
            <ion-item lines='none' style="border-radius: 10px;margin-right: 10px;margin-left: 10px;margin-top: 5px;">
              <ion-input placeholder="{{ts.trPK('worklist','enter')}}" [(ngModel)]="inputSearch">
              </ion-input>
            </ion-item>
          </div>
        </div>

      <ion-item lines="none">
        <ion-label>Item Type</ion-label>
        <ion-select okText="{{ts.trPK('general','ok')}}" cancelText="{{ts.trPK('general','cancel')}}"
          [(ngModel)]="itemType">
          <ion-select-option value="HRSSA">HR</ion-select-option>
          <ion-select-option value="POAPPRV">PO</ion-select-option>
          <ion-select-option value="REQAPPRV">PR</ion-select-option>
          <ion-select-option value="INVMOA">MR</ion-select-option>
        </ion-select>
      </ion-item>

        <div class="search-button" (click)="search()">
          <span>SEARCH</span>
        </div>
  </div>
</ion-content>


    