<script src="../dist/js/noback.js" type="text/javascript"></script>

<?php

require_once('../session.php');

//session_start();



//INCLUIMOS EL HEADER PARA MODIFICAR SOLAMENTE UN ARCHIVO EN CASO DE SER NECESARIO

include("header.php");

echo '

    <style>

    ::-webkit-scrollbar {

        display: none;

    }

    </style>

';

//INCLUIMOS EL MENU 

include("menu.php");

include('../motormobil/motormobil.php');

?>



<!-- BEGIN: Content -->    



      <?php

        //validamos la url en la que se encuentra el usuario 

        if(!empty($_SESSION['appUrlMenu_appquadrata'])){

          $appUrl=$_SESSION['appUrlMenu_appquadrata'];

        } else{

            $appUrl='';

        }



      ?>

      <?php

        require_once('../bussines/fix_characters.php');

        $Obj_fix_characters = new fix_characters();



            require_once('../odbconexion/config.php');



        ?>

        <?php

          $Titulo_App='';

          $Descripcion_Login_App='';

          $Logo_APP='';

          $Logo_Fav_Icon='';

          $Contenido_Inicio='';

          $Img_Inicio='';

          $Modulo_Inicio='';

          try{    



              $Odbj_conexion = new odbconexion;

              $conexion=$Odbj_conexion->openconection();

              $consulta="SELECT * FROM configuracion_app_appquadrata";

              $Array_adapter_config=$conexion->query($consulta);

              $conexion->close();

              while($Field_config=$Array_adapter_config->fetch_assoc())

              {   

                  $Titulo_App=$Field_config['Titulo_App'];

                  $Descripcion_Login_App=$Field_config['Descripcion_Login_App'];

                  $Logo_APP=$Field_config['Logo_APP'];

                  $Logo_Fav_Icon=$Field_config['Logo_Fav_Icon'];

                  $Contenido_Inicio=$Field_config['Contenido_Inicio'];

                  $Img_Inicio=$Field_config['Img_Inicio'];

                  $Modulo_Inicio=$Field_config['Modulo_Inicio'];

              }

          }catch (Exception $e) {

                  echo 'Excepcion capturada: ',  $e->getMessage(), "

                              ";

          }

        ?>

        <br>

  <!--<iframe name="paneliframe" id="paneliframe" <?php if($appUrl=='' || $appUrl=='inicio'){ if($Contenido_Inicio=='Imagen') { echo 'src="inicio/vista/imagen.php"'; }else{ echo 'src="'.$Modulo_Inicio.'"'; } }else{ echo 'src="'.$appUrl.'"'; }?> frameborder="0" style="width: 100%; height: 950px;"></iframe>-->

    

    <iframe name="paneliframe" id="paneliframe" <?php if($appUrl=='' || $appUrl=='inicio'){ if($Contenido_Inicio=='Imagen') { echo 'src="inicio/vista/imagen.php"'; }else{ echo 'src="'.$Modulo_Inicio.'"'; } }else{ echo 'src="'.$appUrl.'"'; }?> frameborder="0"></iframe>

      <!--Codigo PWA-->
    <div id="installPopup" style="display: none;">
      <div style="
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: white;
        border: 2px solid #1a2332;
        border-radius: 12px;
        box-shadow: 0 8px 20px rgba(0,0,0,0.25);
        padding: 20px 25px;
        max-width: 320px;
        width: 80%;
        z-index: 9999;
        font-family: 'Segoe UI', sans-serif;
        color: #333;
        animation: fadeInUp 0.5s ease;
      ">
        <h4 style="margin: 0 0 10px 0; color: #1a2332;">¿Quieres instalar la app?</h4>
        <p style="margin: 0 0 15px 0; font-size: 14px;">
        </p>
        <label style="display: flex; align-items: center; font-size: 12px; margin-bottom: 10px; color: #666;position:relative !important;">
          <input type="checkbox" id="dontShowAgain" style="margin:0;margin-right: 6px;"> No volver a mostrar
        </label>
        <div style="display: flex; justify-content: flex-end; gap: 10px;margin-top:25px;">
          <button id="dismissInstall" style="background: none; border: none; color: #999; cursor: pointer;">Ahora no</button>
          <button id="confirmInstall" style="background-color: #1a2332; color: white; border: none; border-radius: 6px; padding: 6px 12px; cursor: pointer;">Instalar</button>
        </div>
      </div>
    </div>
    <!--end codigo pwa--->
    <!---
    <script>

        // Función para ajustar la altura del iframe

        function ajustarAlturaIframe() {

            //const iframe = document.getElementById("paneliframe");

            const menu_nav = document.getElementById("menu-side-nav-height");

            const alturaPantalla = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;

            //iframe.style.height = alturaPantalla + "px";

            //iframe.style.height = (alturaPantalla-140) + "px";

            //menu_nav.style.height = alturaPantalla-20+ "px";

            menu_nav.style.height = alturaPantalla-90+ "px";

        }



        // Ajusta la altura inicialmente y cada vez que cambia el tamaño de la ventana

        ajustarAlturaIframe();

        window.addEventListener("resize", ajustarAlturaIframe);

    </script>
    --->

    <script>
      function ajustarAlturaIframe() {
            const menu_nav = document.getElementById("menu-side-nav-height");
            const iframe = document.getElementById("paneliframe");

            if (!menu_nav) {
              console.warn("No se encontró el elemento 'menu-side-nav-height'");
              return;
            }

            // Obtener altura de ventana
            const alturaPantalla = window.innerHeight;

            // Ajustar altura menú (por ejemplo, restando un offset dinámico o fijo)
            const offsetMenu = 150; // Puedes ajustar este valor según tu layout
            menu_nav.style.height = (alturaPantalla - offsetMenu) + "px";

            // Si usas iframe y quieres ajustarlo, asegúrate que existe
            if (iframe) {
              const offsetIframe = 115; // ajusta según tu layout
              iframe.style.height = (alturaPantalla - offsetIframe) + "px";
            }
          }

          // Ejecutar al cargar la página y al cambiar tamaño
          window.addEventListener("load", ajustarAlturaIframe);
          window.addEventListener("resize", ajustarAlturaIframe);
    </script>


<!-- END: Content -->

<?php

echo "<!---script PWA-->
<script>
    // Registrar el Service Worker
if ('serviceWorker' in navigator) {
    window.addEventListener('load', () => {
        navigator.serviceWorker.register('../pwa/service-worker.js')
            .then(registration => {
                console.log('Service Worker registrado correctamente:', registration.scope);
            })
            .catch(error => {
                console.error('Error al registrar el Service Worker:', error);
            });
    });
}

let deferredPrompt;

function isNotInstalled() {
  return window.matchMedia('(display-mode: browser)').matches || !window.navigator.standalone;
}

function shouldOfferInstallAgain() {
  const dontShow = localStorage.getItem('dontShowInstallPopup');
  if (dontShow === 'true') {
    return false; // No ofrecer si está bloqueado
  }
  return true;
}

window.addEventListener('beforeinstallprompt', (e) => {
  if (isNotInstalled() && shouldOfferInstallAgain()) {
    e.preventDefault();
    deferredPrompt = e;

    const popup = document.getElementById('installPopup');
    if (popup) popup.style.display = 'block';

    document.getElementById('confirmInstall').addEventListener('click', async () => {
      popup.style.display = 'none';
      deferredPrompt.prompt();
      const { outcome } = await deferredPrompt.userChoice;
      if (outcome === 'accepted') {
        console.log('Usuario instaló la app');
        localStorage.removeItem('dontShowInstallPopup');
      } else {
        console.log('Usuario canceló la instalación');
      }
      deferredPrompt = null;
    });

    document.getElementById('dismissInstall').addEventListener('click', () => {
      popup.style.display = 'none';

      // Si marcaron \"no volver a mostrar\"
      const dontShowAgain = document.getElementById('dontShowAgain').checked;
      if (dontShowAgain) {
        localStorage.setItem('dontShowInstallPopup', 'true');
      }
    });
  } else {
    console.log('No se muestra popup de instalación (restricción activa o no disponible)');
  }
});

// Registrar el Service Worker
if ('serviceWorker' in navigator) {
  window.addEventListener('load', () => {
    navigator.serviceWorker.register('../pwa/service-worker.js')
      .then(reg => console.log('SW registrado:', reg.scope))
      .catch(err => console.error('Error registrando SW:', err));
  });
}


function isIOS() {
  return /iphone|ipad|ipod/i.test(navigator.userAgent.toLowerCase());
}

function isInStandaloneMode() {
  return ('standalone' in window.navigator) && window.navigator.standalone;
}

if (isIOS() && !isInStandaloneMode()) {
  // Mostrar pop-up instructivo
  //alert(\"Para instalar Concora Shop, presiona el botón de compartir en Safari y elige 'Agregar a la pantalla de inicio'\");
}


</script>
<!--END Script PWA-->";

include("footer.php");



?>