// src/components/apps/extranet/extranet-overview/app-extranet-overview/schema.yaml

$schema: http://json-schema.org/draft-07/schema
$id: https://finstral.com/apps/extranet/extranet-overview/app-extranet-overview
type: object
required:
  - categories
  - index_name
  - langcode
additionalProperties: false
properties:
  categories:
    heading:
      type: string
    items:
      type: array
      card:
        type: string
        format: html
  index_name:
    type: string
  langcode:
    type: string

// src/components/apps/extranet/extranet-overview/app-extranet-overview/mocks.yaml

index_name: finstral_extranet_stage
langcode: en
categories:
  heading: Kategorien
  items:
    - $tpl: elements/link-card
      $ref: elements/link-card#Extranet Category Card
      link:
        label: Aktuelles
    - $tpl: elements/link-card
      $ref: elements/link-card#Extranet Category Card
      link:
        label: Marketing
    - $tpl: elements/link-card
      $ref: elements/link-card#Extranet Category Card
      link:
        label: Partner Studio
    - $tpl: elements/link-card
      $ref: elements/link-card#Extranet Category Card
      link:
        label: Beratung und Service
    - $tpl: elements/link-card
      $ref: elements/link-card#Extranet Category Card
      link:
        label: Montage
    - $tpl: elements/link-card
      $ref: elements/link-card#Extranet Category Card
      link:
        label: Bestellwesen

// src/components/apps/extranet/extranet-overview/app-extranet-overview/app-extranet-overview.twig

{{ attach_library('finstral_global/apps-app-extranet-overview') }}

{% set data = {
	indexName: index_name,
	langCode: langcode,
} %}

<section class="u-container">
	<h1 class="u-typo-HeadlineM">
		{{ "overview.title"|tc }}
	</h1>

	{% include "@apps/extranet/components/search/search-form/search-form.twig" %}

	{% include "@apps/extranet/extranet-overview/app-extranet-overview/latest-assets/latest-assets.twig" %}

	<div class="ExtranetOverview-categories">
		{% include "@patterns/teaser-card-list/teaser-card-list.twig" with {
				heading: categories.heading,
				items: categories.items,
			} only %}
	</div>
</section>

<script id="algolia-data" type="application/json">{{ data|json_encode()|raw }}</script>