THE COUNCIL OF VAPOR

NOMBRE

Apellidos

Correo

Comentarios

</div
        captcha class="mx-auto"></captcha>
        <button type="submit" class="text-sm w-full py-3 px-4 bg-main-color text-white border boder-transparent hover:opacity-75 mt-4 uppercase"><i class="fa fa-send"></i>  Enviar solicitud</button>
  </c-form>
</div>

<div id="addCestaButtons" class="py-4 hidden" ref="main">
    <div v-if="atributos" class="atributos">
        <div v-for="(attr_padre,key,index) in atributos" :data-orden="index" :data-numfather="attr_padre.info.num" class="selector" :class="[`attr-father-${index}`, { 'hidden' : index> 0 }]" > <p class="opciones">Elegir  ${attr_padre.info.name}</p>
            <div class="separa-20"></div>
            <ul class="flex my-4 opciones-attr">
                <li @click="selectAttr(attr.num,index,this)" v-for="attr in attr_padre.atributos_hijos" class="mr-2 ">
                    <a class=" px-8 py-3" href="javascript:void(0)" :data-variaciones='variaciones_atributos[attr["num"]]["variaciones"]' :data-numProducto="producto.num" :data-nameatributo="attr.name" :data-numAtributo="attr.num">${attr.name}</a>
              </li>
          </ul>
            <span class="elegido"></span>
      </div>
  </div>
    <div v-if="producto.precio">
        <div class="text-left flex flex-wrap items-center justify-start">
            <div class="precio-articulo mr-2 text-2xl font-normal text-main-color-dark">${ producto.precio } €</div>
            <div class="mx-2 text-xl  text-gray-500 flex items-center justify-start flex-wrap" v-if="producto.precio_ant">
                <span class="font-normal line-through text-gray-600 line-throunght inline-block">${ producto.precio_ant } €</span>
                <span class="font-normal text-xs text-red-800 inline-block bg-red-200 py-1 px-2 rounded-sm ml-2 text-red-600 ">${ priceDifference(producto.precio,producto.precio_ant) } €</span>
          </div>
      </div>
        <div class="text-sm text-left mb-4 text-gray-600">Incluye IGIC - Ref. <span class="ref">${producto.codigo}</span></div>    
        <div v-if="iCanPurchase" c-if="not sinventa" class="text-left flex flex-col justify-between">
            <div class="flex justifu-between w-64">
                <button class="px-4 bg-gray-100 text-gray-600 hover:text-black h-12 border border-gray-300 hover:opacity-75" @click="quantity(-1)"><i class="fa fa-minus"></i></button>
                <input type="number" class="py-4 appearance-none pointer-events-none border-t border-b border-gray-300 text-gray-800 w-full text-center text-xl" v-model="cantidad">
                <button class="px-4 bg-gray-100 text-gray-600 hover:text-black border border-gray-300 hover:opacity-75" @click="quantity(1)"><i class="fa fa-plus"></i></button>
                
          </div>
            <aplazame-calculadora c-if="tienda.pago_por_financiacion_aplazame == 1" :data="{total:producto.precio,pubkey:'0a3e20dc0f7661eda88c33e76c306fda6ecccef9',sandbox:true}"></aplazame-calculadora>
            <button v-if="variacionElegida || producto_simple" :data-variacion="variacionElegida" @click="buy()" class="py-3 px-4 bg-main-color-dark text-white border boder-transparent hover:opacity-75 text-xl mt-2 uppercase">
                Comprar
          </button>
      </div>
        <div v-if="iCanPurchase" c-if="sinventa" class="modalSolicitarButton text-left flex flex-col justify-between">
            <button onclick="document.querySelector('.modalSolicitar').classList.toggle('hidden');document.querySelector('.modalSolicitarButton').classList.toggle('hidden')" class="py-3 px-4 bg-main-color text-white border boder-transparent hover:opacity-75 text-xl mt-4 uppercase">
                <i class="fa fa-send"></i>  Solicitar información
          </button>
      </div>
  </div>
    <input type="hidden" id="productNum" value="880">
</div>   
 
<div class="modalSolicitar hidden p-6 border-2"> 
    <set :configuracion="'configuracion' | get('num!=0')[0]"></set>
      
    <c-form tableName="'solicitudes'" method="post" mailRecord="['correos','INFO_PRODUCTO']" sendTo="configuracion.correo_admin" sendToClient="'email'" method="get" accept-charset="utf-8">
        <input type="hidden" name="producto" value="THE COUNCIL OF VAPOR">
        <div class="flex flex-col w-full">
            <label for="name" class="mb-1 mt-2 text-gray-600 text-sm">NOMBRE</label>
            <input type="text" required name="nombre" class="appearance-none p-2  border" placeholder="NOMBRE"/>
      </div>
        <div class="flex flex-col w-full">
            <label for="apellidos" class="mb-1 mt-2 text-gray-600 text-sm">Apellidos</label>
            <input type="text" required name="apellidos" class="appearance-none p-2  border" placeholder="Apellidos"/>
      </div>
        <div class="flex flex-col w-full">
            <label for="email" class="mb-1 mt-2 text-gray-600 text-sm">Correo</label>
            <input type="text" required name="email" class="appearance-none p-2  border" placeholder="Correo"/>
      </div>
        <div class="flex flex-col w-full">
            <label for="email" class="mb-1 mt-2 text-gray-600 text-sm">Comentarios</label>
            <textarea type="text" name="comentario" class="appearance-none p-2  border" placeholder="Comentarios"/>

Productos relacionados

Productos
relacionados