<div class="mb-3" *transloco="let t;prefix:'reviews'">
  <app-carousel-reel [items]="userReviews()" [alwaysShow]="true" [title]="t('user-reviews-local')"
                     iconClasses="fa-solid fa-{{myReviews().length > 0 ? 'pen' : 'plus'}}"
                     [clickableTitle]=true (sectionClick)="openReviewModal()">
    <ng-template #carouselItem let-item let-position="idx">
      <app-review-card [review]="item" (refresh)="updateOrDeleteReview($event)" />
    </ng-template>
  </app-carousel-reel>
</div>

<div class="mb-3" *transloco="let t;prefix:'reviews'">
  <app-carousel-reel [items]="plusReviews()" [alwaysShow]="false" [title]="t('user-reviews-plus')">
    <ng-template #carouselItem let-item let-position="idx">
      <app-review-card [review]="item" />
    </ng-template>
  </app-carousel-reel>
</div>
