
<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">تقارير المركبات الموجوده</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">
              <label style="float: right;margin-right: 5px">نوع المركبه</label>
              <select class="form-control" (input)="typeVehicle($event)">
                <option>أختر نوع المركبه</option>
                <option class="form-control" *ngFor="let type of vehicle_types" name="type" [value]="type.id">{{type.name}}</option>
              </select>
            </div>
          </div>
          <div class="col-12 col-sm-12 col-md-4" *ngIf="vehicleTypeId">
            <div class="form-group">
              <label style="float: right;margin-right: 5px">نوع الموديل</label>
              <select class="form-control" (input)="getReport($event)">
                <option>أختر نوع الموديل</option>
                <option value="all"> الكل</option>
                <option class="form-control" *ngFor="let model of vehicle_models" name="model" [value]="model.id">{{model.name}}</option>
              </select>
            </div>
          </div>
          <div class="col-12 col-sm-12 col-md-4" *ngIf="vehicleModelId">
            <div class="form-group">
              <label style="float: right;margin-right: 5px">الحاله</label>
              <select class="form-control" (input)="getFillter($event)">
                <option>أختر الحاله</option>
                <option value="all"> الكل</option>
                <option value="new">جديد</option>
                <option value="used">مستعمل</option>
              </select>
            </div>
          </div>
        </div>

        <div class="row" *ngIf="showTableData">
          <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 vehiclesData">
                    <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>
  