{% layout 'layout.liquid' %}

{% block app_header %}
    <div class="bar">
        <div class="bar__start">
            <div class="meta m-top-3 m-bottom-3">
                <div class="meta__title m-bottom-2">
                    Urban Filehub
                </div>
                <div class="breadcrumb">
                    <ul>
                        <li><a href="/">home</a></li>
                        <li><h1 class="h5 m-bottom-0">{{ data.name }}</h1></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
{% endblock %}

{% block app_main %}
<div class="container-full">
    {% if data.description %}
    <div class="grid">
        <div class="col-12">
            <div class="panel">
                <div class="panel__body">
                    <div class="content last-child-margin-0">
                        <p>
                            {{ data.description }}
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    {% endif %}

    <div class="grid">
        <div class="col-12">
            <app-file-index hub-id="{{ data._id }}"></app-file-index>
        </div>
    </div>
</div>
{% endblock %}

{% block script %}
<script async src="/js/hub.js"></script>
{% endblock %}