<?php 

include "componentes/header.php";

 ?>


 <div class="container py-5 pt- mt-0">

 	<div class="row">

 		<form id="contactForm" class="contact-form appear-animation" action="php/contact-form-encuesta.php" method="POST" data-appear-animation="fadeIn" data-appear-animation-delay="600">
 			<div class="contact-form-success alert alert-success d-none mt-4" id="contactSuccess" >
 				<strong>Perfecto!</strong> El formulario ha sido enviado.

 			</div>
 			<div class="contact-form-error alert alert-danger d-none mt-4" id="contactError">
 				<strong>Error!</strong> Error al enviar mensaje.
 				<span class="mail-error-message text-1 d-block" id="mailErrorMessage"></span>
 			</div>

 			<div class="card-body">

 				<div class="row">
 					<div class="col-md-12">
 						<h2 class="text-color-black font-weight-bold text-capitalize mb-2 custom-letter-spacing-2 custom-text-1 appear-animation text-center pt-5" data-appear-animation="fadeInRightShorter" data-appear-animation-delay="200" style="font-size: 27px; line-height: 30px;">ENCUESTA DE SATISFACCIÓN DEL CLIENTE
 						</h2>
 						<p class="mb-4 appear-animation text-justify pt-4 text-color-black" data-appear-animation="fadeInRightShorter" data-appear-animation-delay="300" style="font-size: 16px;">EL OBJETIVO DE LA ENCUESTA DE SATISFACCIÓN DEL CLIENTE ES CONOCER SU OPINIÓN  PARA A PARTIR DE ESTA INFORMACIÓN IMPLEMENTAR ACCIONES QUE PERMITAN MEJORAR LA CALIDAD EN LA PRESTACIÓN DE LOS SERVICIOS OFRECIDOS Y LAS NORMAS DE BIOSEGURIDAD IMPLEMENTADAS. </p>


 						<div class="form-row">
								<div class="form-group col-md-4">
									<label class="text-color-black">NOMBRE DEL ESTABLECIMIENTO:</label>
									<input type="text" placeholder="NOMBRE DEL ESTABLECIMIENTO:" value="" data-msg-required="Please enter your name." maxlength="100" class="form-control" name="nombre_establecimiento" required>
								</div>
								<div class="form-group col-md-4">
									<label class="text-color-black">DIRECCIÓN:</label>
									<input type="text" placeholder="DIRECCIÓN:" value="" data-msg-required="Please enter your name." maxlength="100" class="form-control" name="direccion" required>
								</div>
								<div class="form-group col-md-4">
									<label class="text-color-black">TELÉFONO:</label>
									<input type="text" placeholder="TELÉFONO:" value="" data-msg-required="Please enter your name." maxlength="100" class="form-control" name="telefono" required>
								</div>
							</div>
							<div class="form-row">
								<div class="form-group col">
									<label class="text-color-black">NOMBRE DE QUIEN DILIGENCIA LA ENCUESTA</label>
									<input type="text" placeholder="NOMBRE DE QUIEN DILIGENCIA LA ENCUESTA" value=""  maxlength="100" class="form-control" name="nombre" required>
								</div>
							</div>

						<p class="mb-2 appear-animation text-justify pt-3 text-color-black" data-appear-animation="fadeInRightShorter" data-appear-animation-delay="300" style="font-size: 16px;">Gracias por realizar la encuesta de satisfacción del Cliente. No tardará más de cinco minutos en completarla y nos será de gran ayuda para mejorar nuestros servicios. Los datos que en ella se consignen se tratarán de forma anónima.   </p>
						<p class="mb-4 appear-animation text-justify pt-3 text-color-black" data-appear-animation="fadeInRightShorter" data-appear-animation-delay="300" style="font-size: 16px;">Clasifique su nivel de satisfacción de acuerdo con la siguiente escala de clasificación: <span class="font-weight-bold">(Seleccione la Casilla)</span><br>
							<span class="font-weight-bold">1 = PESIMO 2 = REGULAR 3 = ACEPTABLE 4 = BUENO 5 = EXCELENTE NE = (NO EVIDENCIADO) si no fue posible observar los aspectos asociados con la pregunta.</span>
						</p>
						<p class="mb-0 appear-animation text-justify pt-0 text-color-black" data-appear-animation="fadeInRightShorter" data-appear-animation-delay="300" style="font-size: 16px;">Fecha: <input class="borde" type="text" name="fecha"  placeholder="Fecha" required>  </p> 

						<p class="mb-2 appear-animation text-justify pt-4 text-color-black" data-appear-animation="fadeInRightShorter" data-appear-animation-delay="300" style="font-size: 16px;">1. ¿Cómo califica el servicio que prestó el establecimiento? </p>

						<div class="form-check form-check-inline">
							<input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio1" value="1">
							<label class="form-check-label" for="inlineRadio1">1</label>
						</div>
						<div class="form-check form-check-inline">
							<input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio2" value="2">
							<label class="form-check-label" for="inlineRadio2">2</label>
						</div>
						<div class="form-check form-check-inline">
							<input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio1" value="3">
							<label class="form-check-label" for="inlineRadio1">3</label>
						</div>
						<div class="form-check form-check-inline">
							<input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio2" value="4">
							<label class="form-check-label" for="inlineRadio2">4</label>
						</div>
						<div class="form-check form-check-inline">
							<input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio1" value="5">
							<label class="form-check-label" for="inlineRadio1">5</label>
						</div>
						<div class="form-check form-check-inline">
							<input class="form-check-input" type="radio" name="inlineRadioOptions" id="inlineRadio2" value="NE">
							<label class="form-check-label" for="inlineRadio2">NE</label>
						</div>

						<p class="mb-2 appear-animation text-justify pt-4 text-color-black" data-appear-animation="fadeInRightShorter" data-appear-animation-delay="300" style="font-size: 16px;">2. ¿Cómo es el trato del personal hacia los usuarios o clientes? </p>

						<div class="form-check form-check-inline">
							<input class="form-check-input" type="radio" name="inlineRadioOptions2" id="inlineRadio1" value="1">
							<label class="form-check-label" for="inlineRadio1">1</label>
						</div>
						<div class="form-check form-check-inline">
							<input class="form-check-input" type="radio" name="inlineRadioOptions2" id="inlineRadio2" value="2">
							<label class="form-check-label" for="inlineRadio2">2</label>
						</div>
						<div class="form-check form-check-inline">
							<input class="form-check-input" type="radio" name="inlineRadioOptions2" id="inlineRadio1" value="3">
							<label class="form-check-label" for="inlineRadio1">3</label>
						</div>
						<div class="form-check form-check-inline">
							<input class="form-check-input" type="radio" name="inlineRadioOptions2" id="inlineRadio2" value="4">
							<label class="form-check-label" for="inlineRadio2">4</label>
						</div>
						<div class="form-check form-check-inline">
							<input class="form-check-input" type="radio" name="inlineRadioOptions2" id="inlineRadio1" value="5">
							<label class="form-check-label" for="inlineRadio1">5</label>
						</div>
						<div class="form-check form-check-inline">
							<input class="form-check-input" type="radio" name="inlineRadioOptions2" id="inlineRadio2" value="NE">
							<label class="form-check-label" for="inlineRadio2">NE</label>
						</div>


						<p class="mb-2 appear-animation text-justify pt-4 text-color-black" data-appear-animation="fadeInRightShorter" data-appear-animation-delay="300" style="font-size: 16px;">3. ¿Considera que todo el personal se encuentra capacitado y es idóneo para realizar y prestar los servicios de la empresa?  </p>

						<div class="form-check form-check-inline">
							<input class="form-check-input" type="radio" name="inlineRadioOptions3" id="inlineRadio1" value="1">
							<label class="form-check-label" for="inlineRadio1">1</label>
						</div>
						<div class="form-check form-check-inline">
							<input class="form-check-input" type="radio" name="inlineRadioOptions3" id="inlineRadio2" value="2">
							<label class="form-check-label" for="inlineRadio2">2</label>
						</div>
						<div class="form-check form-check-inline">
							<input class="form-check-input" type="radio" name="inlineRadioOptions3" id="inlineRadio1" value="3">
							<label class="form-check-label" for="inlineRadio1">3</label>
						</div>
						<div class="form-check form-check-inline">
							<input class="form-check-input" type="radio" name="inlineRadioOptions3" id="inlineRadio2" value="4">
							<label class="form-check-label" for="inlineRadio2">4</label>
						</div>
						<div class="form-check form-check-inline">
							<input class="form-check-input" type="radio" name="inlineRadioOptions3" id="inlineRadio1" value="5">
							<label class="form-check-label" for="inlineRadio1">5</label>
						</div>
						<div class="form-check form-check-inline">
							<input class="form-check-input" type="radio" name="inlineRadioOptions3" id="inlineRadio2" value="NE">
							<label class="form-check-label" for="inlineRadio2">NE</label>
						</div>

						<p class="mb-2 appear-animation text-justify pt-4 text-color-black" data-appear-animation="fadeInRightShorter" data-appear-animation-delay="300" style="font-size: 16px;">4. ¿Cómo califica las instalaciones, elementos, productos o equipos empleados en el servicio? (presentacion del personal y vehiculo) </p>

						<div class="form-check form-check-inline">
							<input class="form-check-input" type="radio" name="inlineRadioOptions4" id="inlineRadio1" value="1">
							<label class="form-check-label" for="inlineRadio1">1</label>
						</div>
						<div class="form-check form-check-inline">
							<input class="form-check-input" type="radio" name="inlineRadioOptions4" id="inlineRadio2" value="2">
							<label class="form-check-label" for="inlineRadio2">2</label>
						</div>
						<div class="form-check form-check-inline">
							<input class="form-check-input" type="radio" name="inlineRadioOptions4" id="inlineRadio1" value="3">
							<label class="form-check-label" for="inlineRadio1">3</label>
						</div>
						<div class="form-check form-check-inline">
							<input class="form-check-input" type="radio" name="inlineRadioOptions4" id="inlineRadio2" value="4">
							<label class="form-check-label" for="inlineRadio2">4</label>
						</div>
						<div class="form-check form-check-inline">
							<input class="form-check-input" type="radio" name="inlineRadioOptions4" id="inlineRadio1" value="5">
							<label class="form-check-label" for="inlineRadio1">5</label>
						</div>
						<div class="form-check form-check-inline">
							<input class="form-check-input" type="radio" name="inlineRadioOptions4" id="inlineRadio2" value="NE">
							<label class="form-check-label" for="inlineRadio2">NE</label>
						</div>

						<p class="mb-2 appear-animation text-justify pt-4 text-color-black" data-appear-animation="fadeInRightShorter" data-appear-animation-delay="300" style="font-size: 16px;">5. ¿Cómo le parece la presentacion, etiqueta y forma de nuestros productos?</p>

						<div class="form-check form-check-inline">
							<input class="form-check-input" type="radio" name="inlineRadioOptions5" id="inlineRadio1" value="1">
							<label class="form-check-label" for="inlineRadio1">1</label>
						</div>
						<div class="form-check form-check-inline">
							<input class="form-check-input" type="radio" name="inlineRadioOptions5" id="inlineRadio2" value="2">
							<label class="form-check-label" for="inlineRadio2">2</label>
						</div>
						<div class="form-check form-check-inline">
							<input class="form-check-input" type="radio" name="inlineRadioOptions5" id="inlineRadio1" value="3">
							<label class="form-check-label" for="inlineRadio1">3</label>
						</div>
						<div class="form-check form-check-inline">
							<input class="form-check-input" type="radio" name="inlineRadioOptions5" id="inlineRadio2" value="4">
							<label class="form-check-label" for="inlineRadio2">4</label>
						</div>
						<div class="form-check form-check-inline">
							<input class="form-check-input" type="radio" name="inlineRadioOptions5" id="inlineRadio1" value="5">
							<label class="form-check-label" for="inlineRadio1">5</label>
						</div>
						<div class="form-check form-check-inline">
							<input class="form-check-input" type="radio" name="inlineRadioOptions5" id="inlineRadio2" value="NE">
							<label class="form-check-label" for="inlineRadio2">NE</label>
						</div>

						<p class="mb-2 appear-animation text-justify pt-4 text-color-black" data-appear-animation="fadeInRightShorter" data-appear-animation-delay="300" style="font-size: 16px;">6. ¿Como califica el precio de nuestros productos?</p>

						<div class="form-check form-check-inline">
							<input class="form-check-input" type="radio" name="inlineRadioOptions6" id="inlineRadio1" value="1">
							<label class="form-check-label" for="inlineRadio1">1</label>
						</div>
						<div class="form-check form-check-inline">
							<input class="form-check-input" type="radio" name="inlineRadioOptions6" id="inlineRadio2" value="2">
							<label class="form-check-label" for="inlineRadio2">2</label>
						</div>
						<div class="form-check form-check-inline">
							<input class="form-check-input" type="radio" name="inlineRadioOptions6" id="inlineRadio1" value="3">
							<label class="form-check-label" for="inlineRadio1">3</label>
						</div>
						<div class="form-check form-check-inline">
							<input class="form-check-input" type="radio" name="inlineRadioOptions6" id="inlineRadio2" value="4">
							<label class="form-check-label" for="inlineRadio2">4</label>
						</div>
						<div class="form-check form-check-inline">
							<input class="form-check-input" type="radio" name="inlineRadioOptions6" id="inlineRadio1" value="5">
							<label class="form-check-label" for="inlineRadio1">5</label>
						</div>
						<div class="form-check form-check-inline">
							<input class="form-check-input" type="radio" name="inlineRadioOptions6" id="inlineRadio2" value="NE">
							<label class="form-check-label" for="inlineRadio2">NE</label>
						</div>

						<p class="mb-2 appear-animation text-justify pt-4 text-color-black" data-appear-animation="fadeInRightShorter" data-appear-animation-delay="300" style="font-size: 16px;">7. ¿Cómo califica el tiempo de entrega de nuestros productos?</p>

						<div class="form-check form-check-inline">
							<input class="form-check-input" type="radio" name="inlineRadioOptions7" id="inlineRadio1" value="1">
							<label class="form-check-label" for="inlineRadio1">1</label>
						</div>
						<div class="form-check form-check-inline">
							<input class="form-check-input" type="radio" name="inlineRadioOptions7" id="inlineRadio2" value="2">
							<label class="form-check-label" for="inlineRadio2">2</label>
						</div>
						<div class="form-check form-check-inline">
							<input class="form-check-input" type="radio" name="inlineRadioOptions7" id="inlineRadio1" value="3">
							<label class="form-check-label" for="inlineRadio1">3</label>
						</div>
						<div class="form-check form-check-inline">
							<input class="form-check-input" type="radio" name="inlineRadioOptions7" id="inlineRadio2" value="4">
							<label class="form-check-label" for="inlineRadio2">4</label>
						</div>
						<div class="form-check form-check-inline">
							<input class="form-check-input" type="radio" name="inlineRadioOptions7" id="inlineRadio1" value="5">
							<label class="form-check-label" for="inlineRadio1">5</label>
						</div>
						<div class="form-check form-check-inline">
							<input class="form-check-input" type="radio" name="inlineRadioOptions7" id="inlineRadio2" value="NE">
							<label class="form-check-label" for="inlineRadio2">NE</label>
						</div>

						<p class="mb-2 appear-animation text-justify pt-4 text-color-black" data-appear-animation="fadeInRightShorter" data-appear-animation-delay="300" style="font-size: 16px;">8. ¿En general como calificaria nuestro servicio y nuestros productos?</p>

						<div class="form-check form-check-inline">
							<input class="form-check-input" type="radio" name="inlineRadioOptions8" id="inlineRadio1" value="1">
							<label class="form-check-label" for="inlineRadio1">1</label>
						</div>
						<div class="form-check form-check-inline">
							<input class="form-check-input" type="radio" name="inlineRadioOptions8" id="inlineRadio2" value="2">
							<label class="form-check-label" for="inlineRadio2">2</label>
						</div>
						<div class="form-check form-check-inline">
							<input class="form-check-input" type="radio" name="inlineRadioOptions8" id="inlineRadio1" value="3">
							<label class="form-check-label" for="inlineRadio1">3</label>
						</div>
						<div class="form-check form-check-inline">
							<input class="form-check-input" type="radio" name="inlineRadioOptions8" id="inlineRadio2" value="4">
							<label class="form-check-label" for="inlineRadio2">4</label>
						</div>
						<div class="form-check form-check-inline">
							<input class="form-check-input" type="radio" name="inlineRadioOptions8" id="inlineRadio1" value="5">
							<label class="form-check-label" for="inlineRadio1">5</label>
						</div>
						<div class="form-check form-check-inline">
							<input class="form-check-input" type="radio" name="inlineRadioOptions8" id="inlineRadio2" value="NE">
							<label class="form-check-label" for="inlineRadio2">NE</label>
						</div>


						<p class="mb-0 appear-animation text-justify pt-2 text-color-black" data-appear-animation="fadeInRightShorter" data-appear-animation-delay="300" style="font-size: 16px;">Desea realizar algún comentario adicional: <textarea class="form-control" id="exampleFormControlTextarea1" name="comentario" rows="3"></textarea> </p>
 					</div>
 				</div>

 			

 				<div class="form-row mt-5">
 					<div class="form-group col text-center">
 						<input type="submit" value="Enviar encuesta" class="btn btn-primary custom-btn text-center text-uppercase text-decoration-none font-weight-semibold" data-loading-text="Loading...">
 					</div>
 				</div>

 			</div>



 		</form>



 	</div>
 </div>




 <?php 

include "componentes/footer.php";

  ?>