<div class="detail-content">
  <div *ngIf="details; else showCommentsPage">
    <div class="left-panel">
      <div class="status-bar">
        <div *ngIf="selectedViewPrj.status != 'REPO_CREATED'" class="inprogress">
            <p matLine class="status-txt">Environment Setup in progress</p>
            <p matLine class="status-hint">We are setting up your engineering environment. You will soon receives an update here.</p>
        </div>
        <div *ngIf="selectedViewPrj.status == 'REPO_CREATED'" class="completed">
          <p class="success-img">
              <mat-icon class="icon">done</mat-icon>
          </p>
          <span class="success-msg">
            <p matLine class="status-txt">Environment Setup has been completed</p>
            <p matLine class="status-hint">Start coding in your own space</p>
          </span>
          </div>
      </div>
      <div class="list">
        <div class="full-width">
          <p matLine class="title-hint">TECH STACK</p>
          <p matLine class="hint-value">{{selectedViewPrj.techstack}}</p>
        </div>
        <div class="full-width">
          <p matLine class="title-hint">APPLICATION INTERFACES</p>
          <p matLine class="hint-value"><span *ngFor="let interface of selectedViewPrj.interfaceId; index as i">{{interface.interfaceType}}<span *ngIf="selectedViewPrj.interfaceId?.length-1 > i">, &nbsp;</span></span></p>
        </div>
        <div class="full-width">
          <p matLine *ngIf="selectedViewPrj.userDetails?.length > 0" class="title-hint">GIT CREDENTAILS</p>
          <p matLine class="hint-value" >{{selectedViewPrj.userDetails?.length > 0 ? selectedViewPrj.userDetails[0].gitUsername: ''}}</p>
        </div>
      </div>
      <div class="list" >
        <div class="full-width">
          <p matLine class="title-hint">PROJECT DESCRIPTION</p>
          <p class="hint-value">{{selectedViewPrj.description}}</p>
        </div>
       <div class="full-width">
          <p matLine *ngIf="selectedViewPrj.status == 'REPO_CREATED'" class="title-hint">ENVIRONMENT URL</p>
          <p matLine *ngIf="selectedViewPrj.status == 'REPO_CREATED'" class="hint-value"><a href="{{selectedViewPrj.projectUrl}}" target="_blank" class="prj-url">{{selectedViewPrj.projectUrl}}</a></p>
       </div>
       <div class="full-width">
          <p matLine *ngIf="selectedViewPrj.appAccessUrl != null" class="title-hint">APP ACCESS URL</p>
          <p matLine *ngIf="selectedViewPrj.appAccessUrl != null" class="hint-value"><a href="{{selectedViewPrj.appAccessUrl}}" target="_blank" class="prj-url">{{selectedViewPrj.appAccessUrl}}</a></p>
       </div>
      </div>
    </div>
  <!-- <div class="right-panel">
      <div class="request-list">
          <div class="header">JOIN REQUESTS</div>
          <div class="list">
          <app-employee-project-member-list></app-employee-project-member-list>
          </div>
      </div>
    <div class="line"></div>
    <div class="memeber-list">
        <div>
          <span class="header">MEMBERS</span>
          <span><button class="btn btn-md add-btn"><span class="plus-btn"><mat-icon>send</mat-icon></span><span class="btn-txt">Invite</span></button></span>
        </div>
        <div class="list">
        <app-employee-project-member-list></app-employee-project-member-list>
        </div>
    </div>
  </div> -->
</div>