{% macro recursive_file_tree(tree) %}
    {% import _self as self %}
    {% for key, value in tree %}
        {% if value is iterable %}
            <div class="padding-l-8-px cursor-default">
                <div class="padding-y-4-px">
                    {{ key }}
                </div>
                {{ self.recursive_file_tree(value) }}
            </div>
        {% else %}
            <div class="padding-y-4-px padding-l-8-px background-color-hover-night-light cursor-default">
                {{ key }}
                <div class="float-right padding-x-8-px">
                    {{ value | format_bytes }}
                </div>
            </div>
        {% endif %}
    {% endfor %}
{% endmacro %}
{% from _self import recursive_file_tree %}
{% extends 'default/layout.html.twig' %}
{% block title %}{{ 'Torrent' | trans }} #{{ torrent.id }} - {{ name }}{% endblock %}
{% block main_content %}
    <div class="padding-24-px margin-y-8-px border-radius-3-px background-color-night">
        <div class="padding-b-16-px">
            <h1>
                {{ 'Torrent'|trans }} #{{ torrent.id }}
            </h1>
            <div class="float-right ">
                <a class="margin-x-4-px" href="{{ path('torrent_download_magnet', {torrentId : torrent.id}) }}" title="{{ 'Open magnet link' | trans }}">
                    {% if torrent.download.magnet.exist %}
                        <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" fill="currentColor" viewBox="0 0 16 16">
                            <path d="M15 12h-4v3h4v-3ZM5 12H1v3h4v-3ZM0 8a8 8 0 1 1 16 0v8h-6V8a2 2 0 1 0-4 0v8H0V8Z"/>
                        </svg>
                    {% else %}
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path d="M8 1a7 7 0 0 0-7 7v3h4V8a3 3 0 0 1 6 0v3h4V8a7 7 0 0 0-7-7Zm7 11h-4v3h4v-3ZM5 12H1v3h4v-3ZM0 8a8 8 0 1 1 16 0v8h-6V8a2 2 0 1 0-4 0v8H0V8Z"/>
                        </svg>
                    {% endif %}
                </a>
                <sup class="cursor-default" title="{{ 'Total' | trans }}">
                    {{ torrent.download.magnet.total }}
                </sup>
                <a class="margin-x-4-px" href="{{ path('torrent_download_file', {torrentId : torrent.id}) }}" title="{{ 'Download torrent file' | trans }}">
                    {% if torrent.download.file.exist %}
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8.5 4.5a.5.5 0 0 0-1 0v5.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V4.5z"/>
                        </svg>
                    {% else %}
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path fill-rule="evenodd" d="M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8zm15 0A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8.5 4.5a.5.5 0 0 0-1 0v5.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V4.5z"/>
                        </svg>
                    {% endif %}
                </a>
                <sup class="cursor-default" title="{{ 'Total' | trans }}">
                    {{ torrent.download.file.total }}
                </sup>
                <a class="margin-x-4-px" href="{{ path('torrent_bookmark_toggle', {torrentId : torrent.id}) }}" title="{{ 'Bookmark' | trans }}">
                    {% if torrent.bookmark.exist %}
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.282.95l-3.522 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"/>
                        </svg>
                    {% else %}
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                            <path d="M2.866 14.85c-.078.444.36.791.746.593l4.39-2.256 4.389 2.256c.386.198.824-.149.746-.592l-.83-4.73 3.522-3.356c.33-.314.16-.888-.282-.95l-4.898-.696L8.465.792a.513.513 0 0 0-.927 0L5.354 5.12l-4.898.696c-.441.062-.612.636-.283.95l3.523 3.356-.83 4.73zm4.905-2.767-3.686 1.894.694-3.957a.565.565 0 0 0-.163-.505L1.71 6.745l4.052-.576a.525.525 0 0 0 .393-.288L8 2.223l1.847 3.658a.525.525 0 0 0 .393.288l4.052.575-2.906 2.77a.565.565 0 0 0-.163.506l.694 3.957-3.686-1.894a.503.503 0 0 0-.461 0z"/>
                        </svg>
                    {% endif %}
                </a>
                <sup class="cursor-default" title="{{ 'Total' | trans }}">
                    {{ torrent.bookmark.total }}
                </sup>
            </div>
            {#

            <a class="float-right margin-l-8-px" href="#" title="{{ 'Magnet'|trans }}">
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
                    <path d="M8 1a7 7 0 0 0-7 7v3h4V8a3 3 0 0 1 6 0v3h4V8a7 7 0 0 0-7-7Zm7 11h-4v3h4v-3ZM5 12H1v3h4v-3ZM0 8a8 8 0 1 1 16 0v8h-6V8a2 2 0 1 0-4 0v8H0V8Z"/>
                </svg>
            </a>
            #}
        </div>
        <div class="padding-y-8-px border-bottom-default text-right">
            {{ 'Common'|trans }}
        </div>
        <div class="padding-y-16-px">
            <table class="width-100">
                <tbody>
                    {% if file.name %}
                        <tr>
                            <td>
                                {{ 'Filename'|trans }}
                            </td>
                            <td>
                                {{ file.name }}
                            </td>
                        </tr>
                    {% endif %}
                    {% if file.created %}
                        <tr>
                            <td>
                                {{ 'Created'|trans }}
                            </td>
                            <td>
                                {{ file.created | format_date }}
                            </td>
                        </tr>
                    {% endif %}

                    {% if file.size %}
                        <tr>
                            <td>
                                {{ 'Size'|trans }}
                            </td>
                            <td>
                                {{ file.size | format_bytes }}
                            </td>
                        </tr>
                    {% endif %}
                    {% if file.pieces %}
                        <tr>
                            <td>
                                {{ 'Pieces'|trans }}
                            </td>
                            <td>
                                {{ file.pieces | format_number }}
                            </td>
                        </tr>
                    {% endif %}
                    {% if file.hash.v1 %}
                        <tr>
                            <td>
                                {{ 'Info hash v1'|trans }}
                            </td>
                            <td>
                                {{ file.hash.v1 }}
                            </td>
                        </tr>
                    {% endif %}
                    {% if file.hash.v2 %}
                        <tr>
                            <td>
                                {{ 'Info hash v2'|trans }}
                            </td>
                            <td>
                                {{ file.hash.v2 }}
                            </td>
                        </tr>
                    {% endif %}
                    {% if file.source %}
                        <tr>
                            <td>
                                {{ 'Source'|trans }}
                            </td>
                            <td>
                                {{ file.source }}
                            </td>
                        </tr>
                    {% endif %}
                    {% if file.software %}
                        <tr>
                            <td>
                                {{ 'Software'|trans }}
                            </td>
                            <td>
                                {{ file.software }}
                            </td>
                        </tr>
                    {% endif %}
                    {% if file.comment %}
                        <tr>
                            <td>
                                {{ 'Comment'|trans }}
                            </td>
                            <td>
                                {{ file.comment }}
                            </td>
                        </tr>
                    {% endif %}
                    <tr>
                        <td colspan="2">
                            <div class="padding-y-8-px border-bottom-default text-right">
                                 {{ 'Scrape'|trans }}
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td class="padding-t-16-px">
                            {{ 'Seeders'|trans }}
                        </td>
                        <td class="padding-t-16-px">
                            {{ torrent.scrape.seeders }}
                        </td>
                    </tr>
                    <tr>
                        <td>
                            {{ 'Peers'|trans }}
                        </td>
                        <td>
                            {{ torrent.scrape.peers }}
                        </td>
                    </tr>
                    <tr>
                        <td>
                            {{ 'Leechers'|trans }}
                        </td>
                        <td>
                            {{ torrent.scrape.leechers }}
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="padding-y-8-px border-bottom-default text-right">
            {{ 'Files'|trans }}
        </div>
        <div class="padding-y-16-px">
            {% for tree in file.tree %}
                {{ recursive_file_tree(tree) }}
            {% endfor %}
        </div>
        <div class="padding-y-8-px border-bottom-default text-right">
            {{ 'Trackers'|trans }}
        </div>
        <div class="padding-y-16-px">
            {% for tracker in trackers %}
                <div class="padding-y-4-px">
                    {{ tracker }}
                </div>
            {% endfor %}
            {% for announces in trackers %}
                {% for tracker in announces %}
                    <div class="padding-y-4-px">
                        {% if tracker not in trackers %}
                            {{ tracker }}
                            <span class="float-right" title="{{ 'Blocked'|trans }}">
                                <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" fill="currentColor" viewBox="0 0 16 16">
                                    <path d="M1.5 1.5A.5.5 0 0 1 2 1h12a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-.128.334L10 8.692V13.5a.5.5 0 0 1-.342.474l-3 1A.5.5 0 0 1 6 14.5V8.692L1.628 3.834A.5.5 0 0 1 1.5 3.5v-2z"/>
                                </svg>
                            </span>
                        {% endif %}
                    </div>
                {% endfor %}
            {% endfor %}
        </div>
        <div class="padding-y-8-px text-right">
            <a class="margin-r-4-px{#opacity-0 parent-hover-opacity-09#}" href="{{ path('torrent_locales_edit', { torrentId : torrent.id }) }}" title="{{'Edit'|trans }}">
                <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" fill="currentColor" viewBox="0 0 16 16">
                    <path d="M12.854.146a.5.5 0 0 0-.707 0L10.5 1.793 14.207 5.5l1.647-1.646a.5.5 0 0 0 0-.708l-3-3zm.646 6.061L9.793 2.5 3.293 9H3.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.207l6.5-6.5zm-7.468 7.468A.5.5 0 0 1 6 13.5V13h-.5a.5.5 0 0 1-.5-.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.5-.5V10h-.5a.499.499 0 0 1-.175-.032l-.179.178a.5.5 0 0 0-.11.168l-2 5a.5.5 0 0 0 .65.65l5-2a.5.5 0 0 0 .168-.11l.178-.178z"/>
                </svg>
            </a>
            {{ 'Locales'|trans }}
            <div class="padding-b-8-px border-bottom-default"></div>
            <div class="padding-y-16-px text-left">
                {% if torrent.locales %}
                    <div class="padding-y-4-px">
                        {% for i, locale in torrent.locales.value %}{% if i > 0 %},{% endif %} {{ locale|locale_name(locale)|u.title }}{% endfor %}
                    </div>
                {% endif %}
            </div>
        </div>
        <div class="padding-y-8-px text-right">
            <a class="margin-r-4-px{#opacity-0 parent-hover-opacity-09#}" href="{{ path('torrent_sensitive_edit', { torrentId : torrent.id }) }}" title="{{'Edit'|trans }}">
                <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" fill="currentColor" viewBox="0 0 16 16">
                    <path d="M12.854.146a.5.5 0 0 0-.707 0L10.5 1.793 14.207 5.5l1.647-1.646a.5.5 0 0 0 0-.708l-3-3zm.646 6.061L9.793 2.5 3.293 9H3.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.207l6.5-6.5zm-7.468 7.468A.5.5 0 0 1 6 13.5V13h-.5a.5.5 0 0 1-.5-.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.5-.5V10h-.5a.499.499 0 0 1-.175-.032l-.179.178a.5.5 0 0 0-.11.168l-2 5a.5.5 0 0 0 .65.65l5-2a.5.5 0 0 0 .168-.11l.178-.178z"/>
                </svg>
            </a>
            {{ 'Sensitive'|trans }}
            <div class="padding-b-8-px border-bottom-default"></div>
            <div class="padding-y-16-px text-left">
                {% if torrent.sensitive %}
                    {{ 'yes'|trans }}
                {% else %}
                    {{ 'no'|trans }}
                {% endif %}
            </div>
        </div>
        <div class="padding-y-8-px text-right">
            <a class="margin-r-4-px{#opacity-0 parent-hover-opacity-09#}" href="{{ path('torrent_locales_edit', { torrentId : torrent.id }) }}" title="{{'Edit'|trans }}">
                <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" fill="currentColor" viewBox="0 0 16 16">
                    <path d="M12.854.146a.5.5 0 0 0-.707 0L10.5 1.793 14.207 5.5l1.647-1.646a.5.5 0 0 0 0-.708l-3-3zm.646 6.061L9.793 2.5 3.293 9H3.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.5h.5a.5.5 0 0 1 .5.5v.207l6.5-6.5zm-7.468 7.468A.5.5 0 0 1 6 13.5V13h-.5a.5.5 0 0 1-.5-.5V12h-.5a.5.5 0 0 1-.5-.5V11h-.5a.5.5 0 0 1-.5-.5V10h-.5a.499.499 0 0 1-.175-.032l-.179.178a.5.5 0 0 0-.11.168l-2 5a.5.5 0 0 0 .65.65l5-2a.5.5 0 0 0 .168-.11l.178-.178z"/>
                </svg>
            </a>
            {{ 'Pages'|trans }}
            <div class="padding-b-8-px border-bottom-default"></div>
            <div class="padding-y-16-px text-left">
                {% for page in torrent.pages %}
                    <div>
                        {{ page }}
                    </div>
                {% endfor %}
                <form name="pages" method="post" action="{{ path('page_submit') }}">
                    <input type="hidden" name="torrentId" value="{{ torrent.id }}" />
                    <button type="submit" class="button-green">
                        <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" fill="currentColor" viewBox="0 0 16 16">
                            <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8.5 4.5a.5.5 0 0 0-1 0v3h-3a.5.5 0 0 0 0 1h3v3a.5.5 0 0 0 1 0v-3h3a.5.5 0 0 0 0-1h-3v-3z"/>
                        </svg>
                        {{'Add'|trans }}
                    </button>
                </form>
            </div>
        </div>
    </div>
{% endblock %}