{% extends '@SyliusShop/layout.html.twig' %}
{% import '@SyliusUi/Macro/messages.html.twig' as messages %}
{% block content %}
<div class="ui hidden divider"></div>
<div class="ui two column stackable grid">
<div class="column">
<h1 class="ui header">
<div class="content">
{{ 'bitbag_sylius_wishlist_plugin.ui.your_wishlists'|trans }}
</div>
</h1>
</div>
<div class="middle aligned column">
<button id="create_new_wishlist_button" class="ui right floated button hyfindr btn btn--primary font-normal" 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>
</div>
<div class="ui hidden divider"></div>
<div class="bb-wishlist-list">
{% for wishlist in wishlists %}
<article class="ui header bb-wishlist-list-wraper">
<span class="material-symbols-outlined">bookmark</span>
<div class="bb-wishlist-list-wraper-content">
<div class="bb-wishlist-list-wraper-content-name">
<a
href="{{ path('bitbag_sylius_wishlist_plugin_shop_locale_wishlist_show_chosen_wishlist', {'wishlistId': wishlist.id}) }}"
{{ sylius_test_html_attribute('wishlist-wishlist') }}
data-wishlist-name="{{ wishlist.name }}"
>
{{ wishlist.name == null ? 'bitbag_sylius_wishlist_plugin.ui.wishlist'|trans : wishlist.name|trans }}
</a>
</div>
<div class="middle aligned column bb-wishlist-list-wraper-content-buttons">
{% if wishlist.shopuser is null and app.user is not null %}
<a
href="{{ path('bitbag_sylius_wishlist_plugin_shop_locale_wishlist_add_wishlist_to_user', {'id': wishlist.id}) }}"
id="wishlist-add-to-user-button-{{ wishlist.name }}" class="ui icon button default"
data-wishlist-name="{{ wishlist.name }}"
>
{{ 'bitbag_sylius_wishlist_plugin.ui.wishlist_save'|trans }}
</a>
{% endif %}
<button
id="wishlist-delete-button-{{ wishlist.name }}" class="ui icon button default"
{{ sylius_test_html_attribute('wishlist-wishlist-remove') }}
data-wishlist-name="{{ wishlist.name }}"
data-hyfindr-wishlist-remove-id="{{ wishlist.id }}"
>
<i class="icon remove"></i>
</button>
<button
id="wishlist-edit-button-{{ wishlist.name }}" class="ui icon button default"
{{ sylius_test_html_attribute('wishlist-wishlist-edit') }}
data-wishlist-name="{{ wishlist.name }}"
data-hyfindr-wishlist-edit-id="{{ wishlist.id }}"
>
<i class="icon edit"></i>
</button>
</div>
</div>
</article>
{% endfor %}
</div>
<input type="hidden" name="_csrf_shop_security_token" value="">
{% endblock %}