<ion-content padding>

<!-- 
<ion-col col-1
style="margin-right: -22px;margin-top: -10px;">
        <ion-button class="closeIcon" (click)="closeModal()">
          <img   src="../assets/imgs/close.png"> 

        </ion-button>
</ion-col> -->


<ion-list>
    <ion-radio-group>
      <ion-list-header style="margin-bottom: 22px !important;">
        <p class="Header"> {{ts.trPK('general','moreAction')}}</p>
      </ion-list-header>
         <div *ngFor="let button of actionBtns "> 

      <ion-item *ngIf="button.BUTTON_ACTION !='APPROVED' && button.BUTTON_ACTION !='APPROVE' && button.BUTTON_ACTION !='REJECTED' && button.BUTTON_ACTION !='REJECT' && button.BUTTON_ACTION !='REQUEST_INFO' " >
        <ion-label class="labelRadio"> {{button.BUTTON_LABEL}}</ion-label>
        <ion-radio color="secondary" mode="md"  value="{{button.BUTTON_ACTION}}" (ionSelect)="radioSelect(button)"></ion-radio>

      <!-- </div> -->
      </ion-item>  
    </div>
    </ion-radio-group>
  
  </ion-list>


  <ion-footer>
      <ion-row class="rowBtn">
            <ion-button style="width:200px !important"  class="confirmBtn" (click)="OkBtnModal()"> {{ts.trPK('general','ok')}}
              </ion-button>
            </ion-row>
      
            <ion-row class="rowBtn">
                <ion-button style="width:200px !important"  class="cancelBtn" (click)="closeModal()"> {{ts.trPK('general','cancel')}}
                  </ion-button>
      
            </ion-row>
        </ion-footer>
  </ion-content>