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

{% set pageProps = {
  title: 'Page start'
} %}

{% set pages = {
  technical: [
    { title: '[Technical] Typography', href: 'style-typography.html' },
    { title: '[Technical] RTE', href: 'style-rte.html' },
    { title: '[Technical] UI', href: 'style-ui.html' },
    { title: '[Technical] Forms global', href: 'style-forms-global.html' }
  ],
  default: [
    { title: 'Page Home', href: 'page-home.html' },
    { title: 'Page Home With Video', href: 'page-home-with-video.html' },
    { title: 'Page Händler Übersicht', href: 'page-dealer-overview-list.html' },
    { title: 'Page Text and Media', href: 'page-text-and-media.html' },
    { title: 'Page Text Options', href: 'page-text-options.html' },
    { title: 'Page Audio/Video', href: 'page-audio-video.html' },
    { title: 'Page Standard', href: 'page-standard.html' },
    { title: 'Page News & Events', href: 'page-news-events-list.html' },
    { title: 'Page Stellenangebote', href: 'page-jobs-list.html' },
    { title: 'Page FAQS', href: 'page-faq.html' },
    { title: 'Page Anfahrt & Parken', href: 'page-contacts.html' },
    { title: 'Page Anfahrt & Parken (Video)', href: 'page-contacts-video.html' },
    { title: 'Page Vermietung', href: 'page-rental.html' },
    { title: 'Page Event Anmeldung', href: 'page-event-detail.html' },
    { title: 'Page Stellenanzeige Detailseite', href: 'page-details.html' },
    { title: 'Page News Einzelseite', href: 'page-news-detail.html' },
    { title: 'Page Search', href: 'page-search.html' },
    { title: 'Page Über Uns', href: 'page-about.html' },
    { title: 'Page Detailseite Händler', href: 'page-dealer-detail.html' },
    { title: 'Page Detailseite Händler premium', href: 'page-premium-dealer-detail.html' },
    { title: 'Page Map Interactive', href: 'page-map-interactive.html' },
    { title: 'Page Themenübersicht', href: 'page-theme-review.html' },
    { title: 'Page Engagement', href: 'page-engagement.html' },
    { title: 'Page Nachhaltigkeit', href: 'page-nachhaltigkeit.html' },
    { title: 'Page Einfache Sprache', href: 'page-einfache-sprache.html' }
  ]
} %}

{% block heading %}
{% endblock %}

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

  {% call ContentSection({ title: 'Technical pages:' }) %}
    {% call RTE() %}
      <ul>
        {% for page in pages.technical %}
          <li><a href="{{ page.href }}">{{ page.title }}</a></li>
        {% endfor %}
      </ul>
    {% endcall %}
  {% endcall %}

  {% call ContentSection({ title: 'Project pages:' }) %}
    {% call RTE() %}
      <ul>
        {% for page in pages.default %}
          <li><a href="{{ page.href }}">{{ page.title }}</a></li>
        {% endfor %}
      </ul>
    {% endcall %}
  {% endcall %}
{% endblock %}