<?php
  $Seccion    = 'Home';
  $Position   = '';
  require_once($Position.'config/config.php');
  require_once($Position.'config/conexion.php');
  require_once($Position.'funciones/funciones.php');

  //Area
  $Query = "
    SELECT
      are.Id, are.Nombre, are.Clave
    FROM Areas are
    WHERE are.Clave = '$_GET[a]'
  ";
  $Result = mysqli_query($mysqli, $Query);
  $Are = mysqli_fetch_assoc($Result);

  //Tema
  $Query = "
    SELECT
      tem.Id,
      tem.Clave,
      tem.Titulo, tem.Descripcion,
      tem.Fk_Metodo,
      tem.UrlPeticion, tem.EjemploPeticion, tem.EjemploRespuesta,
      tem.EjemploError,
      tem.Linked, tem.Posicion,
      tem.Fk_Tema,
      met.Metodo,
      enc.Encripcion
    FROM Temas tem
    LEFT JOIN Metodos met ON met.Id = tem.Fk_Metodo
    LEFT JOIN Encripciones enc ON enc.Id = tem.Fk_Encripcion
    WHERE tem.Clave = '$_GET[t]'
  ";
  $Result = mysqli_query($mysqli, $Query);
  $Tem = mysqli_fetch_assoc($Result);

  $TemFk        = $Tem[Id];
  $NameSec      = $Tem[Titulo];
  // $SecLine[]    = $Tem[Titulo];

  //Ruta
  if( $Tem[Posicion] ){
    $TemPos = $Tem[Posicion];
    for ($i = $TemPos; $i >= 1; $i--) {
      //Tema
      $Query = "
        SELECT
          tem.Id,
          tem.Clave,
          tem.Titulo, tem.Descripcion,
          tem.Linked, tem.Fk_Tema
        FROM Temas tem
        WHERE
          tem.Id = '$TemFk'
          AND tem.Posicion = '$i'
      ";
      $Result = mysqli_query($mysqli, $Query);
      $TemA = mysqli_fetch_assoc($Result);
      $LineTitle[] = $TemA[Titulo];
      $TemFk = $TemA[Fk_Tema];
    }
  }
  //End Ruta

  $LineTitleRev = array_reverse($LineTitle);
  foreach ($LineTitleRev as $Tit) {
    $SecLine[] = $Tit;
  }

?>

<!DOCTYPE html>
<html lang="en">

<?php require_once($Position.'head.php'); ?>

<body class="fix-sidebar fix-header card-no-border">
  <div class="preloader">
    <svg class="circular" viewBox="25 25 50 50">
    <circle class="path" cx="50" cy="50" r="20" fill="none" stroke-width="2" stroke-miterlimit="10" /> </svg>
  </div>
  <div id="main-wrapper">
    <?php require_once($Position.'header.php'); ?>
    <?php require_once($Position.'menu.php'); ?>

    <div class="page-wrapper">
      <div
        class="container-fluid"
        style="padding: 0 0px 0px 0px; "
      >
        <div
          class="row page-titles"
          style="
            padding:10px 30px 10px 30px;
            margin-bottom: 0px;
          "
        >
          <?php require_once($Position.'title.php'); ?>
        </div>

        <!-- Body -->
        <div class="body">
          <div class="row">

            <?php if( $Tem[Id] ){ ?>

              <!-- Col L -->
              <div
                class="col-sm-6"
                style="
                  background-color: #f7f7f7;
                  border-right: 1px solid #dbdbdb;
                  min-height: 80vh;
                  padding: 15px 30px 15px 30px;
                "
              >

                <p>
                  <?php echo $Tem[Descripcion]; ?>
                </p>

                <hr>

                <!-- Items -->
                <?php
                  //Items
                  $Query = "
              		  SELECT
              		    ite.Id,
                      ite.Nombre, ite.Descripcion,
                      ite.Requerido, ite.Opcional,
                      tip.Tipo
              		  FROM TemasItems ite
                    LEFT JOIN TemasItemsTipos tip ON tip.Id = ite.Fk_TemaItemTipo
              		  WHERE
                      ite.Fk_Tema = '$Tem[Id]'
                      AND ite.Posicion = '1'
              		  ORDER BY ite.Orden ASC
            		  ";
            		  $Items = $mysqli->query($Query);
            			mysqli_data_seek($Items, 0);
            			while($Item = mysqli_fetch_array($Items)) {
                ?>
                  <div>
                    <p
                      style="
                        color: #4d4d4d;
                        font-weight: 500;
                        <?php if( $Item[Descripcion] ){ ?>
                          margin-bottom: 5px;
                        <?php } ?>
                      "
                    >
                      <?php echo $Item[Nombre] ?>
                      <?php if( $Item[Tipo] ){ ?>
                        <br><span style="font-size:.75em;">(<?php echo $Item[Tipo]; ?>)</span>
                      <?php } ?>
                      <?php if( $Item[Requerido] == '1' ){ ?>
                        <br><span style="font-size:.75em;">(Requerido)</span>
                      <?php } ?>
                      <?php if( $Item[Opcional] == '1' ){ ?>
                        <br><span style="font-size:.75em;">(Opcional)</span>
                      <?php } ?>
                    </p>
                    <?php if( $Item[Descripcion] ){ ?>
                      <p>
                        <?php echo $Item[Descripcion]; ?>
                      </p>
                    <?php } ?>

                    <?php
                      //Items
                      $Query = "
                        SELECT
                          ite.Id,
                          ite.Nombre, ite.Descripcion,
                          ite.Requerido, ite.Opcional,
                          tip.Tipo
                        FROM TemasItems ite
                        LEFT JOIN TemasItemsTipos tip ON tip.Id = ite.Fk_TemaItemTipo
                        WHERE
                          ite.Fk_Item = '$Item[Id]'
                          AND ite.Posicion = '2'
                        ORDER BY ite.Orden ASC
                      ";
                      $Items2 = $mysqli->query($Query);
                      $NumFilas = mysqli_num_rows($Items2);
                      mysqli_data_seek($Items2, 0);
                      $CountFilas = 0;
                      while($Item2 = mysqli_fetch_array($Items2)) {
                        $CountFilas = $CountFilas + 1;
                    ?>
                      <div
                        style="margin-left: 30px;"
                      >
                        <p
                          style="
                            color: #4d4d4d;
                            font-weight: 500;
                          "
                        >
                          <?php echo $Item2[Nombre] ?>
                          <?php if( $Item2[Tipo] ){ ?>
                            <span style="font-size:.75em;">(<?php echo $Item2[Tipo]; ?>)</span>
                          <?php } ?>
                          <?php if( $Item2[Requerido] == '1' ){ ?>
                            <span style="font-size:.75em;">(Requerido)</span>
                          <?php } ?>
                          <?php if( $Item2[Opcional] == '1' ){ ?>
                            <span style="font-size:.75em;">(Opcional)</span>
                          <?php } ?>
                        </p>
                        <?php if( $Item2[Descripcion] ){ ?>
                          <p>
                            <?php echo $Item2[Descripcion]; ?>
                          </p>
                        <?php } ?>
                        <?php if( $NumFilas == $CountFilas ){}else{ ?>
                          <hr style="border-top: 1px solid #e8e8e8;">
                        <?php } ?>
                      </div>
                    <?php } ?>

                    <hr>
                  </div>
                <?php } ?>
                <!-- End Items -->

              </div>
              <!-- Col L -->

              <!-- Col R -->
              <div
                class="col-sm-6"
                style="
                  background-color: #f2f2f2;
                  padding: 15px 30px 15px 30px;
                "
              >

                <?php
                  //Metodo
                  if( $Tem[Metodo] ){
                ?>
                  <!-- Metodo -->
                  <div>
                    <table>

                      <!-- Url -->
                      <tr>
                        <td>
                          <div
                            style="
                              color: #4d4d4d;
                              font-weight: 500;
                            "
                          >
                            Url:
                          </strong>
                        </td>
                        <td style="padding-right:10px;"></td>
                        <td>
                          <?php echo $Tem[UrlPeticion]; ?>
                        </td>
                      </tr>
                      <!-- End Url -->

                      <!-- Método -->
                      <tr>
                        <td>
                          <div
                            style="
                              color: #4d4d4d;
                              font-weight: 500;
                            "
                          >
                            Método:
                          </div>
                        </td>
                        <td></td>
                        <td>
                          <?php echo $Tem[Metodo]; ?>
                        </td>
                      </tr>
                      <!-- End Método -->

                      <!-- Encripción -->
                      <tr>
                        <td>
                          <div
                            style="
                              color: #4d4d4d;
                              font-weight: 500;
                            "
                          >
                            Encripción:
                          </div>
                        </td>
                        <td></td>
                        <td>
                          <?php echo $Tem[Encripcion]; ?>
                        </td>
                      </tr>
                      <!-- End Encripción -->

                    </table>
                    <hr>
                  </div>
                  <!-- End Metodo -->
                <?php }//End Metodo ?>

                <?php
                  //Peticion
                  if( $Tem[EjemploPeticion] ){
                ?>
                  <div>
                    <div
                      class="m-b-20"
                      style="
                        color: #4d4d4d;
                        font-weight: 500;
                      "
                    >
                      Ejemplo de Petición:
                    </div>
                    <div
                      style="
                        background: #fff;
                        padding: 15px;
                        border: 1px solid #d9d9d9;
                      "
                    >
                      <?php echo $Tem[EjemploPeticion]; ?>
                    </div>
                  </div>
                <?php }//Peticion ?>

                <?php
                  //Respuesta
                  if( $Tem[EjemploRespuesta] ){
                ?>
                  <div>
                    <div
                      class="m-b-20"
                      style="
                        color: #4d4d4d;
                        font-weight: 500;
                      "
                    >
                      <hr>
                      Ejemplo de Respuesta:
                    </div>
                    <div
                      style="
                        background: #fff;
                        padding: 15px;
                        border: 1px solid #d9d9d9;
                      "
                    >
                      <?php echo $Tem[EjemploRespuesta]; ?>
                    </div>
                  </div>
                <?php }//Respuesta ?>

                <?php
                  //Error
                  if( $Tem[EjemploError] ){
                ?>
                  <div>
                    <div
                      class="m-b-20"
                      style="
                        color: #4d4d4d;
                        font-weight: 500;
                      "
                    >
                      <hr>
                      Ejemplos de Error:
                    </div>
                    <div
                      style="
                        background: #fff;
                        padding: 15px;
                        border: 1px solid #d9d9d9;
                      "
                    >
                      <?php echo $Tem[EjemploError]; ?>
                    </div>
                  </div>
                <?php }//Error ?>

              </div>
              <!-- End Col R -->

            <?php } ?>

          </div>
        </div>
        <!-- End Body -->

      </div>

      <?php require_once($Position.'footer.php'); ?>

    </div>
  </div>

  <script src="<?php echo $Position; ?>assets/plugins/jquery/jquery.min.js"></script>
  <!-- Bootstrap tether Core JavaScript -->
  <script src="<?php echo $Position; ?>assets/plugins/bootstrap/js/popper.min.js"></script>
  <script src="<?php echo $Position; ?>assets/plugins/bootstrap/js/bootstrap.min.js"></script>
  <!-- slimscrollbar scrollbar JavaScript -->
  <script src="<?php echo $Position; ?>js/jquery.slimscroll.js"></script>
  <!--Wave Effects -->
  <script src="<?php echo $Position; ?>js/waves.js"></script>
  <!--Menu sidebar -->
  <script src="<?php echo $Position; ?>js/sidebarmenu.js"></script>
  <!--stickey kit -->
  <script src="<?php echo $Position; ?>assets/plugins/sticky-kit-master/dist/sticky-kit.min.js"></script>
  <script src="<?php echo $Position; ?>assets/plugins/sparkline/jquery.sparkline.min.js"></script>
  <!--Custom JavaScript -->
  <script src="<?php echo $Position; ?>js/custom.min.js"></script>
  <!-- Calendar JavaScript -->
  <script src="<?php echo $Position; ?>assets/plugins/calendar/jquery-ui.min.js"></script>
  <script src="<?php echo $Position; ?>assets/plugins/moment/moment.js"></script>
  <script src="<?php echo $Position; ?>assets/plugins/styleswitcher/jQuery.style.switcher.js"></script>

</body>

</html>
