<div class="container vertical-spacing">
    <h1 class="heading heading--separator">
        {{ 'Menu.Sitemap' | translate }}
    </h1>

    <!-- SITEMAP MENU -->
    <ul class="list-unstyled" role="menu">
        <li role="presentation">
            <a role="menuitem" [routerLink]="['/!'] | localize">
                {{ 'Menu.Home' | translate }}
            </a>
        </li>
        <li role="presentation">
            <a role="menuitem" [routerLink]="['/!dataset'] | localize">
                {{ 'Menu.Datasets' | translate }}
            </a>
        </li>
        <li role="presentation">
            <a role="menuitem" [routerLink]="['/!institution'] | localize">
                {{ 'Menu.Institutions' | translate }}
            </a>
        </li>
        <li role="presentation">
            <a role="menuitem" [routerLink]="['/!showcase'] | localize">
                {{ 'Menu.Showcases' | translate }}
            </a>
        </li>
        <li role="presentation">
            <a role="menuitem" [routerLink]="['/!article'] | localize">
                {{ 'Menu.News' | translate }}
            </a>
        </li>
        <li role="presentation">
            <a role="menuitem"
               [routerLink]="['/!' + routerEndpoints.KNOWLEDGE_BASE + '/!' + routerEndpoints.USEFUL_MATERIALS] | localize">
                {{ 'Menu.KnowledgeBase' | translate }}
            </a>
        </li>
        <li role="presentation">
            <a role="menuitem"
               [routerLink]="['/!' + routerEndpoints.DGA] | localize">
              {{ 'Menu.DGAInformationPoint' | translate }}
            </a>
        </li>
        <li role="presentation">
            <a role="menuitem"
               [routerLink]="['/!' + '/!brokenlinks'] | localize">
              {{ "BrokenLinks.Self" | translate }}
            </a>
        </li>
        <li role="presentation">
            <a role="menuitem" [routerLink]="['/!about'] | localize">
                {{ 'Menu.About' | translate }}
            </a>
        </li>
        <li role="presentation">
            <a role="menuitem" [routerLink]="['/!forms/!ankieta-o-portalu'] | localize">
                {{ 'Cms.FillOutSurvey' | translate }}
            </a>
        </li>
        <li role="presentation">
            {{ 'Menu.Sitemap' | translate }}
        </li>

        <!-- contact info modal -->
        <li role="presentation" class="text-primary">
            <app-write-us-info
                [buttonLabel]="'Menu.Contact'"
                [buttonSize]="'md'"
                [buttonLook]="'link'"
                [inheritLook]="true">
            </app-write-us-info>
        </li>
    </ul>
</div>

