scb-tender-angular/src/app/_modules/dashboard/home-upload/home-upload.component.html

<div class="container-responsive" *ngIf="secuLevel !='B'">
  <!-- <nav class="navbar navbar-expand-lg" style="padding: 16.5px;">
    <div class="container">
      <p class="navbar-brand d-flex align-items-center" href="#">
        <img src="assets/img/emblem2.jpg" alt="" class="img-fluid" style="height: 40px;">
        Thrickodithanam SCB
      </p>

      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
        aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>

      <div class="collapse navbar-collapse justify-content-end" id="navbarNav">
        <ul class="navbar-nav">
          <li class="nav-item">
            <a class="nav-link tender-link" (click)="navigateTo('dashboard')">Tender</a>
          </li>
          <li class="nav-item">
            <p class="nav-link home-link" (click)="goToHome()">Home</p>
          </li>

          <li class="nav-item">
            <p class="nav-link contact-link" (click)="goToContactUs()">Contact Us</p>
          </li>
        </ul>
      </div>

    </div>
  </nav>

  <nav class="navbar navbar-dark-responsive"
    style="background-image: url('assets/img/panel_background.jpg');padding: 50px;"> -->
    <!-- <div class="container-fluid">
        <a class="navbar-brand" (click)="navigateTo('tender-view')">
          <h6>Home / Tender</h6>
        </a>
      </div> -->

  <!-- </nav> -->
  <mat-progress-bar *ngIf="loading" mode="indeterminate" color="warn"></mat-progress-bar>
  <br>
  <div class="text-center mt-4">
    <h2 class="font-weight-bold " style="color: #5faca1;">Upload Files <i class="bi bi-cloud-upload"></i></h2>
  </div><br>

  <div class="container">
    <div class="row resp" >
      <div class="col-sm-8 offset-sm-2">
        <div class="card">
          <div class="card-body">
            <div class="form-group">
              <form  #myForm="ngForm">
               
                <mat-form-field class="input-style" appearance="outline" style="width: 100%;">
                  <mat-label class="font-weight-bold">Bid Final Amount </mat-label>
                  <input matInput placeholder="Enter Bid Amount" type="number"  [(ngModel)]="bidAmount"  [ngModelOptions]="{standalone: true}"/>
                </mat-form-field>
                
                <table id="customers">
                  <tr>
                    <th style="width:30%;text-align: center;">Description</th>
                    <th style="text-align: center;">Document</th>
                    <!-- <th>Country</th> -->
                  </tr>

                  <tr *ngFor="let cover of tenderData?.covers;let i=index">
                    <td>{{cover?.Description}}
                      <br>(uploading file should be in {{cover?.fileFormatD?.fileFormat}} format)
                    </td>
                    <td>
                <div class="form-group">
                  <!-- <label for="file1">File 1:</label> -->
                  <div class="input-group">

                    <mat-form-field class="columns" appearance="outline" style="height: 15px;margin-top: -18px;width:90%;">
                      <mat-label *ngIf="tenderData?.covers[i].file; else assetImageLabel">
                          {{tenderData?.covers[i].file}}</mat-label>
                      <ng-template #assetImageLabel>
                          <mat-label> {{ 'assetImagePath' | translate }} </mat-label>
                      </ng-template>
                      <input matInput readonly [(ngModel)]="tenderData?.covers[i].file" [ngModelOptions]="{standalone: true}">
                      
                      <button mat-icon-button matSuffix *ngIf="!this.fileSelected[i]" (click)="assetFileInput.click();">
                          <mat-icon>attach_file</mat-icon>
                      </button>

                      <button mat-icon-button matSuffix *ngIf="this.fileSelected[i]"  (click)="deleteInput(i);">
                        <mat-icon>delete</mat-icon>
                    </button>
                      <input hidden  (change)="UploadFiles($event,i)" #assetFileInput  [accept]="this.tenderData.covers[i].fileFormatD?.fileFormat" type="file" id="file1">
                  </mat-form-field>
                    <!-- <input type="file" id="file1" class="form-control"> -->
                    <!-- <button class="btn btn-outline-secondary delete-btn" (click)="deleteInput('file')" type="button">
                      <i class="bi bi-trash"></i>
                    </button> -->
                  </div>
                </div>
              </td>

              

              </tr>

              </table><br><br>

             
                  <!-- <div style="margin-bottom: 20px;">
                    <mat-checkbox [(ngModel)]="agreeToTerms" style="white-space: normal;"></mat-checkbox>&nbsp;
                      I have thoroughly read and understood all the details provided on the official website of
                      Thrickodithanam SCB related to the tendering process.
                    
                  </div>
              
                  <div>
                    <mat-checkbox [(ngModel)]="agreeToTerms" style="white-space: normal;"></mat-checkbox>&nbsp;
                    I confirm that all the information I have provided in connection with this tender is accurate, 
                    complete, and valid to the best of my knowledge.I also understand that any misrepresentation 
                    or omission of relevant information may result in the rejection of my application/participation 
                    or the termination of any subsequent contract awarded to me.
                    
                  </div>
                -->

                <!-- <div class="checkbox-container">
                  <mat-checkbox [(ngModel)]="agreeToTerms1" (change)="updateTerms($event, 1)" style="margin-right: 10px;"></mat-checkbox>
                  <div class="checkbox-text">
                    I have thoroughly read and understood all the details provided on the official website of Thrickodithanam SCB related to the tendering process.
                  </div>
                </div>
                
                <div class="checkbox-container">
                  <mat-checkbox [(ngModel)]="agreeToTerms2" (change)="updateTerms($event, 2)" style="margin-right: 10px;"></mat-checkbox>
                  <div class="checkbox-text">
                    I confirm that all the information I have provided in connection with this tender is accurate, complete, and valid to the best of my knowledge. I also understand that any misrepresentation or omission of relevant information may result in the rejection of my application/participation or the termination of any subsequent contract awarded to me.
                  </div>
                </div> -->
                <div class="container" >
                  <mat-checkbox [(ngModel)]="agreeToTerms" (change)="updateTerms($event)" style="margin-right: 10px;">
                    <div class="checkbox-text">
                      I agree to the Terms and Conditions <span style="cursor: pointer;"> </span>
                    </div>
                  </mat-checkbox>&nbsp;
                  <div class="text-center font-weight-bold" (click)="openDialog()">*View Terms and Conditions  <i class="bi bi-shield-fill-check"></i></div>
                </div>
                
                
                
              

             
               
                <button type="submit" style="margin-top: 10px;" class="btn btn-outline-dark float-right" (click)="submit()">Submit</button>
              </form>
              
              
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  
  




    <br><br>


    <footer id="footer" style="background-color: #48746e; padding: 70px 0; color: #ffffff; font-size: 16px;"
      class="py-3">
      <div class="container">
        <div class="row">
          <div class="col-md-12 text-center">
            <p class="mb-0">&copy; <span style="font-weight: bolder;font-family: sans-serif;">Thrickodithanamscb 2023.
              </span>All Rights Reserved</p>
            <p class="mb-0">Designed by <a href="https://www.simssoftware.in/" style="color: #ffffff;">SiMS</a></p>
          </div>
        </div>
      </div>
    </footer>



  </div>