
<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" id="print-section" style="margin-top: 50px">
            <div class="col-12">
              <div class="row v3" style="margin: 20px" >
                  <div class="col-4 pull-right d3">
                      <span class="title"> صنف المركيه:</span>
                      <span class="result">{{ vehicleData[0].vehicle_type_name }}</span>
                  </div>
                  <div class="col-4 d3">
                      <span  class="title"> نوع المركبه:</span>
                      <span class="result">{{ vehicleData[0].vehicle_model_name }}</span>
                  </div>
                  <div class="col-4 d3">
                      <span  class="title"> رقم اللوحه:</span>
                      <span class="result">{{ vehicleData[0].plate_number }}</span>
                  </div>
              </div>
              <div class="row v3" style="margin-bottom: 30px;">
                <div class="col-4 pull-right d3">
                    <span  class="title"> الحالة:</span>
                    <span class="result">{{ vehicleData[0].vehicle_status == 'used' ? 'مستعمل' : 'جديد' }}</span>
                </div>
                  <div class="col-4 d3">
                      <span  class="title"> رقم الهيكل:</span>
                      <span class="result">{{ vehicleData[0].structure_number }}</span>
                  </div>
                  <div class="col-4 d3">
                      <span  class="title"> اللون:</span>
                      <span class="result">{{ vehicleData[0].color }}</span>
                  </div>
                </div>
                <hr>
                <h2 style="float:right; font-size: 18px; margin: 20px 10px;">تقرير الحركات</h2>
                <table class="table table-bordered" style="margin: 20px 0;">
                  <thead class="headBackground-w">
                    <tr>
                      <th>اسم الموظف</th>
                      <th>رقم الجوال</th>
                      <th>تاريخ الاستلام</th>
                      <th>تاريخ التسليم</th>
                      <th>الملاحظات</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr *ngFor="let move of vehicleData[0].movements; let i = index">
                      <td>{{move.vehicle_recipient_name}}</td>
                      <td>{{move.phone}}</td>
                      <td>{{move.vehicle_receipt_date}}</td>
                      <td>{{move.vehicle_delivery_date}}</td>
                      <td>{{ move.movement_notes }}</td>
                  </tr>
                </tbody>
              </table> 

              <!-- <h2 style="float:right; font-size: 18px; margin: 20px 10px;">تقرير الصيانه</h2> -->
              <table class="table table-bordered" *ngIf='showTableData2'>
                  <thead class="headBackground-w">
                    <tr>
                      <th>تاريخ الصيانة</th>
                      <th>تاريخ الاستلام من الصيانة</th>
                      <th>ملاحظات</th>
                      <th>اتمام الصيانة</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr *ngFor="let mainten of vehicleData[0].maintenances">
                      <td>{{mainten.start_date}}</td>
                      <td>{{mainten.delivery_date}}</td>
                      <td>{{mainten.maintenance_notes}}</td>
                      <td>{{mainten.is_maintained == '1' ? 'تم الصيانة' : mainten.is_maintained == '0' ? 'لم تنتهي' : 'not fouind'  }}</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>
    
