#if($context.isInternational)

  #if($context.hasMarkets)
    <div class="lp-where-to-buy">
      <h1 class="lp-where-to-buy__heading" aria-hidden="true">$!context.pageName</h1><!--! .lp-where-to-buy__heading -->

      <h2 class="lp-where-to-buy__retailers-heading subheading">$!viewHelpers.callMethod($viewHelpers, 't', 'purchaseOnline.retailersHeading')</h2><!--! .lp-where-to-buy__retailers-heading -->

      #foreach($market in $context.markets)
        <h3 class="lp-where-to-buy__market-heading subsubheading">$!market.name</h3>
      
        <ul class="lp-where-to-buy__retailers">
          #foreach($retailer in $market.retailers)
            <li class="lp-where-to-buy__retailer">
              <a class="lp-where-to-buy__retailer__link" href="$!retailer.url" target="_blank">
                #if( "$!retailer.logo.url" != "" )
                  <img class="lp-where-to-buy__retailer__logo" src="$!retailer.logo.url" alt="" width="$!retailer.logo.width" height="$!retailer.logo.height" />
                #end

                <span class="lp-where-to-buy__retailer__name">$!retailer.name</span><!--! .lp-where-to-buy__retailer__name -->
              </a><!--! .lp-where-to-buy__retailer__link -->
            </li><!--! .lp-where-to-buy__retailer -->
          #end
        </ul><!--! .lp-where-to-buy__retailers -->
      #end
    </div><!--! .lp-where-to-buy -->
  #end

#else

  #if($context.hasRetailers)
    <div class="lp-where-to-buy">
      <h1 class="lp-where-to-buy__heading" aria-hidden="true">$!context.pageName</h1><!--! .lp-where-to-buy__heading -->

      <h2 class="lp-where-to-buy__retailers-heading subheading">$!viewHelpers.callMethod($viewHelpers, 't', 'purchaseOnline.retailersHeading')</h2><!--! .lp-where-to-buy__retailers-heading -->

      <ul class="lp-where-to-buy__retailers">
        #foreach($retailer in $context.retailers)
          <li class="lp-where-to-buy__retailer">
            <a class="lp-where-to-buy__retailer__link tormek-link-to-buy" href="$!retailer.url" target="_blank">
              #if( "$!retailer.logo.url" != "" )
                <img class="lp-where-to-buy__retailer__logo" src="$!retailer.logo.url" alt="" width="$!retailer.logo.width" height="$!retailer.logo.height" />
              #end

              <span class="lp-where-to-buy__retailer__name">$!retailer.name</span><!--! .lp-where-to-buy__retailer__name -->
            </a><!--! .lp-where-to-buy__retailer__link -->
          </li><!--! .lp-where-to-buy__retailer -->
        #end
      </ul><!--! .lp-where-to-buy__retailers -->
    </div><!--! .lp-where-to-buy -->
  #end

#end
