{% extends 'templates/layouts/page.njk' %}

{% set pageConfig = {
  useLayoutTop: true,
  useLayoutBottom: true,
  useSidebarAfter: true
} %}

{% set pageProps = {
  h1: 'Pasta e...'
} %}

{% block layoutTop %}
  {% from 'components/page-info-header/page-info-header.njk' import PageInfoHeader %}

  {{ PageInfoHeader() }}
{% endblock %}


{% block content %}
  {% from 'components/rte/rte.njk' import RTE %}

  {% call Section({
    title: false,
    teaser: false
  }) %}
    {% call RTE() %}
      <h2>Lorem Ipsum</h2>
      <p>Lorem ipsum dolor sit amet consectetur. Massa ultricies amet turpis egestas dolor. Quis feugiat quis suspendisse proin ut. Arcu augue integer commodo varius pretium donec a enim. Ornare pretium pharetra aliquam egestas. Semper non mattis vestibulum adipiscing dignissim aliquam morbi. Eu condimentum pellentesque sodales integer. Praesent urna eu ipsum felis sit aliquet egestas sed. Gravida vivamus dui eget erat sed habitant. Consequat quisque nunc habitasse tristique orci.</p>
      <h2>Das bieten wir</h2>
      <ul>
        <li>Lorem ipsum dolor sit amet consectetur. Massa ultricies amet turpis egestas dolor. Quis feugiat quis suspendisse proin ut Arcu augue. dignissim aliquam morbi eu condimentum.</li>
        <li>Ornare pretium pharetra aliquam egestas. Semper non mattis vestibulum adipiscing dignissim aliquam morbi eu condimentum. </li>
        <li>Praesent urna eu ipsum felis sit aliquet egestas sed. Gravida vivamus dui eget erat sed habitant. Consequat quisque nunc habitasse. </li>
        <li>Lorem ipsum dolor sit amet consectetur. Massa ultricies amet turpis egestas dolor. Quis feugiat quis suspendisse proin ut. Arcu augue. </li>
        <li>Ornare pretium pharetra aliquam egestas. Semper non mattis vestibulum adipiscing dignissim aliquam morbi. Eu condimentum pellentesque sodales integer. </li>
        <li>Praesent urna eu ipsum felis sit aliquet egestas sed.</li>
        <li>Praesent urna eu ipsum felis sit aliquet egestas sed.</li>
      </ul>
      <h2>Das bringen Sie mit</h2>
      <ul>
        <li>Lorem ipsum dolor sit amet consectetur.</li>
        <li>Massa ultricies amet turpis egestas dolor.</li>
        <li>Quis feugiat quis suspendisse proin ut.</li>
        <li>Arcu augue integer commodo varius pretium donec a enim.</li>
        <li>Ornare pretium pharetra aliquam egestas.</li>
      </ul>
    {% endcall %}
  {% endcall %}
{% endblock %}

{% block sidebarAfter %}
  {% from 'components/sidebar-widget/sidebar-widget.njk' import SidebarWidget %}
  {% from 'components/info-item/info-item.njk' import InfoItem %}
  {% from 'components/person-item/person-item.njk' import PersonItem %}
  {% from 'components/location-block/location-block.njk' import LocationBlockSidebarWidget %}

  {{ LocationBlockSidebarWidget() }}

  {% call SidebarWidget({
    title: false
  }) %}
    {{ PersonItem() }}
  {% endcall %}
  {% call SidebarWidget({
    title: false
  }) %}
    {{ InfoItem({
      icon: 'icons/email',
      title: 'cmm@berliner-grossmarkt.de',
      text: 'Kontakt E-Mail'
    }) }}
    {{ InfoItem({
      icon: 'icons/time',
      title: 'Kontakt E-Mail',
      text: 'Job-Typ'
    }) }}
    {{ InfoItem({
      icon: 'icons/calendar',
      title: 'Juli 2, 2024',
      text: 'Juli 2, 2024'
    }) }}
    {{ InfoItem({
      icon: 'icons/plane',
      title: '30 Tage',
      text: 'Urlaubs'
    }) }}
  {% endcall %}
  {% call SidebarWidget({
    title: false
  }) %}
    {{ Button({
      href: '#',
      className: 'button--red',
      iconBefore: ['send'],
      text: 'Bewerben Sie sich jetzt!'
    }) }}
  {% endcall %}
{% endblock %}