
{% extends 'CelmediaToyocostaVehiculosBundle::layout.html.twig' %}

{% block contenidotoyocosta %}

{% include 'CelmediaToyocostaVehiculosBundle:Blocks:top.menu.secciones.html.twig' %}

<div class="row banner-lp visible-md visible-lg visible-sm hidden-xs" style="top:50px; border-bottom: 1px solid #cccccc;">
	{% image '@CelmediaToyocostaVehiculosBundle/Resources/public/images/landings/compra_seminuevos.jpg' %}
	<img src="{{ asset_url }}" alt=""  style="width:100%;" class="img-responsive" />
	{% endimage %}
</div>

<div class="row banner-lp hidden-md hidden-lg hidden-sm visible-xs">
	{% image '@CelmediaToyocostaVehiculosBundle/Resources/public/images/landings/compra_seminuevos-m.jpg' %}
	<img src="{{ asset_url }}" alt=""  style="width:100%;" class="img-responsive" />
	{% endimage %}
</div>


<div class="container">

	<div class="row lp-contenido">


		<div class="col-md-12 text-center" style="padding-top:20px;padding-bottom:20px;">
			<h1 class="txt-lp-1 txt-rojo">¡TE LO COMPRAMOS!</h1>
			
			<p class="txt-lp-p txt-info">Por favor llene el siguiente formulario para que un representante de Toyocosta pueda comunicarse inmediatamente con usted.</p>

		</div>

		<div class="col-md-12">

			<form id="form-etiqueta" class="form-info" enctype="multipart/form-data" method="post">


				<input type="hidden" id="campana" name="campana" value="Compra Seminuevo, mail - Toyocosta" />
				

				<div class="row space-input">
					<div class="col-md-10 col-md-offset-1 col-xs-12">

						<div class="row">
							<div class="col-sm-4 col-sm-offset-1 col-xs-12">
								<label>Nombre:</label>
								<input id="nombre" name="nombre" type="text" class="form-control" placeholder="" />
							</div>
							<div class="col-sm-4 col-sm-offset-1 col-xs-12">
								<label>Apellido:</label>
								<input id="apellido" name="apellido" type="text" class="form-control" placeholder="" />
							</div>

						</div>	
					</div>

				</div>

				<div class="row space-input">
					<div class="col-md-10 col-md-offset-1 col-xs-12">

						<div class="row">
							<div class="col-sm-4 col-sm-offset-1 col-xs-12">
								<label>C&eacute;dula:</label>
								<input id="cedula" name="cedula" type="text" class="form-control" placeholder="" />
							</div>
							<div class="col-sm-4 col-sm-offset-1 col-xs-12">
								<label>Celular:</label>
								<input id="celular" name="celular" type="text" class="form-control" placeholder="" maxlength="10" />
							</div>
							

						</div>	
					</div>

				</div>

				<div class="row space-input">
					<div class="col-md-10 col-md-offset-1 col-xs-12">

						<div class="row">
							
							<div class="col-sm-4 col-sm-offset-1 col-xs-12">
								<label>Email:</label>
								<input id="email" name="email" type="text" class="form-control" placeholder="" />
							</div>
							
							<div class="col-sm-4 col-sm-offset-1 col-xs-12">
								<label>Modelo del Veh&iacute;culo:</label>
								<input id="modelo" name="modelo" type="text" class="form-control" placeholder="" />
							</div>

						</div>	
					</div>

				</div>


				<div class="row space-input">
					<div class="col-md-10 col-md-offset-1 col-xs-12">

						<div class="row">

							<div class="col-sm-4 col-sm-offset-1 col-xs-12">
								<label>Valor propuesto:</label>
								<input id="precio" name="precio" type="text" class="form-control" placeholder="" />
							</div>

							<div class="col-sm-4 col-sm-offset-1 col-xs-12">
								<label>Año:</label>
								<select name="anio" id="anio" class="form-control">
									<option value="2008">2008</option>
									<option value="2009">2009</option>
									<option value="2010">2010</option>
									<option value="2011">2011</option>
									<option value="2012">2012</option>
									<option value="2013">2013</option>
									<option value="2014">2014</option>
									<option value="2015">2015</option>
									<option value="2016">2016</option>
								</select>
							</div>


						</div>	
					</div>

				</div>

                <div class="row space-input">
					<div class="col-md-10 col-md-offset-1 col-xs-12">

						<div class="row">
							<div class="col-sm-4 col-sm-offset-1 col-xs-12">
								<label>Adjuntar foto veh&iacute;culo:</label>
                        
		                        <input id="rcv" type="file" name="rcv[]" value="" placeholder="Adjuntar archivo">
		                        <label for="f02">Subir foto</label>

		                        <input type="hidden" id="rutacv" name="rutacv"  value="" />
							</div>
							
						</div>	
					</div>

				</div>

				<div class="row space-input">
					<div class="col-md-10 col-md-offset-1 col-xs-12">

						<div class="row">
							<div class="col-sm-9 col-sm-offset-1 col-xs-12">
								<label>Comentario:</label>
								<textarea id="comentario" name="comentario" class="form-control" rows="3"></textarea>

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

				</div>




				
				<div class="row space-input" style="padding-top:20px;">

					<div class="col-md-3 col-md-offset-2 col-sm-3 col-xs-12" style="padding-right:0px;">

						<input type="submit" value="Enviar" class="btn btn-lg btn-info" style="width:100%;">
					</div>

				</div>

			</form>



			<div class="container" id="contenedorEspere" style="display:none;height:200px;">
				<div class="row">
					<div class="col-md-8 col-sm-10 col-xs-12 col-md-offset-2 col-sm-offset-1 text-center">
						<h4 class="txt-rojo txt-negrita">Enviando información...</h4>
					</div>
				</div>
			</div>


		</div>


	</div>

</div>

<style type="text/css">
	
	[type=file] {
    position: absolute;
    filter: alpha(opacity=0);
    opacity: 0;
	}
	input,
	[type=file] + label {
	  border: 1px solid #CCC;
	  border-radius: 3px;
	  text-align: left;
	  padding: 10px;
	  width: 150px;
	  margin: 0;
	  left: 0;
	}
	[type=file] + label {
	  text-align: center;
	  top: 0.5em;
	  /* Decorative */
	  background: #333;
	  color: #fff;
	  border: none;
	  cursor: pointer;
	}
	[type=file] + label:hover {
	  background: #3399ff;
	}


</style>

{% endblock %}

