<cdx-progress-bar

v-if="loading"

:aria-label="$i18n('item-form-progress-bar-aria-label')"

/>

{{$i18n('item-form-id-input-label')}}

</template>

<main class="content-wrap" ref="contentWrap">

<header ref="header">

<InertiaLink class="logo-link" href="/">

<div class="mismatch-finder-logo" />

<h1 class="visually-hidden">{{ $i18n('mismatch-finder-title') }}</h1>

</InertiaLink>

<div class="userSection" ref="userSection">

<div v-detect-click-outside="onClickOutsideLanguageSelector" class="languageSelector">

<LanguageSelectorButton :aria-label="$i18n('toggle-language-selector-button')"

@click="onToggleLanguageSelector">

<cdx-icon :icon="cdxIconLanguage" />

<span class="text-with-icon-button">{{ currentLanguageAutonym }}</span>

</LanguageSelectorButton>

<LanguageSelector v-show="showLanguageSelector" ref="languageSelector"

@close="onCloseLanguageSelector" @select="onChangeLanguage">

<template #no-results>

{{ $i18n('language-selector-no-results') }}

</template>

</LanguageSelector>

</div>

<auth-widget :user="user" />

</div>

</header>

<slot />

</main>

<wikidata-tool-footer

content-class="content-wrap"

:labels="{

:urls="{

>

<section>

<h2 class="h5">{{ $i18n('mismatch-finder-footer-more-tools') }}</h2>

<p>

<a href="https://query.wikidata.org/querybuilder/">

{{ $i18n('tool-query-builder') }}

</a>

</p>

<p>

<a href="https://item-quality-evaluator.toolforge.org/">

{{ $i18n('tool-item-quality-evaluator') }}

</a>

</p>

<p>

<a href="https://wikidata-analytics.wmcloud.org/app/CuriousFacts">

{{ $i18n('tool-curious-facts') }}

</a>

</p>

<p>

<a href="https://github.com/wmde/wikidata-constraints-violation-checker">

{{ $i18n('tool-constraints-violation-checker') }}

</a>

</p>

</section>

</wikidata-tool-footer>