frs_formscript_promo = 'normal';
if(document.currentScript.getAttribute('promo')) frs_formscript_promo = document.currentScript.getAttribute('promo');

function dynamicallyLoadScript() {
    var script = document.createElement("script");
    script.src = 'https://form-202302.frs.factorideas.dev/build/front/js/scripts.min.js?v=20240427103415';
    document.head.appendChild(script);

    var head  = document.getElementsByTagName('head')[0];
    var link  = document.createElement('link');
    link.id   = 'form-eurafrica-trail';
    link.rel  = 'stylesheet';
    link.type = 'text/css';
    link.href = 'https://form-202302.frs.factorideas.dev/build/front/css/styles.min.css?v=20240427103415';
    link.media = 'all';
    head.appendChild(link);
}

var html = `<div id="formulario-frs-202203" data-idioma="es">
    <div class="container-fluid">
        <div class="banner-newsletter">
            <div class="row" v-if="!mostrarForm" id="aviso">
                <div>
                    <h3>¡Gracias por suscribirte!</h3>
                </div>
            </div>
            <div class="row" v-if="mostrarForm">
                <form v-on:submit.prevent="Guardar">
                    <div class="col">
                        <div class="form-select">
                            <select class="form-control" id="form-input-excursion" v-model="datos.excursion" required data-error="Selecciona la excursión">
                            <option value="">Selecciona excursión</option>
                            <option value="tanger-esencial">Tanger Esencial 1 día (54,90€)</option>
                            <option value="tanger-cultural">Tanger Cultural 1 día (79,90€)</option>
                            </select>
                            <div class="alert-form-input" v-if="errores.fecha">El campo excursión es obligatorio</div>
                        </div>
                        <div class="form-group form-date">
                            <label>Fecha</label>
                            <input type="date" class="form-control" id="form-input-fecha" placeholder="Fecha" v-model="datos.fecha" required data-error="Introduce la fecha" min="2024-04-29" />
                            <div class="alert-form-input" v-if="errores.fecha">El campo fecha es obligatorio</div>
                        </div>
                        <div class="form-select">
                            <label>Pasajeros - Adulto (+12 años)</label>
                            <select class="form-control" id="form-input-pax-adultos" v-model="datos.pax_adultos" required data-error="Introduce el número de adultos">
                            <option v-for="n in 15" :value="n">{{ n }}</option>
                            </select>
                            <div class="alert-form-input" v-if="errores.fecha">El campo email es obligatorio</div>
                        </div>
                        <div class="form-select">
                            <label>Pasajeros - niño (3 - 11 años)</label>
                            <select class="form-control" id="form-input-pax-menores" v-model="datos.pax_menores" required data-error="Introduce el número de menores">
                            <option value="0">0</option>
                            <option v-for="n in 15" :value="n">{{ n }}</option>
                            </select>
                        </div>
                        <div class="form-select">
                            <label>Pasajeros - niño (0 - 2 años)</label>
                            <select class="form-control" id="form-input-pax-bebes" v-model="datos.pax_bebes" required data-error="Introduce el número de bebés">
                            <option value="0">0</option>
                            <option v-for="n in 15" :value="n">{{ n }}</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <label>Nombre de contacto</label>
                            <input type="text" class="form-control" id="form-input-nombre" v-model="datos.nombre" required data-error="Introduce tu nombre" />
                            <div class="alert-form-input" v-if="errores.email">El campo email es obligatorio</div>
                        </div>
                        <div class="form-group">
                            <label>Apellidos</label>
                            <input type="text" class="form-control" id="form-input-apellido" v-model="datos.apellido" data-error="Introduce tu apellido" />
                            <div class="alert-form-input" v-if="errores.email">El campo email es obligatorio</div>
                        </div>
                        <div class="form-group">
                            <label>Email</label>
                            <input type="email" class="form-control" id="form-input-email" v-model="datos.email" required data-error="Introduce tu email" />
                            <div class="alert-form-input" v-if="errores.email">El campo email es obligatorio</div>
                        </div>
                        <div class="form-group">
                            <label>Teléfono</label>
                            <input type="tel" class="form-control" id="form-input-telefono" placeholder="+34950000000" v-model="datos.telefono" required data-error="Introduce tu teléfono" maxlength="13" minlength="10" required />
                            <div class="alert-form-input" v-if="errores.email">El campo email es obligatorio</div>
                        </div>
                        <div class="form-check">
                            <input type="checkbox" required v-model="datos.acepto" id="form-legal-checkbox-acepto"> <label for="form-legal-checkbox-acepto">Acepto la <a href="https://www.frs.es/first-metanav/tratamiento-de-datos-pdersonales" target="_blank">Política de Privacidad y Protección de datos</a></label>
                            <div class="alert-form-input" v-if="errores.acepto">Debe aceptar la política de privacidad y protección de datos</div>
                        </div>
                        <div class="alert alert-warning mt-4" v-if="formLocked">Enviando datos del formulario</div>
                        <div class="mt-3" id="form-cta">
                            <button type="submit" class="btn-lg btn btn-primary" :disabled="formLocked">Reservar</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>`;
if( typeof frs_scripts_loaded === 'undefined' ){
    frs_scripts_loaded = true;
    dynamicallyLoadScript();
    document.write(html);
}else{
    // console.log("NO cargamos los scripts");
    dynamicallyLoadScript();
    document.getElementById('newsletter-frs-optimize').innerHTML = html;
}