<div class="container">
    <div class="row">
        <div class="col-12">
            <h2 class="border-bottom">{{'item.edit.head' | translate}}</h2>
            <div class="pt-2">
                <ul class="nav nav-tabs justify-content-start">
                    <li *ngFor="let page of pages" class="nav-item">
                        <a class="nav-link"
                           [ngClass]="{'active' : page === currentPage}"
                           [routerLink]="['./' + page]">
                            {{'item.edit.tabs.' + page + '.head' | translate}}
                        </a>
                    </li>
                </ul>
                <div class="tab-pane active">
                    <div class="mb-4">
                        <router-outlet></router-outlet>
                    </div>
                    <a [routerLink]="getItemPage((itemRD$ | async)?.payload)" class="btn btn-outline-secondary">Cancel</a>
                </div>
            </div>
        </div>
    </div>
</div>
