Home

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

{% set event = entry.homeEvent.one() %}
{% set eventImage = event.thumbnail.one() %}
{% set eventLogo = event.eventLogo.one() %}
{% set job = entry.homeJob.one() %}
{% set feature = entry.homeFeature.one() %}
{% set caseStudies = entry.homeCaseStudies.all() %}
{% set posts = entry.homePosts.all() %}
{% set headerTheme = 'theme--dark' %}

{% block header %}
  {{
    include(
      '@page-header',
      {
        title: entry.altTitle
          ? {
            lines: entry.altTitle|split('\n'),
            class: 'h-0'
          }
          : {
            text: entry.title,
            class: 'h-0'
          },
        content: {
          subtitle: entry.subtitle,
          standfirst: {
            text: entry.heroContent,
            colour: 'text-light-grey'
          }
        },
        cta: {
          text: entry.contactLinkLabel,
          link: entry.contactLink,
          style: 'combo-button',
          theme: 'green'
        },
        brush: true
      }
    )
  }}
{% endblock %}

{% block main %}
  {% set content %}
    <div class="grid grid--8/4">
      {% if event %}
        {% include '@event-promo' with {
          title: event.title,
          status: event.eventTicketStatus.value ? event.eventTicketStatus.label,
          link: {
            text: event.pageLinkLabel ? : event.title,
            url: event.pageLink
          },
          date: event.eventDate,
          location: event.eventLocation,
          image: eventImage
            ? {
              src: eventImage.getUrl('splash600'),
              alt: eventImage.altText ? : eventImage.title
            },
          logo: eventLogo
            ? {
              src: eventLogo.getUrl('logo'),
              alt: eventLogo.altText ? : eventLogo.title
            },
          backgroundColour: event.eventBackgroundColour,
          textColour: event.eventTextColour,
          accentColour: event.eventAccentColour
        } %}
      {% endif %}
      <div class="grid--v-gap-gutter">
        {% if job %}
          {% include '@job-card' with {
            title: job.title,
            description: (job.shortDescription ?? job.standfirst)|markdown,
            meta: [job.salaryShort ?? job.salary],
            link: job.url
          } %}
        {% else %}
          {% include '@job-card' with {
            title: entry.sectionTitle,
            description: entry.shortDescription,
            link: entry.pageLink
          } %}
        {% endif %}
        {% if feature %}
          {% include '@feature-card' with {
            title: feature.title,
            description: entry.homeFeatureDescription ?? feature.standfirst,
            link: feature.url
          } %}
        {% else %}
          {% include '@feature-card' with {
            title: entry.homeFeatureTitle,
            description: entry.homeFeatureDescription,
            link: entry.homeFeatureLink
          } %}
        {% endif %}
      </div>
    </div>
  {% endset %}
  {{ slat(content) }}

  {% if (caseStudies|length) > 0 %}
    {% include '_cms-slats/case-studies' with {
      isHomePage: true
    } %}
  {% endif %}

  {% if posts|length %}
    {% set shells = [] %}
    {% for post in posts %}
      {% set author = post.creditedAuthor.one() %}
      {% set authorImage = author ? author.authorImage.one() %}
      {% set shells =
        shells|merge(
          [
            {
              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('logo'),
                      alt: authorImage.altText ? : author.title
                    }
                }
            }
          ]
        )
      %}
    {% endfor %}

    {% set content %}
      {% include '@nutshells' with {
        title: 'Latest thinking',
        columns: 'three',
        shells: shells,
        border: true
      } only %}
    {% endset %}

    {{ slat(content) }}
  {% endif %}
{% endblock %}