{% trans_default_domain 'products' %}
<div {{ attributes }}>
   {% for product in this.watchedProducts %}
      <twig:block name="content">
         <twig:ProductList:AccountItem id_product="{{ product.id }}" id_variation="{{ product.variationId }}">
            <twig:block name="custom_info">
               {% if outerScope.product.watchdogAvailability %}
                  <p>{{ 'watchdog.watch_availability'|trans([], 'products') }}</p>
               {% endif %}
               {% if outerScope.product.watchdogPrice is not empty and outerScope.product.watchdogPrice.value.positive %}
                  <p>{{ 'watchdog.watch_availability_under'|trans([], 'products') }} {{ outerScope.product.watchdogPrice|formatPrice }}</p>
               {% endif %}
            </twig:block>

            <twig:block name="delete_button">
               {% if outerScope.product.watchdogAvailability %}
                  <a href="{{ outerScope.this.removePathAvailability(outerScope.product) }}">
                     <twig:ux:icon name="icons-trash" class="c-icon"/>
                  </a>
               {% endif %}
               {% if outerScope.product.watchdogPrice is not empty and outerScope.product.watchdogPrice.value.positive %}
                  <a href="{{ outerScope.this.removePathPrice(outerScope.product) }}">
                     <twig:ux:icon name="icons-trash" class="c-icon"/>
                  </a>
               {% endif %}
            </twig:block>
         </twig:ProductList:AccountItem>
      </twig:block>
   {% endfor %}

   <twig:Pager pager="{{ this.pager }}"/>
</div>
