<ion-header class="theme_dark_bg">
  <button class="nav_btn theme_color floatLeft" menuToggle>
    <ion-icon name="menu"></ion-icon>
  </button>
  <div class="nav_header_title floatLeft">
    Documents
  </div>
  <div class="clear"></div>
</ion-header>
<ion-content padding>
  <div class="sign_up_wrapper">
    <h4>Upload Docs</h4>
    <hr>
    <p>Please upload your documents to get<br>
      Approved</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-item>
            <ion-radio value="2">
            </ion-radio>
            <ion-label>
              <div class="upload_doc_circle">
              </div>
              <div class="upload_doc_detail">
                Police Clearance Certificate
              </div>
              <div class="clear"></div>
            </ion-label>
        </ion-item>
        <ion-item>
            <ion-radio value="3">
            </ion-radio>
            <ion-label>
              <div class="upload_doc_circle">
              </div>
              <div class="upload_doc_detail">
                  Fitness Certificate
              </div>
              <div class="clear"></div>
            </ion-label>
        </ion-item>
        <ion-item>
            <ion-radio value="4">
            </ion-radio>
            <ion-label>
              <div class="upload_doc_circle">
              </div>
              <div class="upload_doc_detail">
                  Vehicle Registration
              </div>
              <div class="clear"></div>
            </ion-label>
        </ion-item>
        <ion-item>
            <ion-radio value="5">
            </ion-radio>
            <ion-label>
              <div class="upload_doc_circle">
              </div>
              <div class="upload_doc_detail">
                  Vehicle Permit
              </div>
              <div class="clear"></div>
            </ion-label>
        </ion-item>
        <ion-item>
            <ion-radio value="6">
            </ion-radio>
            <ion-label>
              <div class="upload_doc_circle">
              </div>
              <div class="upload_doc_detail">
                  Commercial Insurance
              </div>
              <div class="clear"></div>
            </ion-label>
        </ion-item>
        <ion-item>
            <ion-radio value="7">
            </ion-radio>
            <ion-label>
              <div class="upload_doc_circle">
              </div>
              <div class="upload_doc_detail">
                  Tax Receipt
              </div>
              <div class="clear"></div>
            </ion-label>
        </ion-item> -->
      </ion-list>
    </div>
  </div>
</ion-content>
<!-- <ion-footer padding>
  <button ion-button class="btn_primary" (click)="docupdate()">CONTINUE</button>
</ion-footer> -->