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

$schema: http://json-schema.org/draft-07/schema
$id: https://finstral.com/apps/extranet/extranet-search/app-extranet-search
type: object
required:
  - index_name
  - langcode
additionalProperties: false
properties:
  index_name:
    type: string
  langcode:
    type: string

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

index_name: finstral_extranet_stage
langcode: en

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

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

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

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

	<app-extranet-search>
		<search class="ExtranetSearch-search" data-placeholder="{{ "search.placeholder"|tc }}"></search>

		{% include "@apps/extranet/components/search/refinements/refinements.twig" with {
			label: "search.refinements.title"|tc,
			name: "search-refinements",
		} only %}

		<section class="ExtranetSearch-resultsContainer">
			{% include "@apps/extranet/components/search/result-bar/result-bar.twig" %}
			{% include "@apps/extranet/components/search/extranet-results/extranet-results.twig" %}
		</section>
	</app-extranet-search>
</section>

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