<div *ngIf="jrList">
    <div class="container">
        <div class="pg-title"> Job Requirement </div>
        <div *ngIf="jobRequirments?.length > 0">
            <app-jr-tiles class="col-lg-4 col-md-4 col-sm-6 col-xs-12" *ngFor="let item of jobRequirments; let i= index" [jrTilesData]="item" [jrTilesIndex]="i" (jrDeleteEvent)="deleteJobrequirement($event)" (jrEditEvent)="editJobrequirement($event)">
            </app-jr-tiles>
        </div>
        <button id="delJrConfModal" [hidden]="true" data-toggle="modal" data-target="#confirmDialog">Open Del Modal</button>
        <app-dialog [title]="dialogData.title" [text]="dialogData.text" (confirm)="confirmJrDelete($event)"></app-dialog>
        <a class="btn-text addNew_btn" (click)="addJobRequirement()">
            <img src="{{img_path + 'add.png'}}">
        </a>
    </div>
</div>

<div *ngIf="!jrList">
    <app-jr-form *ngIf="addNewJobRequirement" (closeJrForm)="formCancelled($event)"></app-jr-form>
    <app-jr-form *ngIf="!addNewJobRequirement" (closeJrForm)="formCancelled($event)" [jrEditDet]="jrEditDet"></app-jr-form>
    <!--  -->
    <!-- [boxEditDet]="sbDetEdit" -->
</div>