<div class="container">

    <div class="row">
      <div class="col-12">
          <ul class="list-unstyled titileLi-w">
            <li class="headingText-w" style="cursor: pointer;" (click)="authSer.perviousLocation()">خدمه التدريب</li>
            <li class="headingText-w activeLi-w" style="margin-right:5px">طلباتي</li>
          </ul>
      </div>
    </div>

    <div class="containerContent-w" style="text-align: center;">
      
      <div class="col-12 "  *ngIf="requests.length == 0 " >
        <h2 class="title">لا يوجد بيانات لعرضها </h2>
      </div>

        <table class="table table-bordered" *ngIf="requests.length != 0 " >
          <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 requests; let i = index " style="text-align:center">
              <td>
                {{data.status == 'pending' ? 'تحت الإجراء' 
              : data.status == 'accepted' ? 'مقبول' 
              : data.status == 'replayed_opinion' ? 'رأي القسم'
              : data.status == 'refused' ? 'مرفوض' 
              : data.status == 'canceled' ? 'ملغي'
              : data.status == 'asked_for_opinion' ? 'طلب رأي'
              : data.status == 'asked_for_opinion' ? 'طلب رأي' : 'لايوجد'}}
              </td>
              <td>{{data.training_period}}</td>
              <td>
                {{data.type == 'trainees' ? 'متدربين' 
                : data.type == 'fellowship' ? 'زماله' 
                : data.type == 'university_administrators' ? 'مشرفي الجامعات'
                : 'لايوجد'}}
              </td>
              <td>{{data.specialization_name}}</td>
              <td>{{data.specific_specialization}}</td>

              <td>
                <button type="button" class="btn btn-outline-secondary" (click)="onEdit(data)"><i class="fas fa-edit"></i></button>
              </td>
            </tr>
          </tbody>
      </table>
    </div>
  </div>
