
<div class="card shadow  mb-4" style="min-height: 200px;">
    <div class="card-body text-center">
      <div class="avatar avatar-lg mt-4">
        <a href="">
          <img src="/assets/images/users/4.jpg" alt="..." class="avatar-img rounded-circle">
        </a>
      </div>
      <div class="card-text my-2">
        <strong class="card-title my-0">{{project.projectInfo.name}} </strong>
        <p class="small">{{project.projectInfo.description}}</p>
        <p class="small">ينفذ من قبل {{project.executer.name}}</p>
        <p class="small">الطور   {{project.currentState }}</p>
      
        <p class="small text-muted mb-0"> <span class="badge badge-light text-muted"> رمز المشروع {{project.projectInfo.code}} </span>, <span class="badge badge-light text-muted"> تاريخ البدء {{project.projectInfo.startDate | date}} </span></p>
      
      </div>
    </div> <!-- ./card-text -->
    <div class="card-footer">
      <div class="row align-items-center justify-content-between">
    
        <div class="col">
          <div class="file-action d-flex justify-content-around">
            <a type="button" [routerLink]="['/projects/detail',project.id]" class="btn btn-primary m-1">لوحة التحكم</a>
          </div>
          </div>
          <div class="col">
          <div  class="file-action d-flex justify-content-around">
            <a type="button" [routerLink]="['/reports/definition',project.id]"  class="btn btn-primary m-1">بطاقة المشروع</a>
          
          </div>
        </div>
      </div>
    </div> <!-- /.card-footer -->
  </div>
