{% extends '@SyliusShop/layout.html.twig' %}
{% import '@SyliusUi/Macro/messages.html.twig' as messages %}
{% block content %}
{% if sylius.channel is not null %}
{% set wishlists = findAllByAnonymousAndChannel(sylius.channel) %}
{% else %}
{% set wishlists = findAllByAnonymous() %}
{% endif %}
<div class="wishlist-header">
<h1 class="ui header">
<span class="material-symbols-outlined header-icon">bookmark</span>
<div class="content bb-wishlist-header text-3xl font-bold">
{{ wishlist.name }}
</div>
</h1>
{% if wishlist.wishlistProducts.count > 0 %}
<div class="middle aligned column">
<a href="{{ path('bitbag_sylius_wishlist_plugin_shop_locale_wishlist_clean', {'wishlistId': wishlist.id}) }}" class="bitbag-clean-wishlist hyfindr btn btn--secondary">
{{ 'bitbag_sylius_wishlist_plugin.ui.clear_list'|trans }}
</a>
</div>
{% endif %}
</div>
{% if wishlists|length > 1 %}
{% else %}
<div class="wishlist-buttons-row">
<button id="create_new_wishlist_button" class="ui hyfindr btn btn--primary" data-hyfindr-wishlist-add="add-another-wishlist" data-bb-wishlist-add-url="{{ path('bitbag_sylius_wishlist_plugin_shop_locale_wishlist_create_new_wishlist') }}">
{{ 'bitbag_sylius_wishlist_plugin.ui.add_another_wishlist'|trans }}
</button>
<input type="hidden" data-bb-csrf="{{ csrf_token('some-name') }}"/>
</div>
{% endif %}
<div class="ui hidden divider"></div>
{% if wishlist.wishlistProducts.count > 0 %}
{{ form_start(form, { attr: { class: 'bb-wishlist ui form', id: "wishlist_form" } }) }}
<div class="ui segment" id="wishlist">
<div class="bb-wishlist-item">
<div class="bb-wishlist-item-select">
<input type="checkbox" id="toggle-checkboxes" class="bb-wishlist-item-select-checkbox">
</div>
<div class="bb-wishlist-item-image">
{{ 'sylius.ui.product'|trans }}
</div>
<div class="bb-wishlist-item-price">
{{ 'sylius.ui.price'|trans }}
</div>
<div class="bb-wishlist-item-quantity">
{{ 'sylius.ui.quantity'|trans }}
</div>
<div class="bb-wishlist-item-actions">
{{ 'sylius.ui.actions'|trans }}
</div>
</div>
{% for itemForm in form.items %}
{% include "@BitBagSyliusWishlistPlugin/WishlistDetails/_item.html.twig" %}
<input type="hidden" name="wishlist_collection[items][{{ loop.index - 1 }}][variant]" value="{{ itemForm.vars.data.wishlistProduct.variant.id }}"/>
{% endfor %}
<div class="bb-wishlist-actions">
{% include "@BitBagSyliusWishlistPlugin/WishlistDetails/_collectiveActions.html.twig" %}
{% include "@BitBagSyliusWishlistPlugin/WishlistDetails/_globalActions.html.twig" %}
</div>
<input type="hidden" data-bb-csrf="{{ csrf_token('some-name') }}"/>
</div>
{{ form_row(form._token) }}
{{ form_end(form, {'render_rest': false} ) }}
{% else %}
<div class="ui one column stackable grid">
<div class="column">
{{ messages.info('bitbag_sylius_wishlist_plugin.ui.your_wishlist_is_empty'|trans) }}
</div>
{# <a href="{{ path('bitbag_sylius_wishlist_plugin_shop_locale_wishlist_import_from_csv') }}">
<button type="button" class="ui secondary button bb-wishlist-actions-import-button" {{ sylius_test_html_attribute('wishlist-import-from-csv') }}>
<i class="cart icon"></i>
{{ 'bitbag_sylius_wishlist_plugin.ui.import_from_csv'|trans }}
</button>
</a> #}
</div>
{% endif %}
{% endblock %}