Product

{% from 'macros/slat.twig' import slat %}
{% extends '_layouts/default' %}

{% set expertise = entry.tags.all() %}

{% block header %}
  {% if entry.parent %}
    {% include '@breadcrumb' with {
      breadcrumb: {
        title: entry.parent.title,
        link: entry.parent.url
      }
    } %}
  {% endif %}

  {{
    include(
      '@training-header',
      {
        title: entry.altTitle
          ? {
            lines: entry.altTitle|split('\n')
          }
          : {
            text: entry.title
          },
        content: {
          standfirst: {
            text: entry.standfirst|markdown
          }
        },
        pricing: {
          eyebrow: entry.pricingCardEyebrow ? entry.pricingCardEyebrow,
          price: entry.pricingCardPrice ? entry.pricingCardPrice,
          moustache: entry.pricingCardMoustache ? entry.pricingCardMoustache,
          text: entry.pricingCardText ? entry.pricingCardText,
          cta: {
            text: entry.pricingCardCtaText ? entry.pricingCardCtaText,
            link: 'mailto:info@clearleft.com?subject=Enquiry: ' ~ entry.title
          }
        }
      }
    )
  }}
{% endblock %}

{% block main %}
  {% if entry.media|length > 0 %}
    {% set content %}
      <figure class="flow--s">
        {% set block = entry.media[0] %}
        {% if block.type == 'video' %}
          {% set video = block.video.one() %}
          {% set poster = block.videoPoster.one() ?? null %}
          {% if video %}
            <div style="position: relative; height: 0; padding-bottom: 56.25%;">
              <video style="position: absolute; height: 100%; width: 100%; left: 0; top: 0;" controls playsinline type="video/mp4" src="{{ video ? video.url }}" poster="{{ poster ? poster.url }}" />
            </div>
          {% endif %}
        {% else %}
          {% set image = block.image.one() %}
          {% if image %}
            {% include '@srcset' with {
              imageList: [
                {
                  src: image ? image.getUrl('splash300'),
                  size: '300w'
                },
                {
                  src: image ? image.getUrl('splash600'),
                  size: '600w'
                },
                {
                  src: image ? image.getUrl('splash1000'),
                  size: '1000w'
                },
                {
                  src: image ? image.getUrl('splash1500'),
                  size: '1500w'
                },
                {
                  src: image ? image.getUrl('splash2000'),
                  size: '2000w'
                }
              ],
              alt: image.altText ? : image.title
            } only %}
          {% endif %}
        {% endif %}
        {% if block.caption|length %}
          <figcaption class="caption">{{ block.caption }}</figcaption>
        {% endif %}
      </figure>
    {% endset %}

    {{ slat(content, false) }}
  {% endif %}

  {% include '_cms-slats/page-builder' with {
    blocks: entry.pageBuilder.all()
  } %}

  {% if expertise|length %}
    {% set posts = craft.entries({
      section: 'posts',
      relatedTo: expertise[0],
      postDate: '<= ' ~ entry.postDate.timestamp,
      orderBy: 'postDate desc',
      limit: 3
    }).all() %}

    {% if posts|length %}
      {% set shells = [] %}
      {% for post in posts %}
        {% set author = post.creditedAuthor.one() %}
        {% set authorImage = author ? author.authorImage.one() %}
        {% set shells =
          shells|merge(
            [
              {
                border: false,
                small: true,
                title: post.title,
                tags: post.postType.all(),
                link: {
                  url: post.url,
                  text: 'Read the story'
                },
                author: author
                  ? {
                    size: 's',
                    title: author.title,
                    image: authorImage
                      ? {
                        src: authorImage.getUrl('author'),
                        alt: authorImage.altText ? : author.title
                      }
                  }
              }
            ]
          )
        %}
      {% endfor %}

      {% set content %}
        {% include '@nutshells' with {
          eyebrow: 'Related thinking',
          columns: 'three',
          shells: shells
        } only %}
      {% endset %}

      {{ slat(content, false, 't') }}
    {% endif %}
  {% endif %}
{% endblock %}