{% extends "base.html.twig" %}

{% block title %}
  {{ parent() }}
  {{"collocations"|trans}}
{% endblock %}

{% block body %}

<h1 class="display-1 mb-4">{{"collocations"|trans}}</h1>

<div class="row">
  <div class="col">
    {% include "searchFilter.html.twig" %}
  </div>
</div>

<div class="row">
  <div class="col-12">
    <div class="row mb-2">
      <div class="col">
        <span class="btn btn-sm btn-secondary btn-sort" data-order="asc" data-metrique="alpha"><i class="fas fa-sort-alpha-down"></i></span>
        <span class="btn btn-sm btn-secondary btn-sort" data-order="asc" data-metrique="freq">{{"frequency"|trans}} <i class="fas fa-sort"></i></span>
        <span class="btn btn-sm btn-secondary btn-sort" data-order="asc" data-metrique="loglike">{{"loglike"|trans}} <i class="fas fa-sort"></i></span>
        <span class="btn btn-sm btn-secondary btn-sort" data-order="asc" data-metrique="patron">{{"collocation_structure_colloc"|trans}} <i class="fas fa-sort"></i></span>
      </div>
    </div>

    <div class='colonnes-3' id='collocations'>
      {% for collocation in collocations %}
        {% set freq =  (collocation.nbOccurrences) ? collocation.nbOccurrences : 0 %}
        {% set loglike =  (collocation.loglike) ? collocation.loglike : 0 %}
        {% set patron =  (collocation.structureColloc) ? collocation.structureColloc|trans : null %}

        <div id="{{collocation.id}}" class="entry listecollocation"  data-freq="{{freq}}" data-loglike="{{loglike}}" data-alpha="{{collocation.value|normalize}}" data-patron="{{patron}}">
          <a class="itemColonnes valuelemma" href="{{ path("collocation_display", {'id': collocation.id}) }}">
            {{collocation.value}} <span class="display-metrique text-muted"></span>
          </a>
        </div>
      {% endfor %}
    </div>
  </div>
</div>
{% endblock %}

{% block javascripts %}
  {{ parent() }}
  <script src="{{asset("build/js/filterEntryTab.js")}}"></script>
  <script src="{{asset("build/js/sortCollocations.js")}}"></script>
{% endblock %}