<app-main-header></app-main-header>
<div class="section task-section">
  <div class="top-section row">
    <div class="col-sm-12">
      <h4 class="head">PRICE LIST</h4>
    </div>
    <div class="col-sm-8 col-12">
      <div class="left_card" *ngIf="loader">
        <div class="inner_load inner_edit-load">
          <svg version="1.1" id="L9" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
            x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 0 0" xml:space="preserve">
            <path fill="#28a8e0"
              d="M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50">
              <animateTransform attributeName="transform" attributeType="XML" type="rotate" dur="1s" from="0 50 50"
                to="360 50 50" repeatCount="indefinite" />
            </path>
          </svg>
          <p>Just a moment...</p>
        </div>
      </div>

      <div class="box-type task-left" *ngIf="!loader">
        
        <div class="row">
          <div class="col-sm-3">
            <p class="back" routerLink="/myenquiries">
              <img src="assets/img/arrow_blue_left.png "> BACK
            </p>
          </div>
          <div class="col-sm-9">
            <h5>Dealer Name: {{dsename}}-{{dsecityvalue}}</h5>
          </div>
        </div>
          
        <div class="select_model">
          <div class="form-group">
            <label>Select Model</label>
            <select class="form-control" [(ngModel)]="modelselected" (change)="selectmodel($event.target.value)"
              required>
              <option selected="selected" disabled="disabled" value="">--Select--</option>
              <option *ngFor="let zm of modelarr" [value]="zm.title_code">{{zm.title}}</option>
            </select>
          </div>
        </div>

        <div class="model_price">

          <div class="table-responsive">
            <table class="table">
              <thead>
                <tr>
                  <td></td>
                  <td>VARIANT</td>
                  <td>PRICE</td>
                </tr>
              </thead>
              <tbody>
                <tr *ngFor="let slist of pricedata">
                  
                  <td *ngIf="slist.model_image !=undefined && slist.model_image !=''">
                    <img src="{{slist.model_image}}" width="60" alt="Image">
                  </td>
                  <td *ngIf="slist.model_image ==undefined || slist.model_image ==''">
                    <img src="assets/img/No-image.png" width="60" alt="Image">
                  </td>
                  <td>
                    {{slist.variant}}
                  </td>
                  <td *ngIf="slist.exsh_price != undefined && slist.exsh_price != ''">
                    {{slist.exsh_price}}
                  </td>
                  <td *ngIf="slist.exsh_price == undefined || slist.exsh_price == ''">
                    Not Available
                  </td>
                </tr>
                <tr *ngIf="pricedata.length ==0">
                  <td colspan="3">
                    No data found
                  </td>
                </tr>
              </tbody>
            </table>
          </div>

        </div>
      </div>

    </div>
    <div class="col-sm-4 col-12 task-right">
      <app-taskstatus></app-taskstatus>
    </div>
  </div>
</div>