{% block page_wishlist_overview_list_card %}
<div class="card wishlist-list-card" data-wishlist-list="true">
{% block page_wishlist_overview_list_card_body %}
<div class="card-body">
{% block page_wishlist_overview_list_card_title_wrapper %}
<div class="card-title">
{% block page_wishlist_overview_list_card_title_content %}
{% block page_wishlist_overview_list_card_title_text %}
{{ 'coe-wishlist.overview.titleListing'|trans }}
{% endblock %}
{% block page_wishlist_overview_list_card_title_actions_wrapper %}
{% if not page.publicAccess %}
<span class="float-right">
{% block page_wishlist_overview_list_card_title_actions_content %}
{% block page_wishlist_overview_list_card_title_action_add %}
<span class="wishlist-action-btn" data-toggle="modal" data-backdrop="static" data-url="{{ path('frontend.wishlist.modal.list')}}">
<span data-toggle="tooltip" title="{{ 'coe-wishlist.overview.tooltipAdd'|trans }}">
{% sw_icon "plus" style { 'size': 'sm' } %}
</span>
</span>
{% endblock %}
{% block page_wishlist_overview_list_card_title_action_import %}
{% if config('CoeWishlistSw6.config.enableImportExport') %}
<form method="post" action="{{ path('frontend.wishlist.import')}}" class="form-d-inline" data-wishlist-import="true">
<input type="file" class="d-none" name="importFile" />
{{ sw_csrf("frontend.wishlist.import") }}
<span class="wishlist-action-btn" data-toggle="tooltip" title="{{ 'coe-wishlist.overview.tooltipImport'|trans }}">
{% sw_icon "circle-upload" style { 'size': 'sm' } %}
</span>
</form>
{% endif %}
{% endblock %}
{% endblock %}
</span>
{% endif %}
{% endblock %}
{% endblock %}
</div>
{% endblock %}
{% block page_wishlist_overview_list_card_nav %}
<div class="nav flex-column nav-pills" id="v-pills-tab" aria-orientation="vertical">
{% block page_wishlist_overview_list_card_nav_wrapper %}
{% for list in page.lists %}
{% block page_wishlist_overview_list_card_nav_item %}
{% set active = list.id == page.activeList.id ? 'active' : '' %}
{% block page_wishlist_overview_list_card_nav_item_anchor %}
<a class="nav-link {{ active }}" href="{{ seoUrl('frontend.wishlist.page', {'listId': list.id}) }}" data-nav-list-id="{{ list.id }}">
{% block page_wishlist_overview_list_card_nav_item_visibility %}
<span class="{% if not list.public %} d-none {% endif %}" data-toggle="tooltip" title="{{ 'coe-wishlist.overview.tooltipPublic'|trans }}" {% if not page.publicAccess %} data-wishlist-visibility="public" data-wishlist-visibility-options='{"csrf" : "{{ sw_csrf('frontend.wishlist.save.list.visiblity', {"mode": "token"}) }}", "listId":"{{ list.id }}","baseUrl":"{{ path('frontend.wishlist.page') }}", "postUrl":"{{ path('frontend.wishlist.save.list.visiblity') }}"}' {% endif %}>
{% sw_icon "eye-open" style { 'size': 'sm' } %}
</span>
<span class="{% if list.public %} d-none {% endif %}" data-toggle="tooltip" title="{{ 'coe-wishlist.overview.tooltipPrivate'|trans }}" {% if not page.publicAccess %} data-wishlist-visibility="private" data-wishlist-visibility-options='{"csrf" : "{{ sw_csrf('frontend.wishlist.save.list.visiblity', {"mode": "token"}) }}", "listId":"{{ list.id }}","baseUrl":"{{ path('frontend.wishlist.page') }}", "postUrl":"{{ path('frontend.wishlist.save.list.visiblity') }}"}' {% endif %}>
{% sw_icon "eye-crossed" style { 'size': 'sm' } %}
</span>
{% endblock %}
{% block page_wishlist_overview_list_card_nav_item_name %}
<span class="list-name-text">{{list.name}}<span class="list-name-count"> ({{ list.notes.count }})</span></span>
{% endblock %}
{% block page_wishlist_overview_list_card_nav_item_rename_input %}
<span class="list-name-input d-none"><input type="text" maxlength="27" placeholder="{{list.name}}"></span>
{% endblock %}
{% block page_wishlist_overview_list_card_nav_item_actions_wrapper %}
<span class="float-right wishlist-action-buttons">
{% block page_wishlist_overview_list_card_nav_item_actions_content %}
{% block page_wishlist_overview_list_card_nav_item_action_rename %}
{% if not page.publicAccess %}
<span class="wishlist-action-btn" data-toggle="tooltip" title="{{ 'coe-wishlist.overview.tooltipRename'|trans }}" data-wishlist-rename="true" data-wishlist-rename-options='{"csrf" : "{{ sw_csrf('frontend.wishlist.save.list.name', {"mode": "token"}) }}", "listId":"{{ list.id }}", "postUrl":"{{ path('frontend.wishlist.save.list.name') }}"}'>
<span class="non-edit-mode">
{% sw_icon "ruler-pencil" style { 'size': 'sm' } %}
</span>
<span class="edit-mode d-none">
{% sw_icon "checkmark" style { 'size': 'sm', 'pack':'solid', 'color':'light' } %}
</span>
</span>
{% endif %}
{% endblock %}
{% block page_wishlist_overview_list_card_nav_item_action_delete %}
{% if not page.publicAccess %}
{% if config('CoeWishlistSw6.config.deleteListAdditionalConfirmation') %}
<span class="wishlist-action-btn"
data-toggle="modal"
data-backdrop="static"
data-url="{{ path('frontend.wishlist.modal.list.delete', { 'listId': list.id })}}"
>
<span data-toggle="tooltip" title="{{ 'coe-wishlist.overview.tooltipDeleteList'|trans }}">
{% sw_icon "trash" style { 'size': 'sm' } %}
</span>
</span>
{% else %}
<span class="wishlist-action-btn"
data-toggle="tooltip"
data-wishlist-delete="true"
data-wishlist-delete-options='{
"csrf" : "{{ sw_csrf('frontend.wishlist.delete.list', {"mode": "token"}) }}",
"id":"{{ list.id }}", "type":"list", "baseUrl":"{{ path('frontend.wishlist.page') }}",
"postUrl":"{{ path('frontend.wishlist.delete.list') }}",
"useModal": false
}'
title="{{ 'coe-wishlist.overview.tooltipDeleteList'|trans }}">
{% sw_icon "trash" style { 'size': 'sm' } %}
</span>
{% endif %}
{% endif %}
{% endblock %}
{% block page_wishlist_overview_list_card_nav_item_action_export %}
{% if config('CoeWishlistSw6.config.enableImportExport') %}
<form method="post" action="{{path('frontend.wishlist.export')}}" class="form-d-inline" data-wishlist-export="true">
<span class="wishlist-action-btn" data-toggle="tooltip" title="{{ 'coe-wishlist.overview.tooltipExport'|trans }}">{% sw_icon "circle-download" style { 'size': 'sm' } %}</span>
<input type="hidden" name="listId" value="{{ list.id }}">
{{ sw_csrf("frontend.wishlist.export") }}
</form>
{% endif %}
{% endblock %}
{% endblock %}
</span>
{% endblock %}
</a>
{% endblock %}
{% endblock %}
{% endfor %}
{% endblock %}
</div>
{% endblock %}
</div>
{% endblock %}
</div>
{% endblock %}