{# ========================================================================= #}
{# :: Log #}
{# ========================================================================= #}
{#
  Collection of logs, by looping over the data passed by the server, we create
  collapsable logs containing information about the changes in a version.
#}

{# ========================================================================= #}
{# :: Imports #}
{# ========================================================================= #}
{% import "brandplatform/components/log.njk" as log %}

{# ========================================================================= #}
{# :: Partial #}
{# ========================================================================= #}
<section class="bp-section">
  <div class="bp-container">

    <div class="bp-container bp-container--tiny bp-container--align-left">
      <header class="bp-section__header">
        <h1 class="bp-section__title">Changelog</h1>
      </header>

      <p class="bp-section__intro">
        This log contains an overview of the different updates of this brandplatform.
        Every log is collapsable to view more information about the update.
      </p>
    </div>

    <div class="bp-section__content">
      <div class="bp-changelog">

        {% for key, value in CHANGELOG %}

          {{log.collapse("bp-changelog__item",
            {
              number: key,
              text: value.title,
              content: value.content
            }
          )}}

        {% endfor %}

      </div>
    </div>

  </div>
</section>