{% extends 'layout.html.twig' %}

{% set breadcrumb = buildBreadcrumb([{'route': 'app_wishlist_index', 'trans': 'menu.wishlists'}], wishlist) %}

{% block title %}
    {{ renderTitle(breadcrumb)  }}
{% endblock %}

{% block breadcrumb %}
    {{ renderBreadcrumb(breadcrumb)  }}
{% endblock %}

{% block meta %}
    {% if context == 'user'  %}
        {{ include('App/_partials/_meta.html.twig', {
            'title': renderTitle(breadcrumb),
            'description': 'menu.collections_user'|trans({'%username%':  app.request.get('username')}),
            'image': wishlist.image
        }) }}
    {% else %}
        {{ parent() }}
    {% endif %}
{% endblock %}

{% block content %}
    <div class="collection-header">
        <div class="title-block">
            <div class="left">
                {% if wishlist.image != null %}
                    <img class="thumbnail avatar" src="{{ asset(wishlist.image) }}">
                {% else %}
                    <span class="thumbnail color-avatar circle avatar color-{{ wishlist.color }}">{{ wishlist.name|first|upper }}</span>
                {% endif %}
            </div>
            <div class="right">
                <h1>{{wishlist.name}}</h1>
                <ul class="nav nav-pills">
                    <li>{{ 'counter.wish'|trans({'%count%': getCounters(wishlist).items}) }}</li>
                    <li>{{ 'counter.wishlist'|trans({'%count%': getCounters(wishlist).children}) }}</li>
                </ul>
            </div>
            <div class="clearfix"></div>
        </div>

        <div></div>

        <div class="btn-holder">
            <div class="left">
                {% if context == 'default' %}
                    <a href="{{ path('app_wish_add', {wishlist: wishlist.id}) }}" class="button" title="{{ 'tooltip.add_wish'|trans }}">
                        <i class="fa fa-plus fa-fw"></i>
                    </a>
                    <a href="{{ path('app_wishlist_add', {parent: wishlist.id}) }}" class="button" title="{{ 'tooltip.add_wishlist'|trans }}">
                        <i class="fa fa-folder fa-fw"></i>
                    </a>
                    <a href="{{ path('app_wishlist_edit', {id: wishlist.id}) }}" class="button" title="{{ 'tooltip.edit'|trans }}">
                        <i class="fa fa-pencil fa-fw"></i>
                    </a>
                    <a href="#delete" class="modal-trigger button" title="{{ 'tooltip.delete'|trans }}">
                        <i class="fa fa-trash fa-fw"></i>
                    </a>

                    {% if isFeatureEnabled('history') %}
                    <a href="{{ path('app_wishlist_history', {'id': wishlist.id}) }}" class="button" title="{{ 'tooltip.history'|trans }}">
                        <i class="fa fa-history fa-fw"></i>
                    </a>
                    {% endif %}
                    <i data-target="modal-share" class="button btn-share modal-trigger fa fa-share fa-fw" title="{{ 'tooltip.share'|trans }}"></i>
                {% endif %}
            </div>
            <div class="right">
                <input class="filter-input js-filter-input" type="text" placeholder="{{ 'filter.by_name'|trans }}" />
            </div>
            <div class="clearfix"></div>
        </div>
    </div>

    <div class="content-block">
    <!-- Child collections -->
        {% if children is not empty %}
            <div class="block-element">
                <h2 class="header">{{ 'title.wishlist_children'|trans }}</h2>
                <div class="collections grid-container-collections">
                    {{ include('App/Wishlist/_list.html.twig', {'wishlists': children}) }}
                </div>
            </div>
        {% endif %}

        <!-- Wishlist's items -->
        {% if wishes is not empty %}
            <div class="block-element">
                <h2 class="header">{{ 'title.wishes'|trans }}</h2>

                <table class="centered striped">
                    <thead>
                    <tr>
                        <th>{{ 'label.image'|trans }}</th>
                        <th>{{ 'label.name'|trans }}</th>
                        <th>{{ 'label.price'|trans }}</th>
                        <th class="hide-on-small-only">{{ 'label.name'|trans }}</th>
                        {% if context == 'default' %}
                            <th>{{ 'label.actions'|trans }}</th>
                        {% endif %}
                    </tr>
                    </thead>

                    <tbody>
                    {% for wish in wishes|naturalSorting %}
                        <tr class="list-element resize-element" data-title="{{ wish.name }}">
                            <td>
                                {% if wish.image %}
                                    <a href="{{ asset(wish.image) }}" data-lightbox="image-{{ wish.id }}">
                                        <img class="wishlist-item-avatar" src="{{ asset(wish.imageSmallThumbnail) }}" aria-label="{{ 'aria.wish_thumbnail'|trans({'%name%': wish.name}) }}">
                                    </a>
                                {% else %}
                                    <img class="wishlist-item-avatar" src="{{ asset('../build/images/default.png') }}" aria-label="{{ 'aria.wish_thumbnail'|trans({'%name%': wish.name}) }}">
                                {% endif %}
                            </td>
                            <td>
                                {% if wish.url is not null %}
                                    <a href="{{ wish.url }}" target="_blank">{{ wish.name }}</a>
                                {% else %}
                                    {{wish.name}}
                                {% endif %}
                            </td>
                            <td>
                                {% if wish.price is not null %}
                                    <span>
                                            {% if wish.price is not null %}
                                                {{ wish.price }}
                                                {% if wish.currency is not null %}
                                                    &nbsp;{{ getCurrencySymbol(wish.currency) }}
                                                {% endif %}
                                            {% endif %}
                                        </span>
                                {% endif %}
                            </td>
                            <td class="hide-on-small-only">
                                {{ wish.comment }}
                            </td>
                            {% if context == 'default' %}
                                <td class="table-actions">
                                    <a href="{{ path('app_wish_transfer_to_collection', {id: wish.id}) }}" title="{{ 'tooltip.transfer_to_collection'|trans }}"><i class="fa fa-plus fa-fw"></i></a>
                                    <a href="{{ path('app_wish_edit', {id: wish.id}) }}" title="{{ 'tooltip.edit'|trans }}"><i class="fa fa-pencil fa-fw"></i></a>
                                    <a href="#delete-{{ wish.id }}" class="modal-trigger" title="{{ 'tooltip.delete'|trans }}"><i class="fa fa-trash fa-fw"></i></a>
                                </td>
                            {% endif %}
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
        {% endif %}
    </div>
{% endblock %}

{% block footer %}
    {{ renderFooter(wishlist)  }}
{% endblock %}

{% block modals %}
    {% if context == 'default' %}
        {{ include('App/_partials/_modal/_share.html.twig', {'entity': wishlist, 'route': url('app_user_wishlist_show', {id: wishlist.id, username: app.user.username})}) }}
        {{ include('App/_partials/_modal/_delete.html.twig', {'id': 'delete', 'route': url('app_wishlist_delete', {id: wishlist.id}), transKey: 'message.delete.wishlist'}) }}
        {% for wish in wishes %}
            {{ include('App/_partials/_modal/_delete.html.twig', {'id': 'delete-' ~ wish.id , 'route': url('app_wish_delete', {id: wish.id}), transKey: 'message.delete.wish'}) }}
        {% endfor %}
    {% endif %}
{% endblock %}