<div class="card border-0">
  @if ((schemeItem|async); as schemeItem) {
    <div class="card-body">
      <fm-back-button></fm-back-button>
      <h4 i18n>Farm</h4>
      <h3>{{schemeItem.name}}</h3>
      @if (features; as features) {
        <div>
          <div class="cropfields">
            @for (feature of features; track $index) {
              <div class="row m-0 ps-3 pe-3" [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>
