<div class="mb-4 py-3 px-4 border border-[#ddd] rounded-lg">
  <h3 class="m-0 mb-2">{{ algorithmInformation.title | translate }}</h3>

  @if(algorithmInformation.entries && algorithmInformation.entries.length > 0){
    @for (algo of algorithmInformation.entries; track algo)
    {
      <p class="my-2">
        <strong>
          @if(algo.translateName){
            {{ algo.name | translate}}
          } @else {
            {{ algo.name }}
          }
        </strong>
        {{ algo.description | translate }}
        <a href="{{algo.link}}" target="_blank" rel="noopener noreferrer">Wikipedia</a>
      </p>
    }
  }

  @if (algorithmInformation.disclaimer !== '')
  {
    <p class="my-2">
      <strong>{{ 'ALGORITHM.NOTE' | translate}}</strong> {{ algorithmInformation.disclaimer | translate}}
    </p>
    @if (algorithmInformation.disclaimerListEntry && algorithmInformation.disclaimerListEntry.length > 0)
    {
      <ul>
        @for (entry of algorithmInformation.disclaimerListEntry; track entry)
        {
          <li>{{ entry | translate}}</li>
        }
      </ul>
    }
    @if (algorithmInformation.disclaimerBottom !== '')
    {
      <p>
        {{ algorithmInformation.disclaimerBottom | translate}}
      </p>
    }
  }
</div>
