{extends 'file:layouts/layout.tpl'}

{block 'css'}
  <link rel="stylesheet" href="{'/templates/assets/css/shipping.min.css' | version}">
{/block}

{block 'main'}
  {'@FILE chunks/heading.tpl' | chunk}

  <section class="section section_content">
    <div class="container">
      <div class="article">

        {if $_modx->resource.delivery_payment_intro?}
          <div class="content-list">
            <div class="content-list__item">
              <div class="content-list__content">
                {$_modx->resource.delivery_payment_intro | userdata}
              </div>

              {if $_modx->resource.delivery_payment_image?}
                <div class="content-list__image">
                  <img src="/{$_modx->resource.delivery_payment_image}" alt="">
                </div>
              {/if}
            </div>
          </div>
        {/if}

        {set $features = $_modx->resource.delivery_payment_features | fromJSON}

        {if $features?}
          <div class="shipping">
            <h2 class="shipping__title">Оплата и возврат товара</h2>

            <div class="features">
              {foreach $features as $item}
                <div class="features__item">
                  <div class="features__icon"><img src="/userdata/{$item.image}" alt=""></div>
                  <div class="features__text">{$item.description | nl2br}</div>
                </div>
              {/foreach}
            </div>
          </div>
        {/if}

        {$_modx->resource.content | userdata}
      </div>
    </div>
  </section>
  <!-- section-->
{/block}