{% extends "page/titled/default.html.twig" %}

{% block body %}
    <div class="col-12">
        <div class="body">
            <div class="body-content">
                {{- _page.content.value|murph_url|file_attributes|markdown('post') -}}
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-12 cards">
            <div class="row">
                {% for mesh in pager %}
                    <div class="col-4 card-wrapper">
                        <div class="card">
                            <div class="card-preview">
                                <img src="{{ asset(mesh.preview)|imagine_filter('mesh_preview_filter') }}" alt="{{ mesh.label }}">
                            </div>
                            <h2 class="card-title">{{ mesh.label }}</h2>
                            <div class="card-description">
                                {{ mesh.description|murph_url|file_attributes|markdown('post') }}

                                {% for key, item in mesh.files %}
                                    <div class="card-file">
                                        <ul class="list--inline">
                                            <li>
                                                <span class="button small alt">
                                                    {{ item.name }}
                                                </span>
                                            </li>
                                            <li>
                                                <a class="button small mesh-viewer" data-modal href="{{ path('mesh_viewer', {stlMesh: mesh.id, key: key + 1}) }}">
                                                    Voir en 3D
                                                </a>
                                            </li>
                                            <li>
                                                <a class="button small" target="_blank" href="{{ path('mesh_download', {stlMesh: mesh.id, key: key + 1}) }}">
                                                    Télécharger
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                {% endfor %}
                            </div>
                        </div>
                    </div>
                {% endfor %}
            </div>
        </div>
    </div>

    {% if pager.getPaginationData.pageCount > 1 %}
        <div class="col-12">
            <div class="body">
                <div class="pager align-right">
                    {% block pager %}
                        {{ include('module/_pager.html.twig', {
                            route: _node.routeName,
                            routeParams: {},
                            pages: pager.paginationData.pageCount,
                            currentPage: pager.paginationData.current
                        }) }}
                    {% endblock %}
                </div>
            </div>
        </div>
    {% endif %}
{% endblock %}