{% from "/shared/macros.html" import tree_ish_select with context %}
{% extends "/shared/base.html" %}
{% block title %}{{ repo_dir }}/{{ repo_name }}{% endblock %}
{% block title2 %}Tree{% endblock %}
{% block header_one %}<a href="{{ url_for('directory.repo_list', directory=repo_dir) }}">{{ repo_dir }}</a> / <a
    href="{{ url_for('.repo_view', repo_dir=repo_dir, repo_name=repo_name) }}">{{ repo_name }}</a>{%
endblock %}
{% block main %}
<div class="main down">
    <div class="control-bar">
        {{ tree_ish_select('.get_repo_blob_file', 'tree-ish-select', "Branch/Tree", head, curr_tree_ish, branches, tags,
        file_path=tree_path) }}
        <nav aria-label="repo breadcrumb navigation">
            <ol class="breadcrumb">
                <li>
                    <a href="{{ url_for('.repo_view', repo_dir=repo_dir, repo_name=repo_name) }}">{{ repo_name }}</a>
                </li>
                {% for component in split_path %}
                {% if component.is_end %}
                <li class="active" aria-current="page">{{ component.name }}</li>
                {% else %}
                <li>
                    <a
                        href="{{ url_for('.get_repo_tree', repo_dir=repo_dir, repo_name=repo_name, tree_ish=curr_tree_ish, tree_path=component.full_path) }}">{{
                        component.name }}</a>
                </li>
                {% endif %}
                {% endfor %}
            </ol>
        </nav>
    </div>
    <div class="down panel">
        {% if content_type == "TEXT" %}
        <pre id="rendered-text"><code>{{ content|safe }}</code></pre>
        {% elif content_type == "HTML" %}
        <div id="rendered-text">{{ content|safe }}</div>
        {% elif content_type == "IMAGE" %}
        <img style="max-width: 30%;margin: auto;" src="{{ content }}" alt="blob image preview">
        {% else %}
        <span style="text-align: center;">
            <p>Preview not available for this file type, preview not available</p>
            <a
                href="{{ url_for('.get_repo_raw_file', repo_dir=repo_dir, repo_name=repo_name, tree_ish=curr_tree_ish, file_path=tree_path) }}">View
                Raw</a>

        </span>
        {% endif %}
    </div>
</div>
{% endblock %}