{% set lang_key = { 'it': 'it-it', 'de': 'de-de', 'fr': 'fr-fr', 'en': 'en-gb' }[code]|default('it-it') %}
{% set copy = {
  'it-it': { kicker: 'Consulenza tecnica', title: 'Parliamo della tua applicazione.', lead: 'Descrivici il contesto e i requisiti essenziali. Ti ricontatteremo per valutare prodotto, configurazione, tempi e disponibilità.', detail: 'Dettagli richiesta', sector: 'Settore', select: 'Seleziona un settore', lift: 'Sollevamento', build: 'Edilizia', industry: 'Industria', other: 'Altro', use: 'Applicazione / utilizzo', load: 'Carico, misure o specifiche', message: 'Descrizione della richiesta', submit: 'Invia richiesta tecnica', contact: 'Contatti diretti', address: 'Via Campagna 15, 6533 Lumino', telephone: '+41 (0)91 910 24 00', note: 'I campi tecnici sono inclusi nel messaggio inviato.' },
  'de-de': { kicker: 'Technische Beratung', title: 'Sprechen wir über Ihre Anwendung.', lead: 'Beschreiben Sie den Einsatz und die wichtigsten Anforderungen. Wir kontaktieren Sie, um Produkt, Konfiguration, Lieferzeit und Verfügbarkeit zu prüfen.', detail: 'Anfragedetails', sector: 'Bereich', select: 'Bereich auswählen', lift: 'Hebetechnik', build: 'Bau', industry: 'Industrie', other: 'Andere', use: 'Anwendung / Einsatz', load: 'Last, Masse oder Spezifikationen', message: 'Beschreibung der Anfrage', submit: 'Technische Anfrage senden', contact: 'Direkte Kontakte', address: 'Via Campagna 15, 6533 Lumino', telephone: '+41 (0)91 910 24 00', note: 'Die technischen Angaben werden in der Nachricht übermittelt.' },
  'fr-fr': { kicker: 'Conseil technique', title: 'Parlons de votre application.', lead: 'Décrivez le contexte et les exigences essentielles. Nous vous recontacterons pour évaluer produit, configuration, délais et disponibilité.', detail: 'Détails de la demande', sector: 'Secteur', select: 'Sélectionner un secteur', lift: 'Levage', build: 'Construction', industry: 'Industrie', other: 'Autre', use: 'Application / utilisation', load: 'Charge, mesures ou spécifications', message: 'Description de la demande', submit: 'Envoyer la demande technique', contact: 'Contacts directs', address: 'Via Campagna 15, 6533 Lumino', telephone: '+41 (0)91 910 24 00', note: 'Les données techniques sont incluses dans le message transmis.' },
  'en-gb': { kicker: 'Technical advice', title: 'Let’s talk about your application.', lead: 'Describe the working context and essential requirements. We will contact you to assess product, configuration, timing and availability.', detail: 'Request details', sector: 'Sector', select: 'Select a sector', lift: 'Lifting', build: 'Construction', industry: 'Industry', other: 'Other', use: 'Application / use', load: 'Load, dimensions or specifications', message: 'Request description', submit: 'Send technical request', contact: 'Direct contacts', address: 'Via Campagna 15, 6533 Lumino', telephone: '+41 (0)91 910 24 00', note: 'Technical details are included in the submitted message.' }
}[lang_key] %}
{{ header }}
<main id="information-contact" class="sutto-contact-page"><div class="container">
  <ul class="breadcrumb sutto-breadcrumb">{% for breadcrumb in breadcrumbs %}<li class="breadcrumb-item"><a href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a></li>{% endfor %}</ul>
  <section class="sutto-contact-intro"><p class="sutto-kicker">{{ copy.kicker }}</p><h1>{{ copy.title }}</h1><p>{{ copy.lead }}</p></section>
  <div class="row">{{ column_left }}<div id="content" class="col">{{ content_top }}
    <div class="sutto-contact-layout">
      <form id="form-contact" action="{{ send }}" method="post" data-oc-toggle="ajax" class="sutto-contact-form">
        <fieldset><legend>{{ copy.detail }}</legend>
          <div class="sutto-contact-grid"><div class="required"><label for="input-name">{{ entry_name }}</label><input type="text" name="name" value="{{ name }}" id="input-name" class="form-control"/><div id="error-name" class="invalid-feedback"></div></div><div class="required"><label for="input-email">{{ entry_email }}</label><input type="text" name="email" value="{{ email }}" id="input-email" class="form-control"/><div id="error-email" class="invalid-feedback"></div></div></div>
          <div class="sutto-contact-grid"><div><label for="sutto-sector">{{ copy.sector }}</label><select id="sutto-sector" class="form-select"><option value="">{{ copy.select }}</option><option value="{{ copy.lift }}">{{ copy.lift }}</option><option value="{{ copy.build }}">{{ copy.build }}</option><option value="{{ copy.industry }}">{{ copy.industry }}</option><option value="{{ copy.other }}">{{ copy.other }}</option></select></div><div><label for="sutto-specs">{{ copy.load }}</label><input type="text" id="sutto-specs" class="form-control"/></div></div>
          <div class="mb-3"><label for="sutto-application">{{ copy.use }}</label><input type="text" id="sutto-application" class="form-control"/></div>
          <div class="mb-3 required"><label for="input-enquiry">{{ copy.message }}</label><textarea name="enquiry" rows="8" id="input-enquiry" class="form-control"></textarea><div id="error-enquiry" class="invalid-feedback"></div></div>
          {{ captcha }}
        </fieldset>
        <p class="sutto-contact-note">{{ copy.note }}</p><div><button type="submit" class="sutto-button sutto-button--orange">{{ copy.submit }} <i class="fa-solid fa-arrow-right"></i></button></div>
      </form>
      <aside class="sutto-contact-aside"><p class="sutto-kicker">SUTTO SA · Lumino</p><h2>{{ copy.contact }}</h2><address>{{ copy.address }}</address><a href="tel:+41919102400">{{ copy.telephone }}</a><p>{{ copy.lead }}</p></aside>
    </div>
    {{ content_bottom }}
  </div>{{ column_right }}</div>
</div></main>
<script>
document.getElementById('form-contact')?.addEventListener('submit', function () {
  const textarea = document.getElementById('input-enquiry');
  const sector = document.getElementById('sutto-sector')?.value || '';
  const application = document.getElementById('sutto-application')?.value || '';
  const specifications = document.getElementById('sutto-specs')?.value || '';
  if (textarea && !textarea.dataset.suttoPrepared) {
    textarea.value = [
      '{{ copy.sector|e('js') }}: ' + sector,
      '{{ copy.use|e('js') }}: ' + application,
      '{{ copy.load|e('js') }}: ' + specifications,
      '', textarea.value
    ].join('\n');
    textarea.dataset.suttoPrepared = 'true';
  }
});
</script>
{{ footer }}