{% extends "base.twig" %}

{% block content %}

<div class="article ie-margin">
    <div class="container container--narrow">
        <div class="article__container">

            <div class="article__cover">
                <img src="{{ post.thumbnail.src('19x10_large') }}" alt="{{ post.thumbnail.alt }}" />
            </div>



            <div class="article__main">
                <div class="article__header">
                    <h1 class="article__title">{{post.title}}</h1>

                </div>


                <div class="article__text">
                    {{post.content}}
                </div>


            <ul class="articles__files">

            
             {% for file in files %}
                <li>
                <a target="_blank" href="{{file["file_url"]}}">

                            <img class="articles__files__doc-icon" src="{{ theme.link }}/frontend/img/document-icon.svg" />
                            <h5 class="articles__files__title"> {{file["file_name"]}} </h5>
                            <img class="articles__files__download-icon" src="{{ theme.link }}/frontend/img/download-icon.svg" />
            
                    </a>                 
                </li>
                  {% endfor %}
            </ul>
            </div>


        </div>

      
        </div>

    </div>
</div>

{% endblock %}