<ion-header class="theme_dark_bg" [ngClass]="lang=='ar' ? 'ar' : ''">
  <button class="nav_btn theme_color floatLeft" menuToggle>
    <ion-icon name="menu"></ion-icon>
  </button>
  <div class="nav_header_title floatLeft">
    {{'uploaddoc.Documents'|translate}}
  </div>
  <div class="clear"></div>
</ion-header>
<ion-content padding [ngClass]="lang=='ar' ? 'ar' : ''">
  <div class="sign_up_wrapper">
    <h4>{{'uploaddoc.Upload Docs'|translate}}</h4>
    <hr>
    <p>{{'uploaddoc.Please upload your documents to get'|translate}}<br>
      {{'uploaddoc.Approved'|translate}}</p>
    <div class="upload_doc_list">
      <ion-list radio-group>
        <ion-item *ngFor="let doc of docs; let i = index;">
            <ion-radio value={{i}} (click)="uploadDoc(doc)">
            </ion-radio>
            <ion-label>
                <div class="upload_doc_circle">
                </div>
                <div class="upload_doc_detail">
                   {{doc.document_type}}
                </div>
                <div class="clear"></div>
            </ion-label>
        </ion-item>
      </ion-list>
    </div>
  </div>
</ion-content>
