<div class="card border-0">
  <div class="card-body" *ngIf="(schemeItem|async);let schemeItem">
    <fm-back-button></fm-back-button>
    <h4 i18n>Farm</h4>
    <h3>{{schemeItem.name}}</h3>
    <div *ngIf="features;let features">
        <div class="cropfields">
          <div class="row m-0 ps-3 pe-3" *ngFor="let feature of features" [ngClass]="{'selected':isFeatureSelected(feature)}" (click)="handleFeatureClick(feature)" (mouseenter)="handleFeatureMouseEnter(feature)" (mouseleave)="handleFeatureMouseLeave(feature)">
          <fm-map-feature-list-feature-container [feature]="feature"></fm-map-feature-list-feature-container>
        </div>
      </div>
    </div>
  </div>
</div>
