##modulo_head##

<div class="container-fluid px-0 sticky-top ricalcoloHead">
  <p class="bread"><a href="http://www.areaarredamenti.eu#[link_home]#" title="areaarredamenti2025">Home</a> - <span ><a href="http://www.areaarredamenti.eu/arredamento-casa"  title="Arredamento Casa">Arredamento Casa</a> - <span  ><a href="http://www.areaarredamenti.eu/arredamento-casa/arredo-bagno"  title="Arredo Bagno">Arredo Bagno</a> <span class="figlio1" > - <a href="http://www.areaarredamenti.eu/arredamento-casa/arredo-bagno/mini-mo-mm06-compab"  title="MINI-MO MM06">MINI-MO MM06</a></span></span></span></p>
</div>

<div class="container-fluid">
  <div class="row">

    <div class="col-12 pt-4 py-md-5 px-0">
      <div class="container">
        <div class="row align-items-center justify-content-center">
          <div class="col-12 text-center">
            <div class="row justify-content-center align-items-center">
              <div class="col-12 h1Bread text-center mb-0">
                <h1>Mobile da Bagno MINI-MO MM06 di Compab</h1>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>            
    <div class="col-12 pb-4 pb-md-5 px-0 pulsantiera_print">
      <div class="container">
        <div class="row align-items-center justify-content-center">
          <div class="col-12 text-center">

            <div class="row justify-content-center align-items-center">              
              <div class="col-auto text-start">
                <a href="/arredamento-casa/arredo-bagno/mini-mo-mm04-compab" title="MINI-MO MM04" rel="prev"><img src="/@/arrow-svg/left.svg" class="img-fluid d-block me-auto prec-suc" alt="Precedente" width="25" height="25" /></a>
              </div>
              <div class="col ricInfsfoCat text-end">
                <a href="#form" title="Richiedi Informazioni Mobile da Bagno MINI-MO MM06 di Compab" class="button text-center d-none d-md-inline-block">Richiedi Informazioni</a>
                <a href="#form" title="Richiedi Informazioni Mobile da Bagno MINI-MO MM06 di Compab" class="button text-center d-inline-block d-md-none"><img src="/@/js-css/svg/info.svg" alt="Richiedi Informazioni Mobile da Bagno MINI-MO MM06 di Compab" width="20" height="20"></a>
              </div>
              <!--<div class="col-auto ricInfsfoCat text-center">
                <a href="" onclick="stampamelo()" title="Stampa la scheda Mobile da Bagno MINI-MO MM06 di Compab" class="button text-center d-none d-md-inline-block">Stampa la scheda</a>
                <a href="" onclick="stampamelo()" title="Stampa la scheda Mobile da Bagno MINI-MO MM06 di Compab" class="button text-center d-inline-block d-md-none"><img src="/@/js-css/svg/print.svg" alt="Stampa la scheda Mobile da Bagno MINI-MO MM06 di Compab" width="20" height="20"></a>
              </div>-->
              <div class="col ricInfsfoCat ViaCatPuls text-start">
                <a href="#cataloghi" title="Sfoglia i cataloghi Mobile da Bagno MINI-MO MM06 di Compab" class="button text-center d-none d-md-inline-block">Sfoglia i cataloghi</a>
                <a href="#cataloghi" title="Sfoglia i cataloghi Mobile da Bagno MINI-MO MM06 di Compab" class="button text-center d-inline-block d-md-none"><img src="/@/js-css/svg/book.svg" alt="Sfoglia i cataloghi Mobile da Bagno MINI-MO MM06 di Compab" width="20" height="20"></a>
              </div>
              <div class="col-auto text-end">
                <a href="/arredamento-casa/arredo-bagno/mini-mo-mm07-compab" title="MINI-MO MM07" rel="next"><img src="/@/arrow-svg/right.svg" class="img-fluid d-block ms-auto prec-suc prec-suc1" alt="Successivo" width="25" height="25" /></a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

<!--    <div class="col-12 px-0">-->
      <div class="container-fluid">
        <div class="row align-items-top justify-content-center">
          
        </div>
      </div>
    <!--</div>-->
    
    <div class="col-12 px-0 bg-white">
      <div class="container">
        <div class="row">
          <div class="col-12 menu-tag menu-tag__btn py-3 px-0 pt-md-5">
            <h3 class="h5">Caratteristiche</h3>
            ##selettore_tag##
          </div>
          <div class="col-12 selettore_tag_dinamico py-3 px-0 ViaTagDinamico border-top">
            <h3 class="h5 my-4">Continua a navigare</h3>
            <ul class="dropdown-menu_tag"><li><a href="/arredo-bagno-compab-cirie" title="Arredo Bagno Compab Ciriè">Arredo Bagno Compab Ciriè </a></li><li><a href="/arredo-bagno-compab-collegno" title="Arredo Bagno Compab Collegno">Arredo Bagno Compab Collegno </a></li><li><a href="/arredo-bagno-compab-settimo-torinese" title="Arredo Bagno Compab Settimo Torinese">Arredo Bagno Compab Settimo Torinese </a></li><li><a href="/arredo-bagno-compab-torino" title="Arredo Bagno Compab Torino">Arredo Bagno Compab Torino </a></li><li><a href="/negozio-di-mobili-bagno-sospesi-a-cirie" title="Negozio di mobili bagno sospesi a Ciriè">Negozio di mobili bagno sospesi a Ciriè </a></li><li><a href="/negozio-di-mobili-bagno-sospesi-a-collegno" title="Negozio di mobili bagno sospesi a Collegno">Negozio di mobili bagno sospesi a Collegno </a></li><li><a href="/negozio-di-mobili-bagno-sospesi-a-settimo-torinese" title="Negozio di mobili bagno sospesi a Settimo Torinese">Negozio di mobili bagno sospesi a Settimo Torinese </a></li><li><a href="/negozio-di-mobili-bagno-sospesi-a-torino" title="Negozio di mobili bagno sospesi a Torino">Negozio di mobili bagno sospesi a Torino </a></li></ul>
          </div>
        </div>
      </div>
    </div>

    <div class="col-12 py-4 py-md-5 cat_form_print">
      <div class="container px-0">
        <div class="row align-items-top justify-content-center">

          <div class="col-lg-6 p-3 p-md-5 justify-content-center order-2 order-lg-1 ViaCat">
            <a class="ancorellaCat" id="cataloghi"></a>
            <div class="row">
              <div class="col-12 text-center">
                <h3 class="h4 mb-4">Sfoglia i cataloghi</h3>
                <div class="swiper-container sliCat">
                  <div class="swiper-wrapper">
                    
                  </div>
                </div>
              </div>
            </div>
          </div>

          <div class="col-lg-6 p-3 p-md-5 order-1 order-lg-2">
            <a class="ancorella" id="form"></a>
            <h3 class="h4 text-center mb-4">Richiedi Maggiori Informazioni</h3>
            <form id="contactform" action="#form" method="post" enctype="multipart/form-data">
  <div class="row">
    <div class="col-md-12 no-prod">
      <div class="row">
        <div class="form-group mb-3 col-md-6">
          <input type="text" class="form-control" value="" id="name_utente" name="name_utente" placeholder="Nome *" required>
        </div>
        <div class="form-group mb-3 col-md-6">
          <input type="text" class="form-control" value="" id="cognome_utente" name="cognome_utente" placeholder="Cognome *" required>
        </div>
        <div class="form-group mb-3 col-md-6">
          <input type="email" class="form-control" value="" id="email_utente" name="email_utente" placeholder="E-Mail *" required>
        </div>
        <div class="form-group mb-3 col-md-6">
          <input type="tel" class="form-control" value="" id="telefono_utente" name="telefono_utente" placeholder="Telefono *" required>
        </div>
        <div class="form-group mb-3 col-md-6"> <select  name='codice_provincia'   id='codice_provincia' class="form-control" required> <option value=''>Provincia *</option><option value='1893'>Agrigento</option><option value='1894'>Alessandria</option><option value='1895'>Ancona</option><option value='1896'>Aosta</option><option value='1899'>Arezzo</option><option value='1897'>Ascoli Piceno</option><option value='1900'>Asti</option><option value='1901'>Avellino</option><option value='1902'>Bari</option><option value='1910'>Barletta-Andria-Trani</option><option value='1905'>Belluno</option><option value='1906'>Benevento</option><option value='1903'>Bergamo</option><option value='1904'>Biella</option><option value='1907'>Bologna</option><option value='1911'>Bolzano</option><option value='1909'>Brescia</option><option value='1908'>Brindisi</option><option value='1912'>Cagliari</option><option value='1917'>Caltanissetta</option><option value='1913'>Campobasso</option><option value='1916'>Carbonia-Iglesias</option><option value='1914'>Caserta</option><option value='1922'>Catania</option><option value='1923'>Catanzaro</option><option value='1915'>Chieti</option><option value='1919'>Como</option><option value='1921'>Cosenza</option><option value='1920'>Cremona</option><option value='1936'>Crotone</option><option value='1918'>Cuneo</option><option value='1924'>Enna</option><option value='1929'>Fermo</option><option value='1926'>Ferrara</option><option value='1928'>Firenze</option><option value='1927'>Foggia</option><option value='1925'>Forlì-Cesena</option><option value='1930'>Frosinone</option><option value='1931'>Genova</option><option value='1932'>Gorizia</option><option value='1933'>Grosseto</option><option value='1934'>Imperia</option><option value='1935'>Isernia</option><option value='1898'>L'Aquila</option><option value='1981'>La Spezia</option><option value='1941'>Latina</option><option value='1938'>Lecce</option><option value='1937'>Lecco</option><option value='1939'>Livorno</option><option value='1940'>Lodi</option><option value='1942'>Lucca</option><option value='1944'>Macerata</option><option value='1947'>Mantova</option><option value='1949'>Massa-Carrara</option><option value='1950'>Matera</option><option value='2000'>Medio Campidano</option><option value='1945'>Messina</option><option value='1946'>Milano</option><option value='1948'>Modena</option><option value='1943'>Monza e Brianza</option><option value='1951'>Napoli</option><option value='1952'>Novara</option><option value='1953'>Nuoro</option><option value='1954'>Ogliastra</option><option value='1956'>Olbia-Tempio</option><option value='1955'>Oristano</option><option value='1959'>Padova</option><option value='1957'>Palermo</option><option value='1965'>Parma</option><option value='1968'>Pavia</option><option value='1961'>Perugia</option><option value='1967'>Pesaro e Urbino</option><option value='1960'>Pescara</option><option value='1958'>Piacenza</option><option value='1962'>Pisa</option><option value='1966'>Pistoia</option><option value='1963'>Pordenone</option><option value='1969'>Potenza</option><option value='1964'>Prato</option><option value='1973'>Ragusa</option><option value='1970'>Ravenna</option><option value='1971'>Reggio Calabria</option><option value='1972'>Reggio Emilia</option><option value='1974'>Rieti</option><option value='1976'>Rimini</option><option value='1975'>Roma</option><option value='1977'>Rovigo</option><option value='1978'>Salerno</option><option value='1983'>Sassari</option><option value='1984'>Savona</option><option value='1979'>Siena</option><option value='1982'>Siracusa</option><option value='1980'>Sondrio</option><option value='1985'>Taranto</option><option value='1986'>Teramo</option><option value='1990'>Terni</option><option value='1988'>Torino</option><option value='1989'>Trapani</option><option value='1987'>Trento</option><option value='1992'>Treviso</option><option value='1991'>Trieste</option><option value='1993'>Udine</option><option value='1994'>Varese</option><option value='1997'>Venezia</option><option value='1995'>Verbano-Cusio-Ossola</option><option value='1996'>Vercelli</option><option value='1999'>Verona</option><option value='2002'>Vibo Valentia</option><option value='1998'>Vicenza</option><option value='2001'>Viterbo</option></select> </div>
        <div class="form-group mb-3 col-md-6">
          <input type="text" class="form-control" value="" id="city_utente" name="city_utente" placeholder="Città *" required>
        </div>
      </div>
      <textarea rows="4" class="form-control" value="" id="message_utente" name="message" placeholder="Messaggio *" required></textarea>
      <div class="form-group col-12">
        <div class="form-check mb-3 text-start">
          <input class="form-check-input" type="checkbox" id="checkbox" required>
          <label class="form-check-label smallTerms d-inline" for="checkbox"> Ho preso visione della <a href="/azienda/privacy" title="Privacy Policy" target="_blank">Privacy Policy</a> </label>
        </div>
      </div>

    </div>
    <div class="row">
          <div class="form-group mb-3 col-12">      
            <p class="d-none mb-0 text-danger" id="message-error">* Compila tutti i campi obbligatori</p>
          </div>
        </div>
    <div class="form-group col-12 simarg text-center">
      <input type="hidden" name="richiedi_informazioni" value="richiedi_informazioni">
      <div class="textInfoHome">
        
      <button value="Richiedi Informazioni" id="submitBtn" type="button" class="btn-4 hover-border-7">
      <span class="span-2"><span class="span-1">Invia</span></span>
    </button>
      </div>
    </div>
    <input type='hidden' name = 'nome_prodotto' value="Mobile da Bagno MINI-MO MM06 di Compab"><input type='hidden' name = 'link_prodotto' value='/arredamento-casa/arredo-bagno/mini-mo-mm06-compab'><input type='hidden' name = 'ritorno' value='/arredamento-casa/arredo-bagno/mini-mo-mm06-compab'>
    
  </div>
</form>
<script>
document.getElementById('submitBtn').addEventListener('click', function () {
  // Controlla i campi del form
  const nome = document.getElementById('name_utente');
  const cognome = document.getElementById('cognome_utente');
  const email = document.getElementById('email_utente');
  const provincia = document.getElementById('codice_provincia');
  const tel = document.getElementById('telefono_utente');
  const city = document.getElementById('city_utente');
  const message = document.getElementById('message_utente');
  const checkboxa = document.getElementById('checkbox');

  let passato = 0;
  if (nome.value.length) { passato += 1; }
  if (cognome.value.length) { passato += 1; }
  if (email.value.length && isValidEmail(email.value)) { passato += 1; }
  if (tel.value.length) { passato += 1; }
  if (provincia.value.length) { passato += 1; }
  if (city.value.length) { passato += 1; }
  if (message.value.length) { passato += 1; }
  if (checkboxa.checked) { passato += 1; }

  // Se tutti i campi sono validi, procedi
  if (passato >= 8) {
    // Controlla se il reCAPTCHA è già stato caricato
    if (!document.getElementById('recaptchaScript')) {
      console.log('recaptchaScript non caricato, lo carico');
      const script = document.createElement('script');
      script.id = 'recaptchaScript';
      script.src = 'https://www.google.com/recaptcha/api.js?render=6Lety7MqAAAAAIuQowF3xjzJ8q8b3jwH4Rg0k-ie';
      script.onload = function () {
        // Aggiungi la classe 'submitting' solo dopo che il reCAPTCHA è pronto
        executeRecaptcha();
      };
      document.head.appendChild(script);
    } else {
      console.log('recaptchaScript già caricato');
      executeRecaptcha();
    }
  } else {
    // Mostra messaggio di errore se i campi non sono validi
    console.log('passato <> 8');
    const form = document.getElementById('contactform');
    const messageError = document.getElementById('message-error');
    messageError.classList.remove('d-none');
  }
});

function isValidEmail(email) {
  const re = /^[^s@]+@[^s@]+.[^s@]+$/;
  return re.test(email);
}

function executeRecaptcha() {
  const form = document.getElementById('contactform');

  grecaptcha.ready(function () {
    grecaptcha.execute('6Lety7MqAAAAAIuQowF3xjzJ8q8b3jwH4Rg0k-ie', { action: 'submit' }).then(function (token) {
      let recaptchaInput = document.getElementById('g-recaptcha-response');

      if (!recaptchaInput) {
        recaptchaInput = document.createElement('input');
        recaptchaInput.type = 'hidden';
        recaptchaInput.name = 'g-recaptcha-response';
        recaptchaInput.id = 'g-recaptcha-response';
        form.appendChild(recaptchaInput);
      }

      recaptchaInput.value = token;

      // Aggiungi la classe 'submitting' prima di inviare il form
      form.classList.add('submitting');
      form.submit();
    });
  });
}

function holdOnOnSubmit(formId = "contactform") {
  const form = document.getElementById(formId);
  if (form) {
    styleInject(`
      #${formId}.submitting { position: relative !important; }
      #${formId}.submitting::before {
        content: "";
        position: absolute;
        display: block;
        width: 106%;
        height: 106%;
        top: 0;
        background: rgba(255, 255, 255, .5);
        z-index: 9999;
        transform: translate(-3%, -3%);
        border-radius: 8px;
      }
      #${formId}.submitting::after {
        content: "";
        position: absolute;
        display: block;
        width: 16px;
        height: 16px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border-radius: 50%;
        background: rgb(47, 79, 79);
        animation: shadowExpandX 2s linear infinite alternate;
      }
      @keyframes shadowExpandX {
        0% { box-shadow: 0 0, 0 0; color: rgba(47, 79, 79, 0.2); }
        100% { box-shadow: -24px 0, 24px 0; color: rgba(47, 79, 79, 0.8); }
      }
    `);
  }
}

function styleInject(cssText) {
  const head = document.head || document.getElementsByTagName('head')[0];
  const style = document.createElement('style');
  style.type = 'text/css';
  style.appendChild(document.createTextNode(cssText));
  head.appendChild(style);
}

</script>

          </div>

        </div>
      </div>
    </div>

    <div class="col-12 p-md-5 p-4 bg-white correlati_print">
      <div class="container px-0">
        <div class="row">
          <div class="col-12 titInteresse">
            <h3 class="h4">Potrebbero piacerti anche</h3>
          </div>
          
        </div>
      </div>
    </div>

  </div>
</div>

##modulo_footer##