<!DOCTYPE html>
<html dir="{{ direction }}" lang="{{ lang }}">
<head>
  <meta charset="UTF-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>{{ title }}</title>
  <base href="{{ base }}"/>
  {% if description %}<meta name="description" content="{{ description }}"/>{% endif %}
  {% if keywords %}<meta name="keywords" content="{{ keywords }}"/>{% endif %}
  <script src="{{ jquery }}" type="text/javascript"></script>
  <link href="{{ bootstrap }}" type="text/css" rel="stylesheet" media="screen"/>
  <link href="{{ icons }}" rel="stylesheet" type="text/css"/>
  <link href="{{ stylesheet }}" type="text/css" rel="stylesheet"/>
  <link href="catalog/view/theme/asutto/stylesheet/asutto.css" type="text/css" rel="stylesheet"/>
  <link href="/manifest.webmanifest" rel="manifest"/>
  <meta name="theme-color" content="#e65525"/>
  <script src="catalog/view/javascript/common.js" type="text/javascript"></script>
  {% if icon %}<link rel="icon" href="{{ icon }}" type="image/png">{% endif %}
  {% for style in styles %}<link href="{{ style.href }}" type="text/css" rel="{{ style.rel }}" media="{{ style.media }}"/>{% endfor %}
  {% for script in scripts %}<script src="{{ script.href }}" type="text/javascript"></script>{% endfor %}
  {% for link in links %}<link href="{{ link.href }}" rel="{{ link.rel }}"/>{% endfor %}
  {% for analytic in analytics %}{{ analytic }}{% endfor %}
  <script>if ('serviceWorker' in navigator) { window.addEventListener('load', function () { navigator.serviceWorker.register('/service-worker.js'); }); }</script>
</head>
<body>
{% set lang_key = { 'it': 'it-it', 'de': 'de-de', 'fr': 'fr-fr', 'en': 'en-gb' }[code]|default('it-it') %}
{% set nav = {
  'it-it': { company: 'Azienda', sectors: 'Settori', lift: 'Sollevamento', build: 'Edilizia', industry: 'Industria', services: 'Servizi', contact: 'Contatti', shop: 'Shop', list: 'Lista' },
  'de-de': { company: 'Unternehmen', sectors: 'Bereiche', lift: 'Hebetechnik', build: 'Bau', industry: 'Industrie', services: 'Dienstleistungen', contact: 'Kontakt', shop: 'Shop', list: 'Liste' },
  'fr-fr': { company: 'Entreprise', sectors: 'Secteurs', lift: 'Levage', build: 'Construction', industry: 'Industrie', services: 'Services', contact: 'Contacts', shop: 'Shop', list: 'Liste' },
  'en-gb': { company: 'Company', sectors: 'Sectors', lift: 'Lifting', build: 'Construction', industry: 'Industry', services: 'Services', contact: 'Contact', shop: 'Shop', list: 'List' }
}[lang_key]|default({ company: 'Azienda', sectors: 'Settori', lift: 'Sollevamento', build: 'Edilizia', industry: 'Industria', services: 'Servizi', contact: 'Contatti', shop: 'Shop', list: 'Lista' }) %}
<div id="container">
  <div id="alert"></div>
  <div class="sutto-utility">
    <div class="container">
      <div class="sutto-utility__details">
        <span><i class="fa-solid fa-phone"></i> <a href="{{ contact }}">{{ telephone }}</a></span>
        <span><i class="fa-solid fa-location-dot"></i> Via Campagna 15, Lumino</span>
      </div>
      <div class="sutto-utility__links">{{ language }}</div>
    </div>
  </div>
  <header class="sutto-header">
    <div class="container sutto-header__grid">
      <a class="sutto-brand" href="{{ home }}" aria-label="{{ name }}"><img src="catalog/view/theme/asutto/image/sutto-logo.png" title="{{ name }}" alt="SUTTO SA"/></a>
      <div class="sutto-search">{{ search }}</div>
      <div class="sutto-actions">
        <a class="sutto-action" href="{{ account }}" title="{{ text_account }}"><i class="fa-solid fa-user"></i><span>{{ text_account }}</span></a>
        <a class="sutto-action" href="{{ wishlist }}" title="{{ text_wishlist }}"><i class="fa-solid fa-heart"></i><span>{{ nav.list }}</span></a>
        <div class="sutto-cart">{{ cart }}</div>
      </div>
    </div>
  </header>
  <nav class="sutto-nav" aria-label="Navigazione principale">
    <div class="container">
      <a href="{{ home }}#settori"><i class="fa-solid fa-bars"></i> {{ nav.sectors }}</a>
      <a href="{{ asutto_company_link|default(home) }}">{{ nav.company }}</a>
      <a href="{{ home }}#sollevamento">{{ nav.lift }}</a>
      <a href="{{ home }}#edilizia">{{ nav.build }}</a>
      <a href="{{ home }}#industria">{{ nav.industry }}</a>
      <a href="{{ asutto_services_link|default(home) }}">{{ nav.services }}</a>
      <a href="{{ contact }}">{{ nav.contact }}</a>
      <a class="sutto-nav__shop" href="{{ asutto_shop_link|default(shopping_cart) }}"><i class="fa-solid fa-bag-shopping"></i> {{ nav.shop }}</a>
    </div>
  </nav>
  <main>
