<?php
	$seccion    = 'Encuestas';
	$subseccion = 'Encuesta';
	$position   = '../../../';

	require_once($position.'../switch/access.php');
	require_once($position.'assets/global.php');
	require_once($position.'assets/session.php');
	require_once($position.'assets/funciones.php');

	if (isset($_GET['id'])){ $tipoAccion="editar"; }else{ $tipoAccion="nuevo"; }

	/* Usuario */
	if(isset($_POST['save'])== 'Ok'){

    if(isset($_POST['id'])){
			$idEncuesta	= $_POST['id'];
		}
    $nombre							= addslashes(strip_tags($_POST['nombre']));
    $fechainicio				= addslashes(strip_tags($_POST['fechainicio']));
		$fechainicio				= cambio_fecha_texto_numerica($fechainicio);
		$fechalimite				= addslashes(strip_tags($_POST['fechalimite']));
		$fechalimite				= cambio_fecha_texto_numerica($fechalimite);
		$usuario_tipo				= addslashes(strip_tags($_POST['usuario_tipo']));
		$unica_respuesta		= addslashes(strip_tags($_POST['unica_respuesta']));
		$checkin						= addslashes(strip_tags($_POST['checkin']));
		$activo							= addslashes(strip_tags($_POST['activo']));

    //Nueva Encuesta
    if( $_POST['action'] == 'nuevo' ){

      //Save
      $qsEncuesta = "
				INSERT INTO encuestas (
					nombre, fechainicio, fechalimite,
					fk_usuario_tipo, activo,
					unica_respuesta, checkin
				)VALUES(
					'$nombre', '$fechainicio', '$fechalimite',
					'$usuario_tipo', '$activo',
					'$unica_respuesta', '$checkin'
				)
			";
      $sEncuesta = mysqli_query($mysqli, $qsEncuesta);
      $idEncuesta = mysqli_insert_id($mysqli);

    }
    //END Nueva Encuesta

    //Edita Encuesta
    if( $_POST['action'] == 'editar' ){

      //Update
      $qeEncuesta = "
      	UPDATE encuestas
				SET
					nombre 						= '$nombre',
					fechainicio				= '$fechainicio',
					fechalimite				= '$fechalimite',
					fk_usuario_tipo		= '$usuario_tipo',
					activo						= '$activo',
					unica_respuesta		= '$unica_respuesta',
					checkin						= '$checkin'
				WHERE
					id = '$idEncuesta'
			";
      $eEncuesta = mysqli_query($mysqli, $qeEncuesta);

    }
    //END Edita Encuesta

		//Preguntas
		$Pregs 	= $_POST['Pregs'];
		$Pre 		= $_POST['Pre'];
		$Orden	= 0;

		foreach( $Pregs AS $Preg ){
      $Action       = $Pre[$Preg]['Action'];
      $IdPregunta   = $Pre[$Preg]['Id'];
      $Pregunta     = $Pre[$Preg]['Pregunta'];
      $Tipo			    = $Pre[$Preg]['Tipo'];
			$Opciones     = $Pre[$Preg]['Opciones'];
			$Orden				= $Orden + 1;

			//New
			if( $Action == 'New' ){

				//Insert
				$qsPregunta = "
					INSERT INTO encuestas_preguntas (
						fk_encuesta, fk_encuesta_pregunta_tipo,
						pregunta, orden, activo
					)VALUES(
						'$idEncuesta', '$Tipo',
						'$Pregunta', '$Orden', '1'
					)
				";
	      $sPregunta = mysqli_query($mysqli, $qsPregunta);
	      $IdPregunta = mysqli_insert_id($mysqli);

			}
			//End New

			//Edit
			if( $Action == 'Edit' ){

				//Update
	      $qePregunta = "
	      	UPDATE encuestas_preguntas
					SET
						fk_encuesta_pregunta_tipo = '$Tipo',
						pregunta = '$Pregunta', orden = '$Orden',
						activo = '1'
					WHERE
						id = '$IdPregunta'
						AND fk_encuesta = '$idEncuesta'
				";
	      $ePregunta = mysqli_query($mysqli, $qePregunta);

			}
			//End Edit

			//Opciones
			$Query = "
				DELETE
				FROM encuestas_preguntas_opciones
				WHERE
					fk_pregunta = '$IdPregunta'
			";
	    $Result = mysqli_query($mysqli, $Query);
			$OrdenOpc = 0;
			foreach( $Opciones AS $Opc ){
				$OrdenOpc = $OrdenOpc + 1;

				//Insert
				$qsOption = "
					INSERT INTO encuestas_preguntas_opciones (
						fk_pregunta, opcion,
						orden
					)VALUES(
						'$IdPregunta', '$Opc',
						'$OrdenOpc'
					)
				";
	      $sOption = mysqli_query($mysqli, $qsOption);

			}
			//End Opciones

		}

		//End Preguntas

		if( $idEncuesta && $_POST['action'] == 'nuevo' ){
			echo '<script type="text/javascript">document.location.href="index.php?id='.$idEncuesta.'&sv=1"</script>';
		}
		if( $idEncuesta && $_POST['action'] == 'editar' ){
			$sv = 1;
		}

	}//End if save
	/* END Usuario  */

	    //Query's

	if(isset($_GET['id'])){

    //qrEncuensta
    $qrEncuensta = "
			SELECT
				enc.id,
				enc.nombre, enc.fechainicio, enc.fechalimite,
				enc.fk_usuario_tipo, enc.activo,
				enc.unica_respuesta, enc.checkin
			FROM encuestas enc
			WHERE enc.id = '$_GET[id]'
		";
    $rEncuensta  = mysqli_query($mysqli, $qrEncuensta);
    $enc   = mysqli_fetch_assoc($rEncuensta);

	}
?>
<!DOCTYPE html>
<html lang="es_MX">
  <?php require_once($position.'head.php'); ?>


  <body class="loading" data-layout='{"mode": "light", "width": "fluid", "menuPosition": "fixed", "sidebar": { "color": "dark", "size": "default", "showuser": false}, "topbar": {"color": "light"}, "showRightSidebarOnPageLoad": false}'>

    <!-- Pagina de inicio -->
    <div id="wrapper">

      <!-- ========== Inicio nav-izq ========== -->
      <?php include_once($position.'assets/nav.php'); ?>
      <!-- Fin nav-izq -->

      <!-- ============================================================== -->
      <!-- Incio de Contenido -->
      <!-- ============================================================== -->

      <div class="content-page">
        <div class="content">

          <!-- Topbar -->
          <?php include_once($position.'assets/topbar.php'); ?>
          <!-- /Topbar -->

            <!-- Content-->
            <div class="container-fluid">
              <form method="post" enctype="multipart/form-data" class="parsley-examples" novalidate>

								<!-- page title -->
								<div class="row">
								  <div class="col-12">
								    <div class="page-title-box">
								      <h4 class="page-title"><?php echo $seccion; ?></h4>
								      <div class="page-title-right">
								        <ol class="breadcrumb m-0">
								          <?php
								            foreach ($SecLine as $i => $value) {
								          ?>
								            <li class="breadcrumb-item">
								              <a href="<?php echo $SecPos[$i]; ?>">
								                <?php echo $value; ?>
								              </a>
								            </li>
								          <?php } ?>
								        </ol>
								      </div>
								    </div>
								  </div>
								</div>
								<!-- /page title -->

								<!-- Botones -->
								<div class="row">
									<div class="col-12 text-right">

										<!-- Btn Regresar -->
										<button type="button" class="btn btn-white btn-sm" onclick="window.location.href='../'"><i class="fe-arrow-left"></i>&nbsp; Regresar</button>
										<!-- End Btn Regresar -->

										<!-- Btn Guardar -->
										<button type="submit" class="btn btn-success btn-sm">Guardar <i class="fe-check"></i></button>
										<!-- End Btn Guardar -->

										<input type="hidden" class="form-control" name="save" value="Ok">
										<input type="hidden" class="form-control" name="id" value="<?php echo $enc[id]; ?>">
										<input type="hidden" class="form-control" name="action" value="<?php echo $tipoAccion; ?>">

									</div>
									<div class="col-12" style="height: 5px;">&nbsp;</div>
								</div>
								<!-- End Botones -->

								<!-- Row -->
                <div class="row">
                  <div class="col-md-12">

										<!-- Nav tabs -->
										<ul class="nav nav-tabs tabcontent-border" role="tablist">
											<li class="nav-item">
												<a class="nav-link active" data-toggle="tab" href="#Informacion" role="tab">
													<span class="hidden-sm-up"><i class="ti-user"></i></span>
													<span class="hidden-xs-down">Información</span>
												</a>
											</li>
											<li class="nav-item">
												<a class="nav-link" data-toggle="tab" href="#Reglas" role="tab">
													<span class="hidden-sm-up"><i class="ti-user"></i></span>
													<span class="hidden-xs-down">Reglas</span>
												</a>
											</li>
											<li class="nav-item">
												<a class="nav-link" data-toggle="tab" href="#Preguntas" role="tab">
													<span class="hidden-sm-up"><i class="ti-user"></i></span>
													<span class="hidden-xs-down">Preguntas</span>
												</a>
											</li>
											<li class="nav-item">
												<a class="nav-link" data-toggle="tab" href="#Respuestas" role="tab">
													<span class="hidden-sm-up"><i class="ti-user"></i></span>
													<span class="hidden-xs-down">Respuestas</span>
												</a>
											</li>
										</ul>
										<!-- End Nav tabs -->

										<!-- Tabs Content -->
										<div class="tab-content tabcontent-border">

											<!-- Tab Información -->
											<div class="tab-pane card-body active" id="Informacion" role="tabpanel">
												<div class="row">

													<!-- Nombre -->
													<div class="form-group col-md-12">
														<label for="inputPu" class="col-form-label">Nombre de Encuesta<span class="text-danger">*</span></label>
														<input
															type="text"
															class="form-control"
															name="nombre"
															placeholder="Nombre de Encuesta"
															value="<?php if(isset($enc['id'])){ echo $enc['nombre']; } ?>"
															required
															autocomplete="off"
														>
													</div>
													<!-- End Nombre -->

													<!-- Dirigido a -->
													<div class="form-group col-md-12">
														<label for="inputNo" class="col-form-label">Tipo de Usuario<span class="text-danger">*</span></label>
														<select name="usuario_tipo" class="form-control" required>
															<option <?php if( $enc['fk_usuario_tipo']){ if( $enc['fk_usuario_tipo'] == 1 ){ echo "selected='selected'"; } } ?> value="1">Fuerza de Ventas</option>
															<option <?php if( $enc['fk_usuario_tipo']){ if( $enc['fk_usuario_tipo'] == 2 ){ echo "selected='selected'"; } } ?> value="2">Tenderos</option>
															<option <?php if( $enc['fk_usuario_tipo']){ if( $enc['fk_usuario_tipo'] == 3 ){ echo "selected='selected'"; } } ?> value="3">Consumidores</option>
														</select>
													</div>
													<!-- End Dirigido a -->

													<!-- Fecha Inicio -->
													<div class="form-group col-md-6">
														<label for="inputNo" class="col-form-label">Fecha de Inicio<span class="text-danger">*</span></label>
														<input
															type="text"
															class="form-control datepicker"
															name="fechainicio"
															value="<?php
																if(isset($enc['fechainicio'])){
																	echo cambio_fecha_numerica_texto($enc['fechainicio']);
																}else{
																	echo cambio_fecha_numerica_texto(date('Y-m-d'));
																}
															?>"
															required
															autocomplete="off"
														>
													</div>
													<!-- End Fecha Inicio -->

													<!-- Fecha Limite -->
													<div class="form-group col-md-6">
														<label for="inputNo" class="col-form-label">Fecha de Limite<span class="text-danger">*</span></label>
														<input
															type="text"
															class="form-control datepicker"
															name="fechalimite"
															value="<?php
																if(isset($enc['fechalimite'])){
																	echo cambio_fecha_numerica_texto($enc['fechalimite']);
																}else{
																	echo cambio_fecha_numerica_texto(date('Y-m-d'));
																}
															?>"
															required
															autocomplete="off"
														>
													</div>
													<!-- End Fecha Limite -->

													<!-- Activo -->
													<div class="form-group col-md-6">
														<label for="inputNo" class="col-form-label">Activo<span class="text-danger">*</span></label>
														<select name="activo" class="form-control" required>
																<option <?php if( $enc['id']){ if( $enc['activo'] == 1 ){ echo "selected='selected'"; } } ?> value="1">Activo</option>
																<option <?php if( $enc['id']){ if( $enc['activo'] == 0 ){ echo "selected='selected'"; } } ?> value="0">Inactivo</option>
														</select>
													</div>
													<!-- End Activo -->

												</div>
											</div>
											<!-- End Tab Información -->

											<!-- Tab Reglas -->
											<div class="tab-pane card-body" id="Reglas" role="tabpanel">
												<!-- <h4 class="card-title">Reglas</h4> -->
												<div class="row">

													<!-- Unica -->
													<div class="form-group col-md-12">
														<label for="inputNo" class="col-form-label">La encuesta se realiza una sola vez.<span class="text-danger">*</span></label>
														<select name="unica_respuesta" class="form-control" required>
															<option <?php if( $enc['unica_respuesta']){ if( $enc['unica_respuesta'] == 0 ){ echo "selected='selected'"; } } ?> value="0">No</option>
															<option <?php if( $enc['unica_respuesta']){ if( $enc['unica_respuesta'] == 1 ){ echo "selected='selected'"; } } ?> value="1">Si</option>
														</select>
													</div>
													<!-- End Unica -->

													<!-- Para Tendero con checkins -->
													<div class="form-group col-md-12">
														<label for="inputNo" class="col-form-label">Se debe hacer Checkin para realizar la encuesta.<span class="text-danger">*</span></label>
														<select name="checkin" class="form-control" required>
															<option <?php if( $enc['checkin']){ if( $enc['checkin'] == 0 ){ echo "selected='selected'"; } } ?> value="0">No</option>
															<option <?php if( $enc['checkin']){ if( $enc['checkin'] == 1 ){ echo "selected='selected'"; } } ?> value="1">Si</option>
														</select>
													</div>
													<!-- End Para Tenderos con checkin -->

												</div>
											</div>
											<!-- End Tab Reglas -->

											<!-- Tab Preguntas -->
											<div class="tab-pane card-body" id="Preguntas" role="tabpanel">
												<div class="row">

													<div class="col-sm-12 Preguntas">
														<?php
															//Preguntas
															$qrPreguntas = "
														    SELECT
														      pre.id,
														      pre.pregunta, pre.fk_encuesta_pregunta_tipo
														    FROM encuestas_preguntas pre
														    WHERE pre.fk_encuesta = '$enc[id]'
														      ORDER BY pre.orden ASC
														  ";
														  $pregs = mysqli_query($mysqli, $qrPreguntas);
															mysqli_data_seek($pregs, 0);
															while($preg = mysqli_fetch_array($pregs)) {
																require('pregunta.php');
															}
														?>
													</div>

													<div class="col-sm-12">
														<button
															type="button"
															class="btn btn-sm btn-white BtnAddPregunta"
														>
															Agregar Pregunta
															<i class="fa fa-plus"></i>
														</button>
													</div>

												</div>
											</div>
											<!-- End Tab Preguntas -->

											<!-- Tab Respuestas -->
											<div class="tab-pane card-body" id="Respuestas" role="tabpanel">
												<h4 class="card-title">Respuestas</h4>
												<div class="row">
												</div>
											</div>
											<!-- End Tab Respuestas -->

										</div>
										<!-- End Tabs Content -->

                  </div>
                </div>
								<!-- End Row -->

              </form>
            </div> <!-- /Content -->

          </div> <!-- /content -->

          <!-- Footer -->
          <?php include_once($position.'assets/footer.php'); ?>
          <!-- /Footer -->

        </div>

      <!-- ============================================================== -->
      <!-- Fin de Contenido -->
      <!-- ============================================================== -->

    </div>
    <!--  /wrapper -->

  	<?php require_once($position.'scripts.php'); ?>

    <!-- save -->
    <script>
      <?php if( $_GET['sv'] == '1' || $sv == '1' ){ ?>
        $( document ).ready(function(){
	        Swal.fire({
            //position:"top-end",
            type:"success",
            title:"Elemento guardado correctamente.",
            showConfirmButton:!1,timer:2500
	        });
        });
      <?php } ?>
      <?php if( $_GET['sv'] == '2' ){ ?>
        $( document ).ready(function(){
	        Swal.fire({
	            type:"error",
	            title:"Oops...",
	            text:"El No. Telefónico ya fue registrado con anterioridad, ingresa un nuevo teléfono de contacto",
	            confirmButtonClass:"btn btn-confirm mt-2",
	            //footer:'<a href="">Why do I have this issue?</a>'
	        });
        });
      <?php } ?>

			//Add Pregunta
			var segcontpregs = <?php if( $SegPre ){ echo $SegPre; }else{ echo '0'; } ?>;
			$(document.body).on('click', '.BtnAddPregunta' ,function(){
				var Preguntas = $('.Preguntas');
				var cont = $(this).val();
				// $('#FormPer').parsley().destroy();
				segcontpregs = segcontpregs + 1;
				action = 'New';
				$.post("pregunta.php", { seg: segcontpregs, cont: cont, action: action }, function(data){
					Preguntas.append(data);
					// $(".chosen-select").chosen();
					// $('.chosen-select').trigger("chosen:updated");
					// $('#FormPer').parsley();
				});
			});
			//End Add Pregunta

			//DelPregunta
			$(document.body).on('click', '.DelPregunta' ,function(){
				$(this).parents('.Pregunta').remove();
			});
			//End DelPregunta

			//Cambio de Tipo de Pregunta
			$(document.body).on('change', '.PreguntaTipo' ,function(){
				Pregunta = $(this);
				$("option:selected", this).each(function () {
				  opc = $(this).val();
				  if( opc == '2' || opc == '3' ){
				    Pregunta.parents('.Pregunta').find('.Opciones').show();
				    Pregunta.parents('.Pregunta').find('.BtnAddOpcion').show();
				  }else{
						Pregunta.parents('.Pregunta').find('.Opciones').hide();
				    Pregunta.parents('.Pregunta').find('.BtnAddOpcion').hide();
					}
				});
			});
			//End Cambio de Tipo de Pregunta

			//Add Opciones
			$(document.body).on('click', '.BtnAddOpcion' ,function(){
				var idpreg = $(this).data('id');
				Opciones = $(this).parents('.Pregunta').find('.Opciones');
				$.post("opcion.php", { idpreg: idpreg }, function(data){
					Opciones.append(data);
				});
			});
			//End Add Opciones

			//DelOpcion
			$(document.body).on('click', '.DelOpcion' ,function(){
				$(this).parents('.Opcion').remove();
			});
			//End DelOpcion

    </script>


  </body>

</html>
