{#**
 * Copyright since 2007 PrestaShop SA and Contributors
 * PrestaShop is an International Registered Trademark & Property of PrestaShop SA
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Open Software License (OSL 3.0)
 * that is bundled with this package in the file LICENSE.md.
 * It is also available through the world-wide-web at this URL:
 * https://opensource.org/licenses/OSL-3.0
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@prestashop.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade PrestaShop to newer
 * versions in the future. If you wish to customize PrestaShop for your
 * needs please refer to https://devdocs.prestashop.com/ for more information.
 *
 * @author    PrestaShop SA and Contributors <contact@prestashop.com>
 * @copyright Since 2007 PrestaShop SA and Contributors
 * @license   https://opensource.org/licenses/OSL-3.0 Open Software License (OSL 3.0)
 *#}

{% if not isShowcaseCardClosed %}
  <div id="categoriesShowcaseCard" class="helper-card card">
    <div class="helper-card__left helper-card__category shape-one">
      <img src="{{ asset('themes/new-theme/public/helper-card/category@3x.png') }}" class="img-fluid img-rtl">
    </div>
    <div class="helper-card__right">
      <h2>{{ 'Set categories'|trans({}, 'Admin.Catalog.Feature') }}</h2>
      <p>{{ 'Categories are essential, as they enable you to group equivalent products. This helps customers find their way through the variety of your catalog.'|trans({}, 'Admin.Catalog.Feature') }}</p>
      <a class="btn btn-outline-secondary"
         href="{{ documentation_link('category') }}"
         target="_blank"
      >
        {{ 'Learn more'|trans({}, 'Admin.Actions') }}
      </a>
    </div>
    <i class="showcase-card__close material-icons js-remove-helper-block"
       data-card-name="{{ showcaseCardName }}"
       data-close-url="{{ path('admin_close_showcase_card') }}"
    >
      close
    </i>
  </div>
{% endif %}
