| Current Path : /home/baheco/public_html/ |
Linux sd-1582531-l.dattaweb.com 3.10.0-1160.119.1.el7.x86_64 #1 SMP Tue Jun 4 14:43:51 UTC 2024 x86_64 |
| Current File : /home/baheco/public_html/solicitud.php |
<?php
include_once('pag/inclusiones.php');
include_once('pag/class.inputfilter.php');
include_once('adm/clases/datos/datos-metadato.php');
$medaDatos = new DatosMetadato();
$metadato = $medaDatos->obtenerMetadato(5);
$filtro = new InputFilter();
$_POST = $filtro->process($_POST);
?>
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1">
<meta name="description" content="<?php $metadato->getDescripcion(); ?>">
<meta name="keywords" content="<?php $metadato->getKeywords(); ?>">
<title>BAHECO - Solicitud de presupuesto</title>
<?php include_once('pag/links.php'); ?>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
<link rel="stylesheet" type="text/css" href="css/russo-styles.css">
<script>
$().ready(function() {
// validate signup form on keyup and submit
$("#presupuesto").validate({
rules: {
nombre: {
required: true
},
detalle: {
required: true
},
mail: {
required: true,
email: true
},
archivo: {
required: true
},
archivo2: {
required: true
},
est: {
required: true
}
},
messages:
{
nombre: {
required: "Ingrese nombre"
},
detalle: {
required: "Ingrese detalles del producto"
},
mail: {
required: "Ingrese mail",
email: "Ingrese un mail valido"
}
archivo: {
required: "Ingrese un archivo"
},
archivo2: {
required: "Ingrese un archivo"
},
est: {
required: "Ingrese plano"
}
}
});
});
</script>
</head>
<body>
<header>
<?php include_once('pag/cabecera.php'); ?>
<?php include_once('pag/navegador.php'); ?>
</header>
<section>
<div id="contacto" class="container">
<div class="row">
<div class="col-xs-9 col-sm-9 col-md-9 col-lg-9 main-cont presupuesto center" style="float: initial">
<div class="cont-pasos table">
<div class="paso datos active col-xs-3 col-sm-2 col-md-2 col-lg-2 col-md-offset-1" id="elDiv1">
<span></span>
<p>Tus datos</p>
</div>
<div class="linea col-xs-3 col-sm-3 col-md-3 col-lg-3 re-padding">
<hr style="border-color: #DDDDDD; margin-top: 60px;">
</div>
<div class="paso obra col-3-12 col-sm-4 col-md-4 col-lg-4" id="elDiv2">
<span></span>
<p>Tu proyecto</p>
</div>
</div>
<form action="pag/enviar-presupuesto.php" id="presupuesto" method="post" enctype="multipart/form-data">
<div id="estado1">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 active pasos paso-1">
<p>
<input type="text" name="nombre" id="nombre" class="form-control" value="" placeholder="Nombre" title="">
</p>
<p>
<input type="text" name="mail" id="mail" class="form-control" value="" placeholder="E-mail" title="">
</p>
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 pasos paso-1">
<p>
<input type="text" name="localidad" id="localidad" class="form-control" value="" placeholder="Localidad (Opcionál)">
</p>
<p>
<input type="text" name="tel" id="tel" class="form-control" value="" placeholder="Teléfono (Opcionál)">
</p>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 cont-btn">
<!-- <a href="presupuesto.php">Paso anterior</a> -->
<button type="button" class="btn btn-default pull-right anima2 boton-siguiente" id="botonSiguienteEstado">Siguiente</button>
</div>
</div>
<div id="estado2" style="display: none;">
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 pasos paso-2">
<textarea class="form-control" name="detalle" id="detalle" placeholder="Detalles" rows="4"></textarea>
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 pasos paso-2" style="margin-bottom: 15px">
<div class="examinar">
<div class="input-group">
<input type="text" placeholder="Plano (Opcionál)" class="col-xs-10 form-control" style="margin-right: 20px; width: 55%; text-align: left;" disabled>
<label class="input-group-btn">
<span class="btn-exam">
<input type="file" style="display: none;" name="archivo-plano" id="archivo-plano">Examinar
</span>
</label>
</div>
</div>
<textarea name="medidas" id="medidas" placeholder="Medidas (Opcionál)" class="form-control" rows="2"></textarea>
</div>
<div class="col-sm-4">
<div class="plano" style="background-image: url('img/filtros1-02.png');">
<label><input type="radio" name="tipo-plano" value="1" checked="checked"> Filtro de aire</label>
</div>
</div>
<div class="col-sm-4">
<div class="plano" style="background-image: url('img/filtros2-02.png');">
<label><input type="radio" name="tipo-plano" value="2"> Separador</label>
</div>
</div>
<div class="col-sm-4">
<div class="plano" style="background-image: url('img/filtros3-02.png');">
<label><input type="radio" name="tipo-plano" value="3"> Filtro de aceite</label>
</div>
</div>
<div class="col-xs-6 col-xs-offset-6 cont-btn">
<input type="hidden" value="<?php echo $correo->getTexto(); ?>" name="correo" id="correo">
<button type="submit" class="btn btn-default pull-right anima2 boton-enviar">Enviar</button>
<button type="button" class="btn btn-default pull-right anima2 boton-atras" id="botonEstadoAnterior">Atrás</button>
</div>
</div>
</form>
</div>
</div>
</div>
</section>
<script>
document.getElementById("botonSiguienteEstado").addEventListener("click", mostrarEstado2);
document.getElementById("botonEstadoAnterior").addEventListener("click", mostrarEstado1);
function mostrarEstado2() {
document.getElementById("estado1").className = "animated bounceOutLeft";
setTimeout(function(){
document.getElementById("estado1").style.display = "none";
document.getElementById("estado2").style.display = "block";
document.getElementById("estado2").className = "animated bounceInRight";
document.getElementById("elDiv1").className = "paso datos col-xs-12 col-sm-2 col-md-2 col-lg-2 col-md-offset-1";
document.getElementById("elDiv2").className = "paso obra active col-xs-12 col-sm-4 col-md-4 col-lg-4";
}, 1000);
}
function mostrarEstado1() {
document.getElementById("estado2").className = "animated bounceOutLeft";
setTimeout(function(){
document.getElementById("estado2").style.display = "none";
document.getElementById("estado1").style.display = "block";
document.getElementById("estado1").className = "animated bounceInRight";
document.getElementById("elDiv1").className = "paso datos active col-xs-12 col-sm-2 col-md-2 col-lg-2 col-md-offset-1";
document.getElementById("elDiv2").className = "paso obra col-xs-12 col-sm-4 col-md-4 col-lg-4";
}, 1000);
}
function animacion(id, clase) {
$(id).removeClass("animated "+clase).addClass(clase + ' animated').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(){
$(this).removeClass("animated "+clase);
});
};
</script>
<?php include_once('pag/footer.php'); ?>
</body>
</html>