lib.newsletterModal = TWIGTEMPLATE
lib.newsletterModal {
  #templateName = elements/components/c-modal/c-modal.template.twig
  templateName = elements/components/c-auto-modal/c-auto-modal.template.twig
  namespaces {
    src {
      10 = EXT:bgm_theme_azh/Resources/Public/Templates/azh/
    }

    base {
      10 = EXT:bgm_theme_azh/Resources/Public/Templates/azh/base/
    }

    elements {
      10 = EXT:bgm_theme_azh/Resources/Public/Templates/azh/elements/
    }

    global {
      10 = EXT:bgm_theme_azh/Resources/Public/Templates/azh/global/
    }
  }

  templateRootPaths {
    10 = EXT:cvc_twig/Resources/Private/TwigTemplates
    20 = EXT:bgm_theme_azh/Resources/Public/Templates/azh/
  }

  variables {
    headline {
      text = Newsletter abonnieren
    }
    brickContainer {
      bgColor =
    }

    isDismissible = true
    modalId = modal-1
    htmlContent (
          Interessiert an Neuigkeiten für Heilmittel, Hilfsmittel und Rehasport? Jetzt Newsletter abonnieren und kostenfrei up-to-date bleiben.
          <div class="c-button-group c-button-group--stretched" style="width:100%">
              <a
                  class="a-button-link a-button-link--primary a-button-link--filled a-button-link--md c-button-group__link"
                  href="https://www.noventi.de/azh/newsletter/"
                  target="_self"
                  >
                  Jetzt anmelden
              </a>
          </div>
    )
    isOpen = true

    /*
    ctas {
      1{
        size = lg
        variant=filled
        text=Confirm
        title=Confirm Button
        #actionType=confirm
        actionUrl=https://www.noventi.de/azh/newsletter/
        anchor {
          href = https://www.noventi.de/azh/newsletter/
        }

      }
    }
    */


  }

}


lib.pageHeader = TWIGTEMPLATE
lib.pageHeader {
  templateName = elements/bricks/b-header/b-header.template.twig
  namespaces {
    src {
      10 = EXT:bgm_theme_azh/Resources/Public/Templates/azh/
    }

    base {
      10 = EXT:bgm_theme_azh/Resources/Public/Templates/azh/base/
    }

    elements {
      10 = EXT:bgm_theme_azh/Resources/Public/Templates/azh/elements/
    }

    global {
      10 = EXT:bgm_theme_azh/Resources/Public/Templates/azh/global/
    }
  }

  templateRootPaths {
    10 = EXT:cvc_twig/Resources/Private/TwigTemplates
    20 = EXT:bgm_theme_azh/Resources/Public/Templates/azh/
  }
  dataProcessing {
    10 = Bgm\BgmThemeAzh\DataProcessing\CustomMenuProcessor
    10 {
      special = directory
      special.value = {$bgm_theme.pageUids.quickNavigation}
      as = navigation.navigationItemsList
    }

    20 = Bgm\BgmThemeAzh\DataProcessing\MegamenuMenuProcessor
    20 {
      special = directory
      special.value = {$bgm_theme.pageUids.megaMenu}
      levels = 5
      expandAll = 1
      includeSpacer = 1
    }
  }


  variables {
    # at least 1 variable needs to be set here, so that tag is closed (AZH-1337)
    # see /Resources/Public/Templates/azh/base/models/brick.twig, lines 80ff.
    brickContainer {
      bgColor =
    }
    navigation {
      logo {
        svg {
          name = logo
          svgType = image
          svgTitle.text = TEXT
          svgTitle.text.data = LLL:EXT:bgm_theme_azh/Resources/Private/Language/locallang.xlf:websiteLogo.title

          svgDescription = TEXT
          svgDescription.data = LLL:EXT:bgm_theme_azh/Resources/Private/Language/locallang.xlf:websiteLogo.description
          size = 250
        }
        anchor {
          href = https://www.noventi.de/azh/

          title = TEXT
          title.data = LLL : EXT:bgm_theme_azh/Resources/Private/Language/locallang.xlf:link2home
          ariaAttributes.label = TEXT
          ariaAttributes.label.data = LLL:EXT:bgm_theme_azh/Resources/Private/Language/locallang.xlf:link2home
        }
      }

      navigationItemsIconList {
        1 {
          kind = icon
          element.name = icon-azh
        }
        2 {
          kind = icon
          element.name = icon-srzh
        }
        3 {
          kind = icon
          element.name = icon-zrk
        }
      }

      navigationToolbar {
        1 {
          kind = anchor
          element {
            anchor {
              href = TEXT
              href {
                typolink {
                  parameter = {$bgm_theme.pageUids.search}
                  returnLast = url
                }
              }

              title = TEXT
              title.data = LLL:EXT:bgm_theme_azh/Resources/Private/Language/locallang.xlf:searchIcon
            }
            icon.name = outline-search
            variant = unstyled
            size = md
          }
        }
        2 {
          kind = popover
          element {
            trigger {
              kind = a-button
              element {
                variant = unstyled

                ariaAttributes.label = TEXT
                ariaAttributes.label.data = LLL:EXT:bgm_theme_azh/Resources/Private/Language/locallang.xlf:link2home

                icon {
                  name = outline-user
                }
              }
            }
            popover {
              htmlContent (
                <div class="c-list-link">
                  <a class="a-button-link with-icon-left c-list-link__link with-icon--left" href='https://www.azh-portal.de/azh_oc/noc/pt' target='_blank' title='Login azh'>
                      Login azh
                  </a>
                  <a class="a-button-link with-icon-left c-list-link__link with-icon--left" href='https://www.srzh-portal.de/azh_oc/noc/pt' target='_blank' title='Login srzh'>
                      Login srzh
                 </a>
                  <a class="a-button-link with-icon-left c-list-link__link with-icon--left" href='https://www.zrk-portal.de/azh_oc/noc/pt' target='_blank' title='Login zrk'>
                      Login zrk
                  </a>
              </div>

              )
              options {
                placement = bottom
                withArrow = false
              }
            }
          }

        }
        3 {
          kind = anchor
          element {
            anchor {
              href = TEXT
              href {
                typolink {
                  parameter = {$bgm_theme.pageUids.calculator}
                  returnLast = url
                }
              }
              title = Preisrechner
            }
            icon.name = outline-calculator
            variant = unstyled
            size = md
          }
        }
        #disable link to preisrechner
        3 >
      }



      #disable navigation topbar
      navigationTopbar >
      burgerMenu {
        iconOpen = outline-menu
        iconClose = solid-x

        ariaAttributes.label = TEST!!
      }

      megamenu {
        items {
          1 {
            id = menu-item-1
            name = Menu Item 1
            contentBase {
              heading.headline {
                text = Heading 1
                solid = 1
              }
              copy {
                text =<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt iure, numquam error vel est autem aspernatur, ipsum suscipit ducimus nesciunt nihil doloribus quis alias cum nisi! Iste incidunt perferendis neque!</p>
              }
            }
            items {
              0 {
                id = menu-item-1-overview
                name = Overview Link
                withSpacer = true
                href = https://www.google.com
              }
              1 {
                id = menu-item-1-1
                name = Item 1.1
                items {
                  0 {
                    id = menu-item-1-1-1
                    name = Item 1.1.1
                    href = #
                  }
                  1 {
                    id = menu-item-1-1-2
                    name = Item 1.1.2
                    href = #
                  }
                  2 {
                    id = menu-item-1-1-3
                    name = Item 1.1.3
                    href = #
                  }
                }
              }
              2 {
                id = menu-item-1-2
                name = Item 1.2
                items {
                  0 {
                    id = menu-item-1-2-1
                    name = Item 1.2.1
                    href = #
                  }
                  1 {
                    id = menu-item-1-2-2
                    name = Item 1.2.2
                    href = #
                  }
                  2 {
                    id = menu-item-1-2-3
                    name = Item 1.2.3
                    href = #
                  }
                }
              }
              3 {
                id = menu-item-1-3
                name = Item 1.3
                href = #
              }
            }
          }
          2 {
            id = menu-item-2
            name = Menu Item 2
            contentBase {
              heading.headline {
                text = Heading 2
                solid = 1
              }
              copy {
                text =<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt iure, numquam error vel est autem aspernatur, ipsum suscipit ducimus nesciunt nihil doloribus quis alias cum nisi! Iste incidunt perferendis neque!</p>
              }
            }
            items {
              1 {
                id = menu-item-2-1
                name = Item 2.1
                items {
                  1 {
                    id = menu-item-2-1-1
                    name = Item 2.1.1
                    href = #
                  }
                  2 {
                    id = menu-item-2-1-2
                    name = Item 2.1.2
                    href = #
                  }
                  3 {
                    id = menu-item-2-1-3
                    name = Item 2.1.3
                    href = #
                  }
                }
              }
              2 {
                id = menu-item-2-2
                name = Item 2.2
                href = #
              }
              3 {
                id = menu-item-2-3
                name = Item 2.3
                href = #
              }
            }
          }
          3 {
            id = menu-item-3
            name = Menu Item 3
            withSpacer = 1
            contentBase {
              heading.headline {
                text = Heading 3
                solid = 1
              }
              copy {
                text =<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p><p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt iure, numquam error vel est autem aspernatur, ipsum suscipit ducimus nesciunt nihil doloribus quis alias cum nisi! Iste incidunt perferendis neque!</p>
              }
            }
            items {
              1 {
                id = menu-item-3-1
                name = Item 3.1
                items {
                  1 {
                    id = menu-item-3-1-1
                    name = Item 3.1.1
                    href = #
                  }
                  2 {
                    id = menu-item-3-1-2
                    name = Item 3.1.2
                    href = #
                  }
                  3 {
                    id = menu-item-3-1-3
                    name = Item 3.1.3
                    href = #
                  }
                }
              }
              2 {
                id = menu-item-3-2
                name = Item 3.2
                href = #
              }
              3 {
                id = menu-item-3-3
                name = Item 3.3
                href = #
              }
            }
          }
        }
        decoration {
          opener {
            expandedIcon = outline-chevron-down
            collapsedIcon = outline-chevron-right
            position = right
          }
          directLink {
            name = outline-arrow-sm-right
            position = right
          }
        }
      }
    }
  }
}
