<div class="row mt-4">
    <div class="col-12">
        <app-overview
            [datasetSearchMetaIsLoaded]="datasetSearchMetaIsLoaded | async"
            [coneSearch]="coneSearch | async"
            [projectList]="projectList | async"
            [datasetList]="datasetList | async"
            [selectedDatasets]="selectedDatasets | async"
            [queryParams]="queryParams | async"
            [datasetsCountIsLoaded]="datasetsCountIsLoaded | async"
            [datasetsCount]="datasetsCount | async"
            (getDatasetCount)="getDatasetsCount()">
        </app-overview>
        <app-datasets-result
            [datasetsCountIsLoaded]="datasetsCountIsLoaded | async"
            [projectList]="projectList | async"
            [datasetList]="datasetList | async"
            [selectedDatasets]="selectedDatasets | async"
            [datasetsCount]="datasetsCount | async"
            (retrieveMeta)="retrieveMeta($event)">
        </app-datasets-result>
    </div>
</div>
<div *ngIf="(datasetSearchMetaIsLoaded | async) && (datasetsCountIsLoaded | async)" class="row mt-5 justify-content-between">
    <div class="col">
        <a routerLink="/search-multiple/datasets" [queryParams]="queryParams | async"
            class="btn btn-outline-secondary">
            <span class="fas fa-arrow-left"></span> Previous
        </a>
    </div>
</div>