<div class="create-prj-container">
    <form [formGroup]="createEnvironmentForm" #createEnvForm="ngForm" (ngSubmit)="createEnvironment(createEnvironmentForm.value);" [class.error]="!createEnvironmentForm.valid && createEnvironmentForm.touched">
    <div class="col-md-12 col-sm-12 no-padding">
        <div *ngIf="!prjInfo.eclipseCheLink" class="title">Create & Share Engineering Environment</div>
        <div *ngIf="prjInfo.eclipseCheLink" class="title">View Project Details</div>
    </div>
    <div class="col-md-12 col-sm-12 no-padding">
        <div class="title-desc">Create and View details</div>
    </div>
    <div class="col-md-12 col-sm-12 no-padding prj-details-heading">
      <div class="col-md-4 col-sm-4 no-padding">
        <div class="title">USER</div>
        <div class="value">{{(prjInfo.createdBy) ? prjInfo.createdBy : prjInfo.requestedBy}}</div>
      </div>
      <div class="col-md-4 col-sm-4 no-padding">
        <div class="title">CHOSEN TEMPLATE</div>
        <div class="value template">{{prjInfo.templateName}}</div>
      </div>
      <div class="col-md-4 col-sm-3 no-padding">
        <div class="title">PROJECT NAME</div>
        <div class="value">{{prjInfo.projectName}}</div>
      </div>
    </div>

    <div class="col-md-12 col-sm-12 no-padding top-padding">
        <mat-form-field *ngIf="!prjInfo.eclipseCheLink" class="full-width">
                <input matInput id="prjURL" class="placeholder" placeholder="Enter Project URL" formControlName="prjURL" required>
        </mat-form-field>
        <div *ngIf="prjInfo.eclipseCheLink">
            <div class="e-title">PROJECT URL</div>
            <div class="e-value">{{prjInfo.eclipseCheLink}}</div>
        </div>
    </div>
    <div class="col-md-12 col-sm-12 no-padding top-padding description">
        <mat-form-field *ngIf="!prjInfo.eclipseCheLink" class="full-width" appearance="outline">
            <textarea matInput id="prjDes" formControlName="prjDes" class="full-width" placeholder="description" maxlength="500" required></textarea>
        </mat-form-field>
        <div *ngIf="prjInfo.eclipseCheLink">
            <div class="e-title">PROJECT DESCRIPTION</div>
            <div class="e-value">{{prjInfo.projectDescription}}</div>
        </div>
    </div>
    <div class="col-md-12 col-sm-12 no-padding top-padding right-align">
        <a class="btn-cancel" (click)="onCancle()">
            <span class="cancel-txt" >CANCEL</span>
        </a>
        <button  *ngIf="!prjInfo.eclipseCheLink" type="submit" class="add-btn"><span class="btn-txt">DONE</span></button>
    </div>
    </form>
</div>

   