{% extends 'layout_page.twig' %}

{% block title %}GitList{% endblock %}

{% block content %}
    {% embed 'breadcrumb.twig' with {breadcrumbs: breadcrumbs} %}
        {% block extra %}
            <a href="{{ path('rss', {repo: repo, branch: branch}) }}"><i class="rss pull-right"></i></a>
        {% endblock %}
    {% endembed %}

    <table class="tree">
        <thead>
            <tr>
                <th width="80%">name</th>
                <th width="10%">mode</th>
                <th width="10%">size</th>
            </tr>
        </thead>
        <tbody>
            {% if parent is not empty %}
            <tr>
                <td><i class="icon-spaced"></i> <a href="{{ path('tree_dir', {repo: repo, branch: branch, tree: parent}) }}">..</a></td>
                <td></td>
                <td></td>
            </tr>
            {% endif %}
            {% for file in files %}
            <tr>
                <td><i class="{{ file.type == "folder" or file.type == "symlink" ? "icon-folder-open" : "icon-file" }} icon-spaced"></i> <a href="
                    {%- if file.type == "folder" or file.type == "symlink" %}
                        {{ path('tree_dir', {repo: repo, branch: branch, tree: path ~ (file.type == "symlink" ? file.path : file.name)}) }}
                    {% else %}
                        {{ path('blob', {repo: repo, branch: branch, file: path ~ (file.type == "symlink" ? file.path : file.name)}) }}
                    {% endif -%}
                ">{{ file.name }}</a></td>
                <td>{{ file.mode }}</td>
                <td>{% if file.size %}{{ (file.size / 1024) | number_format }} kb{% endif %}</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
    {% if readme is not empty %}
        <div class="readme-view">
            <div class="readme-header">
                <div class="meta">{{ readme.filename }}</div>
            </div>
            <div id="readme-content">{{ readme.content }}</div>
        </div>
    {% endif %}
{% endblock %}