
<div class="addHospital-w">
    <div class="container">
  
      <div class="row" style="margin-bottom: 30px;">
          <div class="col-12">
            <ul class="list-unstyled titileLi-w">
              <li class="headingText-w">خدمه التدريب</li>
              <li class="headingText-w">{{typeReportPage}}</li>
            </ul>
          </div>
      </div>
  
        <div class="containerContent-w">
        
          <div class="row">
            <div class="col-12 col-sm-12 col-md-4">
              <div class="form-group">
                <input type="text" placeholder="البحث برقم المركبه" class="form-control" [(ngModel)]="searchData" style="width: 80%; float:right;">
                <button class="btn btn-success" style="float:right;" (click)="onGetData()">أبحث</button>
              </div>
            </div>
          </div>
  
          <div class="row" *ngIf="showTableData" style="margin-top: 50px">
            <div class="col-12">
              <table class="table table-bordered">
                  <thead class="headBackground-w">
                    <tr>
                      <th>نوع المركيه</th>
                      <th>موديل المركبه</th>
                      <th>رقم اللوحه</th>
                      <th>الحاله</th>
                      <th>رقم الهيكل</th>
                      <th>اللون</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr *ngFor="let data of vehicleData">
                      <td>{{data.vehicle_type_name}}</td>
                      <td>{{data.vehicle_model_name}}</td>
                      <td>{{data.plate_number}}</td>
                      <td>{{data.vehicle_status == 'used' ? 'مستعمل' : 'جديد'}}</td>
                      <td>{{data.structure_number}}</td>
                      <td>{{data.color}}</td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
  
          <div class="row" *ngIf="showTableData">
            <div class="col-12">
              <button class="btn btn-success" style="float: right; margin: 10px 0;" (click)="onPrint()">طباعه</button> 
            </div>
          </div>
  
        </div>
  
  
      </div>
   </div>
    
