<?php
/**
 * Copyright © Magento, Inc. All rights reserved.
 * See COPYING.txt for license details.
 */

// @codingStandardsIgnoreFile

/** @var \Magento\Wishlist\Block\Customer\Sidebar $block */
?>
<?php
$wishlistHelper = $this->helper('Magento\Wishlist\Helper\Data');
?>
<?php if ($wishlistHelper->isAllow()) : ?>

<li class="header-action__item" data-bind="scope: 'wishlist'">
    <div class="header-actions__button-wrapper">
        <a href="<?= $block->escapeUrl($this->helper('Magento\Wishlist\Helper\Data')->getListUrl()) ?>" class="header-actions__button">
            <i class="fas fa-star"></i>
            <div class="header-actions__button-title">
                <?php /* @escapeNotVerified */ echo __('Whishlist'); ?>
            </div>
            <div class="header-actions__button-counter" data-bind="css: { 'header-actions__button-counter__null': wishlist().items && wishlist().items.length == 0 }">
                <!-- ko if: wishlist().items -->
                    <!-- ko text: wishlist().items.length -->
                    <!-- /ko -->
                <!-- /ko -->

                <!-- ko ifnot: wishlist().items -->
                    <span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
                <!-- /ko -->
            </div>
        </a>
    </div>
</li>

<script type="text/x-magento-init">
    {
        "*": {
            "Magento_Ui/js/core/app": {
                "components": {
                    "wishlist": {
                        "component": "Magento_Wishlist/js/view/wishlist"
                    }
                }
            }
        }
    }
</script>
<?php endif ?>