<div class="container-fluid " *ngIf="project">
    <div class="row justify-content-center">
      <div class="col-12 ">
        <div class="row align-items-center mb-4">
          <div class="col">
            <h2 class="h5 page-title"><small class="text-muted text-uppercase"></small></h2>
          </div>
          <div class="col-auto">
          </div>
        </div>
        <div class="row justify-content-center">
          <div class="col-12">
            <h2 class="h3 mb-4 page-title">إدارة المشروع</h2>
            <div class="row mt-5 align-items-center">
              <div class="col-md-3 text-center mb-5">
                <div class="avatar avatar-xl">
                  <img src="./assets/images/users/4.jpg" alt="..." class="avatar-img ">
                </div>
              </div>
              <div class="col">
                <div class="row align-items-center">
                  <div class="col-md-7">
                    <h4 class="mb-1">{{project.projectInfo.name}}</h4>
                    <p class="small mb-3"><span class="badge badge-dark">{{project.currentState | stateTranslate}}</span></p>
                  </div>
                </div>
                <div class="row mb-4">
                  <div class="col-md-7">
                    <p class="text-muted"> {{project.projectInfo.description}}</p>
                  </div>
                  <div class="col">
                    <p class="small mb-0 text-muted">تاريخ البدء {{project.projectInfo.startDate | date}}</p>
                    <p class="small mb-0 text-muted">تاريخ الانتهاء المتوقع {{project.projectInfo.expectedEndDate | date}}</p>
                    <p class="small mb-0 text-muted">الرمز {{project.projectInfo.code}}</p>
                  </div>
                </div>
              </div>
            </div>
            <div class="row mt-5 align-items-center">
              <div class="col">
                <div class="row mb-4">
                  <div class="col">
                    <p class="small mb-0 text-muted">التمويل  {{project.financialFund.financialStatus}} / {{project.financialFund.source}}</p>
                    <p class="small mb-0 text-muted">كتاب الطرح  {{project.proposalInfo.proposingBookDate| date}} / {{project.proposalInfo.proposingBookNumber}}</p>
                    <p class="small mb-0 text-muted">كتاب الموافقة  {{project.projectAggreement.aggreementDate | date}} / {{project.projectAggreement.aggreementNumber}}</p>
                  </div>
                  <div class="col">
                    <p class="small mb-0 text-muted">الجهة الطارحة {{project.proposer.customerName}}</p>
                    <p class="small mb-0 text-muted">مدير المشروع {{project.projectManager.personalInfo |fullname}}</p>
                    <p class="small mb-0 text-muted">رئيس فريق العمل {{project.teamLeader.personalInfo | fullname}}</p>
                  </div>
                  <div class="col">
                    <p class="small mb-0 text-muted">الجهة المنفذة {{project.executer.name}}</p>
                    <p class="small mb-0 text-muted">طبيعة النشاط {{project.projectClassification.projectNature}}</p>
                    <p class="small mb-0 text-muted">النوع {{project.projectType.typeName}}</p>
                  </div>
                
                </div>
                </div>
            
                </div>
            </div>

            
            
          </div>
          
          <hr>

          <plan-controll 
           *ngIf="project.currentState.toLocaleLowerCase()=='inplan'"
          [project]="project"
            (toProgress)="openMoveToProgressModal()"
          >

          </plan-controll>
       
          <hr>

          <track-controll
          *ngIf="project.currentState.toLocaleLowerCase()=='inprogress'"
          [project]="project"
            (complete)="openProjectComplete()"
            (replan)="openReplan()"
          >
          </track-controll>
      


          <hr>
          
          <info-controll
            [project]="project"
            (changeLeader)="openChangeTeamLeader()"
            (cancel)="openCancelComplete()"
            (changeManager)="openChangeProjectManager()"
          >

          </info-controll>

          <hr>
          <report-controll 
            [project]="project"
          >

          </report-controll>
          <hr>
          <div class="row ">
            <div *ngFor="let i of [1,2,3,4,5,6]" class="col-2 text-center">
              <img src="/assets/images/users/4.jpg" class="navbar-brand-img brand-sm mx-auto my-4" alt="...">
            </div>
          </div> <!-- /.row -->

        </div>

</div>


</div>

  