<?php

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

        $appUrlMenu=$_SESSION['appUrlMenu_appquadrata'];

    } else{

        $appUrlMenu='';

    }*/

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

        $appUrlMenu=$_SESSION['appUrlMenuHref_appquadrata'];

    } else{

        $appUrlMenu='';

    }



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

    $Obj_fix_characters = new fix_characters();

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

    

    function is_ios() {

        $user_agent = $_SERVER['HTTP_USER_AGENT'];

        return (strpos($user_agent, 'iPhone') !== false || strpos($user_agent, 'iPad') !== false);

    }



$Titulo_App='';

$Descripcion_Login_App='';

$Logo_APP='';

$Logo_Fav_Icon='';

$Contenido_Inicio='';

$Img_Inicio='';

$Field_modulo='';

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(), "

                    ";

}

?>



<?php



/*inicializamos valores para la configuracion del template*/

$setting_template='../settings_template.txt';

$variables=[];

$_Color='';

$_Template='';

$_Theme_Template='';

$_Css='';

$_Js='';

$_LoadinPage='';



        if (file_exists($setting_template)) {

            $lines = file($setting_template, FILE_IGNORE_NEW_LINES | FILE_SKIP_EMPTY_LINES);

            foreach ($lines as $line) {

                list($nombre_variable, $valor) = explode('=', $line);

                $variables[$nombre_variable] = $valor;

            }

            /*recogemos los valores de las variables*/

            if (isset($variables['Color'])) {

                $_Color = $variables['Color'];



                //echo "El color es: $_Color";

            }

            if (isset($variables['Template'])) {

                $_Template = $variables['Template'];

                //echo "El Template es: $_template";

            }

            if (isset($variables['Theme_Template'])) {

                $_Theme_Template = $variables['Theme_Template'];

                //echo "El Theme_Template es: $_Theme_Template";

            }

            if (isset($variables['css'])) {

                $_Css = $variables['css'];

                //echo "El css es: $_Css";

            }

            if (isset($variables['js'])) {

                $_Js = $variables['js'];

                //echo "El js es: $_Js";

            }

            if (isset($variables['loadingpage'])) {

                $_LoadinPage = $variables['loadingpage'];

            }

        }



        /*llamamos el archivo loading seleccionado por el usuario*/

        include('../dist/loading-page/'.$_LoadinPage);



        /*terminan valores de configuracion pára el template*/

        if($_Template=='rubick' || $_Template=='tinker'){

    ?>



         <!-- BEGIN: Mobile Menu -->

        <div class="mobile-menu md:hidden"  id="mobileMenuBar">

            <div class="mobile-menu-bar" style="height: 40px;">

                <a href="" class="flex mr-auto">

                <img alt="Midone - HTML Admin Template" class="w-6" src="<?php if($Logo_APP!=''){ echo str_replace('../../../','../',$Logo_APP); }else{ echo '../dist/images/logo.svg'; } ?>">

                </a>

                <a href="javascript:;" class="mobile-menu-toggler"> <i data-lucide="bar-chart-2" class="w-8 h-8 text-white transform -rotate-90"></i> </a>

            </div>

            <div class="scrollable">

                <a href="javascript:;" class="mobile-menu-toggler"> <i data-lucide="x-circle" class="w-8 h-8 text-white transform -rotate-90"></i> </a>

                <ul class="scrollable__content py-2">

                    <!--<li>

                        <a id='mobil_menu_inicio' onclick="addUrl('inicio','inicio'); document.getElementById('paneliframe').src = 'inicio'; loadingpage();" <?php if($appUrlMenu=='inicio' || $appUrlMenu=='') { echo 'class="menu menu--active"'; }else{ echo 'class="menu"'; }?>>

                            <div class="menu__icon"> <i data-lucide="home" ></i> </div>

                            <div class="menu__title"> INICIO </div>

                        </a>

                    </li>-->

                    <?php



                      //agregamos el archivo de la lista del menu de navegacion mobil

                      //include("mobilmenuitem.php");

                    if($_SESSION['Rol_appquadrata']==1 || $_SESSION['Rol_appquadrata']==2){

                         try{    

                            $Odbj_conexion = new odbconexion;

                            $conexion=$Odbj_conexion->openconection();

                            $consulta="SELECT * FROM modulo_app_appquadrata WHERE Status_Modulo='Activo' ORDER BY Id_Modulo_App DESC";

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

                            $conexion->close();

                            while($Field_modulo=$Array_adapter_modulo->fetch_assoc())

                            {   if($Field_modulo['Tipo_Menu']=='Menu'){

                                     echo "

                                        <li>

                                            <a id='mobil_menu_".$Field_modulo['Href_Modulo']."' onclick=\"addUrl('".$Field_modulo['Href_Modulo']."','".$Field_modulo['Href_Modulo']."'); document.getElementById('paneliframe').src = '".$Field_modulo['Href_Modulo']."'; loadingpage();hiddenWindowPhone();\"";

                                                if($appUrlMenu==$Field_modulo['Href_Modulo']) { echo 'class="menu menu--active"'; }else{ echo 'class="menu"'; } 

                                                echo ">

                                                <div class=\"menu__icon\"> <i data-lucide=\"".$Field_modulo['Icon_Fa_Modulo']."\" ></i> </div>

                                                <div class=\"menu__title\"> ".ucwords(str_replace('_',' ',$Field_modulo['Titulo_Modulo']))." </div>

                                            </a>

                                        </li>

                                     ";

                                 }else if($Field_modulo['Tipo_Menu']=='Menu_desplegable'){

                                echo "

                                    <li>

                                        <a href='javascript:;'";

                                        if($appUrlMenu=='rol' || $appUrlMenu=='modulo_app' || $appUrlMenu=='configuracion_app') { echo 'class="menu menu--active"'; }else{ echo 'class="menu"'; } 

                                        echo ">

                                            <div class='menu__icon'> <i data-lucide='".$Field_modulo['Icon_Fa_Modulo']."'></i> </div>

                                            <div class='menu__title'> ".ucwords(str_replace('_',' ',$Field_modulo['Titulo_Modulo']))." <i data-lucide='chevron-down' class='menu__sub-icon'></i> </div>

                                        </a>

                                        <ul class=''>";

                                    $Id_Modulo_App=$Field_modulo['Id_Modulo_App'];

                                    $Odbj_conexion = new odbconexion;

                                    $conexion=$Odbj_conexion->openconection();

                                    $consulta="SELECT * FROM modulo_submenu_appquadrata WHERE Status_Modulo='Activo' AND Id_Fk_Menu='$Id_Modulo_App' ORDER BY Id_Modulo_Submenu DESC";

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

                                    $conexion->close();

                                    while($Field_sub_modulo=$Array_adapter_sub_modulo->fetch_assoc())

                                    {  

                                        /*echo "

                                        <li>

                                                <a onclick=\"addUrl('".$Field_sub_modulo['Href_Submenu']."','".$Field_sub_modulo['Href_Submenu']."'); document.getElementById('paneliframe').src = '".$Field_sub_modulo['Href_Submenu']."'; loadingpage();\" class='menu menu--active'>

                                                    <div class='menu__icon'> <i data-lucide='".$Field_sub_modulo['Icon_Fa']."'></i> </div>

                                                    <div class='menu__title'> ".ucwords(str_replace('_',' ',$Field_sub_modulo['Titulo_Modulo_Submenu']))." </div>

                                                </a>

                                            </li>

                                        ";*/

                                        echo "

    

                                            <li>

    

                                                <a ".(($Field_sub_modulo['Target'] === 'blank') ? "onclick=\"window.open('".$Field_sub_modulo['Href_Submenu']."', '_blank');\"" : "onclick=\"addUrl('".$Field_sub_modulo['Href_Submenu']."','".$Field_sub_modulo['Href_Submenu']."'); document.getElementById('paneliframe').src = '".$Field_sub_modulo['Href_Submenu']."'; loadingpage();hiddenWindowPhone();\"")." class='menu menu--active'>



                                                    <div class='menu__icon'> <i data-lucide='".$Field_sub_modulo['Icon_Fa']."'></i> </div>

                                                    <div class='menu__title'> ".ucwords(str_replace('_',' ',$Field_sub_modulo['Titulo_Modulo_Submenu']))." </div>



                                                </a>



                                            </li>

    

                                        ";

                                    }



                                    /*Agregamos validacion para permisos de usuario super admin*/

                                    if($_SESSION['Rol_appquadrata']==1 && $Id_Modulo_App==1){

                                        echo "

                                        <li>

                                            <a onclick=\"addUrl('../library/backup.sql','../library/backup.sql');window.open('../library/backup.sql', '_blank', 'width=450,height=450');hiddenWindowPhone();\" class='menu menu--active'>

                                                <div class='menu__icon'> <i data-lucide='database'></i> </div>

                                                <div class='menu__title'> Respaldar DB</div>

                                            </a>

                                        </li>

                                        <li>

                                            <a onclick=\"addUrl('../variables','../variables');window.open('../variables', '_blank', 'width=450,height=450');hiddenWindowPhone();\" class='menu menu--active'>

                                                <div class='menu__icon'> <i data-lucide='list'></i> </div>

                                                <div class='menu__title'> Ver Variables</div>

                                            </a>

                                        </li>

                                        <li>

                                            <a onclick=\"addUrl('../library/info','../library/info');window.open('../library/info', '_blank', 'width=750,height=850');hiddenWindowPhone();\" class='menu menu--active'>

                                                <div class='menu__icon'> <i data-lucide='info'></i> </div>

                                                <div class='menu__title'> Info Host</div>

                                            </a>

                                        </li>

                                        

                                        ";

                                    }

                                    /*Agregamos validacion para permisos de usuario super admin*/

                                        

                            echo "   </ul>

                            </li>";

                             }



                            }

                        }catch (Exception $e) {

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

                        ";

                        }

                    //termina la validacion para el tipo de usuario admin y super admin

                    }else{

                      //agregamos la variable de rol, que nos ayudara a validar el menu

                        $Rol_Usuario=$_SESSION['Rol_appquadrata'];

                        //Agregamos la validacion, para mostrar los modulos a los que tiene acceso el usuario logueado

                         try{    



                            $Odbj_conexion = new odbconexion;

                            $conexion=$Odbj_conexion->openconection();

                            $consulta="SELECT p.Id_Permiso_App,p.Id_Fk_Rol,p.Id_Modulo_Fk,p.Registrar,p.Leer,p.Editar,p.Eliminar,p.Exportar,m.Id_Modulo_App,m.Titulo_Modulo,m.Descripcion_Modulo,m.Tipo_Menu,m.Href_Modulo,m.Tipo_Enlace,m.Icon_Fa_Modulo FROM permiso_app_appquadrata p JOIN modulo_app_appquadrata m ON Id_Modulo_Fk=Id_Modulo_App WHERE Id_Fk_Rol='$Rol_Usuario' AND Leer='Si' ORDER BY Id_Permiso_App DESC ";

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

                            $conexion->close();

                            while($Field_modulo=$Array_adapter_modulo->fetch_assoc())

                            {   

                                if($Field_modulo['Tipo_Menu']=='Menu'){

                                 echo "

                                        <li>

                                            <a id='mobil_menu_".$Field_modulo['Href_Modulo']."' onclick=\"addUrl('".$Field_modulo['Href_Modulo']."','".$Field_modulo['Href_Modulo']."'); document.getElementById('paneliframe').src = '".$Field_modulo['Href_Modulo']."'; loadingpage(); hiddenWindowPhone();\"";

                                                if($appUrlMenu==$Field_modulo['Href_Modulo']) { echo 'class="menu menu--active"'; }else{ echo 'class="menu"'; } 

                                                echo ">

                                                <div class=\"menu__icon\"> <i data-lucide=\"".$Field_modulo['Icon_Fa_Modulo']."\" ></i> </div>

                                                <div class=\"menu__title\"> ".ucwords(str_replace('_',' ',$Field_modulo['Titulo_Modulo']))." </div>

                                            </a>

                                        </li>

                                     ";

                             }else if($Field_modulo['Tipo_Menu']=='Menu_desplegable'){

                                echo "

                                    <li>

                                        <a href='javascript:;'";

                                        if($appUrlMenu=='rol' || $appUrlMenu=='modulo_app' || $appUrlMenu=='configuracion_app') { echo 'class="menu menu--active"'; }else{ echo 'class="menu"'; } 

                                        echo ">

                                            <div class='menu__icon'> <i data-lucide='".$Field_modulo['Icon_Fa_Modulo']."'></i> </div>

                                            <div class='menu__title'> ".ucwords(str_replace('_',' ',$Field_modulo['Titulo_Modulo']))." <i data-lucide='chevron-down' class='menu__sub-icon'></i> </div>

                                        </a>

                                        <!--<ul class='menu__sub-open'>-->

                                        <ul class=''>";

                                    $Id_Modulo_App=$Field_modulo['Id_Modulo_App'];

                                    $Odbj_conexion = new odbconexion;

                                    $conexion=$Odbj_conexion->openconection();

                                    $consulta="SELECT * FROM modulo_submenu_appquadrata WHERE Status_Modulo='Activo' AND Id_Fk_Menu='$Id_Modulo_App' ORDER BY Id_Modulo_Submenu DESC";

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

                                    $conexion->close();

                                    while($Field_sub_modulo=$Array_adapter_sub_modulo->fetch_assoc())

                                    {  

                                        /*echo "

                                        <li>

                                                <a onclick=\"addUrl('".$Field_sub_modulo['Href_Submenu']."','".$Field_sub_modulo['Href_Submenu']."'); document.getElementById('paneliframe').src = '".$Field_sub_modulo['Href_Submenu']."'; loadingpage();hiddenWindowPhone();\" class='menu menu--active'>

                                                    <div class='menu__icon'> <i data-lucide='".$Field_sub_modulo['Icon_Fa']."'></i> </div>

                                                    <div class='menu__title'> ".ucwords(str_replace('_',' ',$Field_sub_modulo['Titulo_Modulo_Submenu']))." </div>

                                                </a>

                                            </li>

                                        ";*/

                                        echo "

    

                                            <li>

    

                                                <a ".(($Field_sub_modulo['Target'] === 'blank') ? "onclick=\"window.open('".$Field_sub_modulo['Href_Submenu']."', '_blank');\"" : "onclick=\"addUrl('".$Field_sub_modulo['Href_Submenu']."','".$Field_sub_modulo['Href_Submenu']."'); document.getElementById('paneliframe').src = '".$Field_sub_modulo['Href_Submenu']."'; loadingpage();hiddenWindowPhone();\"")." class='menu menu--active'>



                                                    <div class='menu__icon'> <i data-lucide='".$Field_sub_modulo['Icon_Fa']."'></i> </div>

                                                    <div class='menu__title'> ".ucwords(str_replace('_',' ',$Field_sub_modulo['Titulo_Modulo_Submenu']))." </div>



                                                </a>



                                            </li>

    

                                        ";

                                    }

                                        

                            echo "   </ul>

                            </li>";

                             }



                            }

                        }catch (Exception $e) {

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

                        ";

                        }

                        //Termina la validacion, para mostrar los modulos a los que tiene acceso el usuario logueado

                    }

                    ?>

                    <li>

                         <a href='javascript:;' class="menu">

                            <div class='menu__icon'> <i data-lucide='plus'></i> </div>

                            <div class='menu__title'>

                                Cuenta

                                <div class='menu__sub-icon'> <i data-lucide='chevron-down'></i> </div>

                            </div>

                        </a>

                        <ul class=''>

                            <li>

                                <a onclick="document.getElementById('paneliframe').src = 'inicio/vista/perfil'; loadingpage();hiddenWindowPhone();" class='menu'>

                                    <div class='menu__icon'> <i data-lucide='user'></i> </div>

                                    <div class='menu__title'> Editar perfil</div>

                                </a>

                            </li>

                            <li>

                                <a onclick="document.getElementById('paneliframe').src = 'inicio/vista/perfil'; loadingpage();hiddenWindowPhone();" class='menu'>

                                    <div class='menu__icon'> <i data-lucide='key'></i> </div>

                                    <div class='menu__title'> Cambiar contraseña</div>

                                </a>

                            </li>

                        </ul>

                    </li>

                    <li>

                        <a id='mobil_menu_logout' onclick="window.location.href='../logout'"class="menu">

                            <div class="menu__icon"> <i data-lucide="toggle-left"></i> </div>

                            <div class="menu__title"> Cerrar sesion </div>

                        </a>

                    </li>

                </ul>

            </div>

        </div>

        <!-- END: Mobile Menu -->

                <!--<div class="flex mt-[4.7rem] md:mt-0">-->

                <div class="flex mt-6 md:mt-0">

            <!-- BEGIN: Side Menu -->

            <nav class="side-nav"  id='menu-side-nav-height'  style="margin-top: 22px;">

                <a href="" class="intro-x flex items-center pl-5 pt-4">

                    <img alt="Midone - HTML Admin Template" class="w-6" src="<?php if($Logo_APP==''){ echo '../dist/images/logo.svg'; }else{ echo str_replace('../../../','../',$Logo_APP); } ?>">

                    <span class="hidden xl:block text-white text-lg ml-3"> <?php echo ucwords(str_replace('_','',$Titulo_App));?> </span> 

                </a>

                <div class="side-nav__devider my-6"></div>

                <ul>

                    <!--<li>

                        <a id='menu_inicio' onclick="addUrl('inicio','inicio'); document.getElementById('paneliframe').src = 'inicio'; loadingpage();" <?php if($appUrlMenu=='inicio' || $appUrlMenu=='') { echo 'class="side-menu side-menu--active"'; }else{ echo 'class="side-menu"'; }?>>

                            <div class="side-menu__icon"> <i data-lucide="home" ></i> </div>

                            <div class="side-menu__title"> INICIO </div>

                        </a>

                    </li>-->

                    

                    <?php

                      //agregamos el archivo de la lista del menu de navegacion web

                      //include("webmenuitem.php");

                    if($_SESSION['Rol_appquadrata']==1 || $_SESSION['Rol_appquadrata']==2){

                        try{    

                            $Odbj_conexion = new odbconexion;

                            $conexion=$Odbj_conexion->openconection();

                            $consulta="SELECT * FROM modulo_app_appquadrata WHERE Status_Modulo='Activo' ORDER BY Id_Modulo_App DESC";

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

                            $conexion->close();

                            while($Field_modulo=$Array_adapter_modulo->fetch_assoc())

                            {   

                                if($Field_modulo['Tipo_Menu']=='Menu'){

                                 echo "

                                    <li>

                                        <a id='menu_".$Field_modulo['Href_Modulo']."' onclick=\"addUrl('".$Field_modulo['Href_Modulo']."','".$Field_modulo['Href_Modulo']."'); document.getElementById('paneliframe').src = '".$Field_modulo['Href_Modulo']."'; loadingpage();\"";

                                            if($appUrlMenu==$Field_modulo['Href_Modulo']) { echo 'class="side-menu side-menu--active"'; }else{ echo 'class="side-menu"'; } 

                                            echo ">

                                            <div class=\"side-menu__icon\"> <i data-lucide=\"".$Field_modulo['Icon_Fa_Modulo']."\" ></i> </div>

                                            <div class=\"side-menu__title\"> ".ucwords(str_replace('_',' ',$Field_modulo['Titulo_Modulo']))." </div>

                                        </a>

                                    </li>

                                 ";

                             }else if($Field_modulo['Tipo_Menu']=='Menu_desplegable'){

                                echo "<li>

                                  <a href='javascript:;'";

                                        if($appUrlMenu=='rol' || $appUrlMenu=='modulo_app' || $appUrlMenu=='configuracion_app') { echo 'class="side-menu side-menu--active"'; }else{ echo 'class="side-menu"'; } 

                                  echo ">

                                    <div class='side-menu__icon'> <i data-lucide='".$Field_modulo['Icon_Fa_Modulo']."'></i> </div>

                                    <div class='side-menu__title'>

                                        ".$Field_modulo['Titulo_Modulo']." 

                                        <div class='side-menu__sub-icon '> <i data-lucide='chevron-down'></i> </div>

                                    </div>

                                </a>

                                <ul class=''>

                                    <!--<li>

                                        <a href='side-menu-light-users-layout-1.html' class='side-menu'>

                                            <div class='side-menu__icon'> <i data-lucide='activity'></i> </div>

                                            <div class='side-menu__title'> Layout 1 </div>

                                        </a>

                                    </li>

                                    <li>

                                        <a href='side-menu-light-users-layout-2.html' class='side-menu'>

                                            <div class='side-menu__icon'> <i data-lucide='activity'></i> </div>

                                            <div class='side-menu__title'> Layout 2 </div>

                                        </a>

                                    </li>

                                    <li>

                                        <a href='side-menu-light-users-layout-3.html' class='side-menu'>

                                            <div class='side-menu__icon'> <i data-lucide='activity'></i> </div>

                                            <div class='side-menu__title'> Layout 3 </div>

                                        </a>

                                    </li>-->";

                                    $Id_Modulo_App=$Field_modulo['Id_Modulo_App'];

                                    $Odbj_conexion = new odbconexion;

                                    $conexion=$Odbj_conexion->openconection();

                                    $consulta="SELECT * FROM modulo_submenu_appquadrata WHERE Status_Modulo='Activo' AND Id_Fk_Menu='$Id_Modulo_App' ORDER BY Id_Modulo_Submenu DESC";

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

                                    $conexion->close();

                                    while($Field_sub_modulo=$Array_adapter_sub_modulo->fetch_assoc())

                                    {  

                                        /*echo "

                                        <li>

                                            <a onclick=\"addUrl('".$Field_sub_modulo['Href_Submenu']."','".$Field_sub_modulo['Href_Submenu']."'); document.getElementById('paneliframe').src = '".$Field_sub_modulo['Href_Submenu']."'; loadingpage();\" class='side-menu'>

                                                <div class='side-menu__icon'> <i data-lucide='".$Field_sub_modulo['Icon_Fa']."'></i> </div>

                                                <div class='side-menu__title'> ".ucwords(str_replace('_',' ',$Field_sub_modulo['Titulo_Modulo_Submenu']))."</div>

                                            </a>

                                        </li>

                                        ";*/

                                        echo "

    

                                            <li>

    

                                                <a ".(($Field_sub_modulo['Target'] === 'blank') ? "onclick=\"window.open('".$Field_sub_modulo['Href_Submenu']."', '_blank');\"" : "onclick=\"addUrl('".$Field_sub_modulo['Href_Submenu']."','".$Field_sub_modulo['Href_Submenu']."'); document.getElementById('paneliframe').src = '".$Field_sub_modulo['Href_Submenu']."'; loadingpage();\"")." class='side-menu'>



                                                    <div class='side-menu__icon'> <i data-lucide='".$Field_sub_modulo['Icon_Fa']."'></i> </div>

                                                    <div class='side-menu__title'> ".ucwords(str_replace('_',' ',$Field_sub_modulo['Titulo_Modulo_Submenu']))." </div>



                                                </a>



                                            </li>

    

                                        ";

                                    }

                                    /*Agregamos validacion para permisos de usuario super admin*/

                                    if($_SESSION['Rol_appquadrata']==1  && $Id_Modulo_App==1){

                                        echo "

                                        <li>

                                            <a onclick=\"addUrl('../library/backup.sql','../library/backup.sql');window.open('../library/backup.sql', '_blank', 'width=450,height=450')\" class='side-menu'>

                                                <div class='side-menu__icon'> <i data-lucide='database'></i> </div>

                                                <div class='side-menu__title'> Respaldar DB</div>

                                            </a>

                                        </li>

                                        <li>

                                            <a onclick=\"addUrl('../variables','../variables');window.open('../variables', '_blank', 'width=450,height=450')\" class='side-menu'>

                                                <div class='side-menu__icon'> <i data-lucide='list'></i> </div>

                                                <div class='side-menu__title'> Ver Variables</div>

                                            </a>

                                        </li>

                                        <li>

                                            <a onclick=\"addUrl('../library/info','../library/info');window.open('../library/info', '_blank', 'width=750,height=850')\" class='side-menu'>

                                                <div class='side-menu__icon'> <i data-lucide='info'></i> </div>

                                                <div class='side-menu__title'> Info Host</div>

                                            </a>

                                        </li>

                                        

                                        ";

                                    }

                                    /*Agregamos validacion para permisos de usuario super admin*/

                                        

                            echo "   </ul>

                            </li>";

                             }



                            }

                        }catch (Exception $e) {

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

                        ";

                        }

                        //termina la validacion para el tipo de usuario admin y super admin

                    }else{

                        //agregamos la variable de rol, que nos ayudara a validar el menu

                        $Rol_Usuario=$_SESSION['Rol_appquadrata'];

                        //Agregamos la validacion, para mostrar los modulos a los que tiene acceso el usuario logueado

                         try{    



                            $Odbj_conexion = new odbconexion;

                            $conexion=$Odbj_conexion->openconection();

                            $consulta="SELECT p.Id_Permiso_App,p.Id_Fk_Rol,p.Id_Modulo_Fk,p.Registrar,p.Leer,p.Editar,p.Eliminar,p.Exportar,m.Id_Modulo_App,m.Titulo_Modulo,m.Descripcion_Modulo,m.Tipo_Menu,m.Href_Modulo,m.Tipo_Enlace,m.Icon_Fa_Modulo FROM permiso_app_appquadrata p JOIN modulo_app_appquadrata m ON Id_Modulo_Fk=Id_Modulo_App WHERE Id_Fk_Rol='$Rol_Usuario' AND Leer='Si' ORDER BY Id_Permiso_App DESC ";

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

                            $conexion->close();

                            while($Field_modulo=$Array_adapter_modulo->fetch_assoc())

                            {   

                                if($Field_modulo['Tipo_Menu']=='Menu'){

                                 echo "

                                    <li>

                                        <a id='menu_".$Field_modulo['Href_Modulo']."' onclick=\"addUrl('".$Field_modulo['Href_Modulo']."','".$Field_modulo['Href_Modulo']."'); document.getElementById('paneliframe').src = '".$Field_modulo['Href_Modulo']."'; loadingpage();\"";

                                            if($appUrlMenu==$Field_modulo['Href_Modulo']) { echo 'class="side-menu side-menu--active"'; }else{ echo 'class="side-menu"'; } 

                                            echo ">

                                            <div class=\"side-menu__icon\"> <i data-lucide=\"".$Field_modulo['Icon_Fa_Modulo']."\" ></i> </div>

                                            <div class=\"side-menu__title\"> ".ucwords(str_replace('_',' ',$Field_modulo['Titulo_Modulo']))." </div>

                                        </a>

                                    </li>

                                 ";

                             }else if($Field_modulo['Tipo_Menu']=='Menu_desplegable'){

                                echo "<li>

                                  <a href='javascript:;'";

                                        if($appUrlMenu=='rol' || $appUrlMenu=='modulo_app' || $appUrlMenu=='configuracion_app') { echo 'class="side-menu side-menu--active"'; }else{ echo 'class="side-menu"'; } 

                                        echo ">

                                    <div class='side-menu__icon'> <i data-lucide='".$Field_modulo['Icon_Fa_Modulo']."'></i> </div>

                                    <div class='side-menu__title'>

                                        ".$Field_modulo['Titulo_Modulo']." 

                                        <div class='side-menu__sub-icon '> <i data-lucide='chevron-down'></i> </div>

                                    </div>

                                </a>

                                <ul class=''>";

                                    $Id_Modulo_App=$Field_modulo['Id_Modulo_App'];

                                    $Odbj_conexion = new odbconexion;

                                    $conexion=$Odbj_conexion->openconection();

                                    $consulta="SELECT * FROM modulo_submenu_appquadrata WHERE Status_Modulo='Activo' AND Id_Fk_Menu='$Id_Modulo_App' ORDER BY Id_Modulo_Submenu DESC";

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

                                    $conexion->close();

                                    while($Field_sub_modulo=$Array_adapter_sub_modulo->fetch_assoc())

                                    {  

                                        /*echo "

                                        <li>

                                            <a onclick=\"addUrl('".$Field_sub_modulo['Href_Submenu']."','".$Field_sub_modulo['Href_Submenu']."'); document.getElementById('paneliframe').src = '; loadingpage();".$Field_sub_modulo['Href_Submenu']."'\" class='side-menu'>

                                                <div class='side-menu__icon'> <i data-lucide='".$Field_sub_modulo['Icon_Fa']."'></i> </div>

                                                <div class='side-menu__title'> ".ucwords(str_replace('_',' ',$Field_sub_modulo['Titulo_Modulo_Submenu']))."</div>

                                            </a>

                                        </li>

                                        ";*/

                                        echo "

    

                                            <li>

    

                                                <a ".(($Field_sub_modulo['Target'] === 'blank') ? "onclick=\"window.open('".$Field_sub_modulo['Href_Submenu']."', '_blank');\"" : "onclick=\"addUrl('".$Field_sub_modulo['Href_Submenu']."','".$Field_sub_modulo['Href_Submenu']."'); document.getElementById('paneliframe').src = '".$Field_sub_modulo['Href_Submenu']."'; loadingpage();\"")." class='side-menu'>



                                                    <div class='side-menu__icon'> <i data-lucide='".$Field_sub_modulo['Icon_Fa']."'></i> </div>

                                                    <div class='side-menu__title'> ".ucwords(str_replace('_',' ',$Field_sub_modulo['Titulo_Modulo_Submenu']))." </div>



                                                </a>



                                            </li>

    

                                        ";

                                    }

                                        

                            echo "   </ul>

                            </li>";

                             }



                            }

                        }catch (Exception $e) {

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

                        ";

                        }

                        //Termina la validacion, para mostrar los modulos a los que tiene acceso el usuario logueado

                    }

                    ?>

                    <li>

                         <a href='javascript:;' class="side-menu">

                            <div class='side-menu__icon'> <i data-lucide='plus'></i> </div>

                            <div class='side-menu__title'>

                                Cuenta

                                <div class='side-menu__sub-icon'> <i data-lucide='chevron-down'></i> </div>

                            </div>

                        </a>

                        <ul class=''>

                            <li>

                                <a onclick="document.getElementById('paneliframe').src = 'inicio/vista/perfil'; loadingpage();" class='side-menu'>

                                    <div class='side-menu__icon'> <i data-lucide='user'></i> </div>

                                    <div class='side-menu__title'> Editar perfil</div>

                                </a>

                            </li>

                            <li>

                                <a onclick="document.getElementById('paneliframe').src = 'inicio/vista/perfil'; loadingpage();" class='side-menu'>

                                    <div class='side-menu__icon'> <i data-lucide='key'></i> </div>

                                    <div class='side-menu__title'> Cambiar contraseña</div>

                                </a>

                            </li>

                        </ul>

                    </li>

                    <li>

                        <a id='menu_logout' onclick="window.location.href='../logout'"  class="side-menu">

                            <div class="side-menu__icon"> <i data-lucide="toggle-left" ></i></div>

                            <div class="side-menu__title">Cerrar sesion </div>

                        </a>

                    </li>

                </ul>

            </nav>

            <!-- END: Side Menu -->

            <!-- BEGIN: Content -->

            <div class="content  content1">

                <!-- BEGIN: Top Bar -->

                <div class="top-bar">

                    <!-- BEGIN: Breadcrumb -->

                    <nav aria-label="breadcrumb" class="-intro-x mr-auto hidden sm:flex">

                        <ol class="breadcrumb">

                            <?php

                                if(!is_ios()) {

                                    echo '<a href="readqr"><img src="../dist/images/qr_png_white.png" width="35px" height="35px"></a>';

                                }

                            ?>

                            <!--<a href="readqr"><img src="../dist/images/qr_png_white.png" width="35px" height="35px"></a>-->

                            <li class="breadcrumb-item"><a href="#"><?=$_SESSION['Login_Nombre_appquadrata'];?></a></li>

                            <li class="breadcrumb-item active" aria-current="page"><?=$_SESSION['Titulo_Rol_Fk_appquadrata'];?></li>

                        </ol>

                    </nav>

                    <!-- END: Breadcrumb -->

                    <a href="#" style="color: white; margin-right: 15px;" id="toggleFullscreenButton" onclick="fullscreenIcon();">

                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" icon-name="maximize" id="iconFullScreen" data-lucide="maximize" class="lucide lucide-maximize maximize minimize"><path d="M8 3H5a2 2 0 00-2 2v3m18 0V5a2 2 0 00-2-2h-3m0 18h3a2 2 0 002-2v-3M3 16v3a2 2 0 002 2h3"></path></svg>

                    </a>

                    <!-- BEGIN: Account Menu -->

                    <div class="intro-x dropdown w-6 h-6">

                        <div id="myDropdown" class="dropdown-toggle w-6 h-6 rounded-full overflow-hidden shadow-lg image-fit zoom-in" role="button" aria-expanded="false" data-tw-toggle="dropdown">

                            <?php

                      if($_SESSION['Login_Img_Perfil_appquadrata']!=''){

                      ?>

                      <img src="<?php echo '../'.str_replace('../', '',$_SESSION['Login_Img_Perfil_appquadrata']); ?>" class="w-6" alt="Midone - HTML Admin Template">

                      <?php

                      }else{

                      ?>

                      <img src="../dist/images/logo.svg" class="w-6" alt="Midone - HTML Admin Template">

                      <?php

                      }

                      ?>

                        </div>

                        <div class="dropdown-menu w-56">

                            <ul class="dropdown-content bg-primary text-white">

                                <li class="p-2">

                                     <div class="font-medium"><?php echo $_SESSION['Login_Nombre_appquadrata']; ?></div>

                                    <!--<div class="text-xs text-white/70 mt-0.5 dark:text-slate-500">Software Engineer</div>-->

                                </li>

                                <li>

                                    <a href="javascript:void(0);" onclick="toggleExpanded();document.getElementById('paneliframe').src = 'inicio/vista/perfil'; loadingpage();" class="dropdown-item hover:bg-white/5" role="button" aria-expanded="false" data-tw-toggle="dropdown"> <i data-lucide="user" class="w-4 h-4 mr-2"></i> Editar Perfil </a>

                                </li>

                                <li>

                                    <a href="javascript:void(0);" onclick="toggleExpanded();document.getElementById('paneliframe').src = 'inicio/vista/cuenta'; loadingpage();" class="dropdown-item hover:bg-white/5"> <i data-lucide="key" class="w-4 h-4 mr-2"></i> Cambiar contraseña </a>

                                </li>

                                <li>

                                    <hr class="dropdown-divider border-white/[0.08]">

                                </li>

                                <li>

                                    <a href="../logout.php" class="dropdown-item hover:bg-white/5"> <i data-lucide="toggle-right" class="w-4 h-4 mr-2"></i> Cerrar sesión </a>

                                </li>

                            </ul>

                        </div>

                    </div>

                    <!-- END: Account Menu -->

                </div>

                <?php 

         }else{

        ?>

                <!-- BEGIN: Mobile Menu -->

        <div class="mobile-menu md:hidden" id="mobileMenuBar">

            <div class="mobile-menu-bar" style="height: 40px;">

                <a href="" class="flex mr-auto">

                    <img alt="Midone - HTML Admin Template" class="w-6" src="<?php if($Logo_APP!=''){ echo str_replace('../../../','../',$Logo_APP); }else{ echo '../dist/images/logo.svg'; } ?>">

                </a>

                <a href="javascript:;" class="mobile-menu-toggler"> <i data-lucide="bar-chart-2" class="w-8 h-8 text-white transform -rotate-90"></i> </a>

            </div>

            <div class="scrollable">

                <a href="javascript:;" class="mobile-menu-toggler"> <i data-lucide="x-circle" class="w-8 h-8 text-white transform -rotate-90"></i> </a>

                <ul class="scrollable__content py-2">

                                        <?php



                      //agregamos el archivo de la lista del menu de navegacion mobil

                      //include("mobilmenuitem.php");

                    if($_SESSION['Rol_appquadrata']==1 || $_SESSION['Rol_appquadrata']==2){

                         try{    

                            $Odbj_conexion = new odbconexion;

                            $conexion=$Odbj_conexion->openconection();

                            $consulta="SELECT * FROM modulo_app_appquadrata WHERE Status_Modulo='Activo' ORDER BY Id_Modulo_App DESC";

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

                            $conexion->close();

                            while($Field_modulo=$Array_adapter_modulo->fetch_assoc())

                            {   if($Field_modulo['Tipo_Menu']=='Menu'){

                                     echo "

                                        <li>

                                            <a id='mobil_menu_".$Field_modulo['Href_Modulo']."' onclick=\"addUrl('".$Field_modulo['Href_Modulo']."','".$Field_modulo['Href_Modulo']."'); document.getElementById('paneliframe').src = '".$Field_modulo['Href_Modulo']."'; loadingpage(); hiddenWindowPhone();\"";

                                                if($appUrlMenu==$Field_modulo['Href_Modulo']) { echo 'class="menu menu--active"'; }else{ echo 'class="menu"'; } 

                                                echo ">

                                                <div class=\"menu__icon\"> <i data-lucide=\"".$Field_modulo['Icon_Fa_Modulo']."\" ></i> </div>

                                                <div class=\"menu__title\"> ".ucwords(str_replace('_',' ',$Field_modulo['Titulo_Modulo']))." </div>

                                            </a>

                                        </li>

                                     ";

                                 }else if($Field_modulo['Tipo_Menu']=='Menu_desplegable'){

                                echo "

                                    <li>

                                        <a href='javascript:;'";

                                        if($appUrlMenu=='rol' || $appUrlMenu=='modulo_app' || $appUrlMenu=='configuracion_app') { echo 'class="menu menu--active"'; }else{ echo 'class="menu"'; } 

                                        echo ">

                                            <div class='menu__icon'> <i data-lucide='".$Field_modulo['Icon_Fa_Modulo']."'></i> </div>

                                            <div class='menu__title'> ".ucwords(str_replace('_',' ',$Field_modulo['Titulo_Modulo']))." <i data-lucide='chevron-down' class='menu__sub-icon'></i> </div>

                                        </a>

                                        <!--<ul class='menu__sub-open'>-->

                                        <ul class=''>";

                                    $Id_Modulo_App=$Field_modulo['Id_Modulo_App'];

                                    $Odbj_conexion = new odbconexion;

                                    $conexion=$Odbj_conexion->openconection();

                                    $consulta="SELECT * FROM modulo_submenu_appquadrata WHERE Status_Modulo='Activo' AND Id_Fk_Menu='$Id_Modulo_App' ORDER BY Id_Modulo_Submenu DESC";

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

                                    $conexion->close();

                                    while($Field_sub_modulo=$Array_adapter_sub_modulo->fetch_assoc())

                                    {  

                                        /*echo "

                                        <li>

                                                <a onclick=\"addUrl('".$Field_sub_modulo['Href_Submenu']."','".$Field_sub_modulo['Href_Submenu']."'); document.getElementById('paneliframe').src = '".$Field_sub_modulo['Href_Submenu']."'; loadingpage(); hiddenWindowPhone();\" class='menu menu--active'>

                                                    <div class='menu__icon'> <i data-lucide='".$Field_sub_modulo['Icon_Fa']."'></i> </div>

                                                    <div class='menu__title'> ".ucwords(str_replace('_',' ',$Field_sub_modulo['Titulo_Modulo_Submenu']))." </div>

                                                </a>

                                            </li>

                                        ";*/

                                        echo "

    

                                            <li>

    

                                                <a ".(($Field_sub_modulo['Target'] === 'blank') ? "onclick=\"window.open('".$Field_sub_modulo['Href_Submenu']."', '_blank');\"" : "onclick=\"addUrl('".$Field_sub_modulo['Href_Submenu']."','".$Field_sub_modulo['Href_Submenu']."'); document.getElementById('paneliframe').src = '".$Field_sub_modulo['Href_Submenu']."'; loadingpage();hiddenWindowPhone();\"")." class='menu menu--active'>



                                                    <div class='menu__icon'> <i data-lucide='".$Field_sub_modulo['Icon_Fa']."'></i> </div>



                                                    <div class='menu__title'> ".ucwords(str_replace('_',' ',$Field_sub_modulo['Titulo_Modulo_Submenu']))." </div>



                                                </a>



                                            </li>

    

                                        ";

                                    }

                                    /*Agregamos validacion para permisos de usuario super admin*/

                                    if($_SESSION['Rol_appquadrata']==1 && $Id_Modulo_App==1){

                                        echo "

                                        <li>

                                            <a onclick=\"addUrl('../library/backup.sql','../library/backup.sql');window.open('../library/backup.sql', '_blank', 'width=450,height=450');hiddenWindowPhone();\" class='menu menu--active'>

                                                <div class='menu__icon'> <i data-lucide='database'></i> </div>

                                                <div class='menu__title'> Respaldar DB</div>

                                            </a>

                                        </li>

                                        <li>

                                            <a onclick=\"addUrl('../variables','../variables');window.open('../variables', '_blank', 'width=450,height=450');hiddenWindowPhone();\" class='menu menu--active'>

                                                <div class='menu__icon'> <i data-lucide='list'></i> </div>

                                                <div class='menu__title'> Ver Variables</div>

                                            </a>

                                        </li>

                                        <li>

                                            <a onclick=\"addUrl('../library/info','../library/info');window.open('../library/info', '_blank', 'width=750,height=850');hiddenWindowPhone();\" class='menu menu--active'>

                                                <div class='menu__icon'> <i data-lucide='info'></i> </div>

                                                <div class='menu__title'> Info Host</div>

                                            </a>

                                        </li>

                                        

                                        ";

                                    }

                                    /*Agregamos validacion para permisos de usuario super admin*/

                                        

                            echo "   </ul>

                            </li>";

                             }



                            }

                        }catch (Exception $e) {

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

                        ";

                        }

                    //termina la validacion para el tipo de usuario admin y super admin

                    }else{

                      //agregamos la variable de rol, que nos ayudara a validar el menu

                        $Rol_Usuario=$_SESSION['Rol_appquadrata'];

                        //Agregamos la validacion, para mostrar los modulos a los que tiene acceso el usuario logueado

                         try{    



                            $Odbj_conexion = new odbconexion;

                            $conexion=$Odbj_conexion->openconection();

                            $consulta="SELECT p.Id_Permiso_App,p.Id_Fk_Rol,p.Id_Modulo_Fk,p.Registrar,p.Leer,p.Editar,p.Eliminar,p.Exportar,m.Id_Modulo_App,m.Titulo_Modulo,m.Descripcion_Modulo,m.Tipo_Menu,m.Href_Modulo,m.Tipo_Enlace,m.Icon_Fa_Modulo FROM permiso_app_appquadrata p JOIN modulo_app_appquadrata m ON Id_Modulo_Fk=Id_Modulo_App WHERE Id_Fk_Rol='$Rol_Usuario' AND Leer='Si' ORDER BY Id_Permiso_App DESC ";

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

                            $conexion->close();

                            while($Field_modulo=$Array_adapter_modulo->fetch_assoc())

                            {   

                                if($Field_modulo['Tipo_Menu']=='Menu'){

                                 echo "

                                        <li>

                                            <a id='mobil_menu_".$Field_modulo['Href_Modulo']."' onclick=\"addUrl('".$Field_modulo['Href_Modulo']."','".$Field_modulo['Href_Modulo']."'); document.getElementById('paneliframe').src = '".$Field_modulo['Href_Modulo']."'; loadingpage(); hiddenWindowPhone();\"";

                                                if($appUrlMenu==$Field_modulo['Href_Modulo']) { echo 'class="menu menu--active"'; }else{ echo 'class="menu"'; } 

                                                echo ">

                                                <div class=\"menu__icon\"> <i data-lucide=\"".$Field_modulo['Icon_Fa_Modulo']."\" ></i> </div>

                                                <div class=\"menu__title\"> ".ucwords(str_replace('_',' ',$Field_modulo['Titulo_Modulo']))." </div>

                                            </a>

                                        </li>

                                     ";

                             }else if($Field_modulo['Tipo_Menu']=='Menu_desplegable'){

                                echo "

                                    <li>

                                        <a href='javascript:;'";

                                        if($appUrlMenu=='rol' || $appUrlMenu=='modulo_app' || $appUrlMenu=='configuracion_app') { echo 'class="menu menu--active"'; }else{ echo 'class="menu"'; } 

                                        echo ">

                                            <div class='menu__icon'> <i data-lucide='".$Field_modulo['Icon_Fa_Modulo']."'></i> </div>

                                            <div class='menu__title'> ".ucwords(str_replace('_',' ',$Field_modulo['Titulo_Modulo']))." <i data-lucide='chevron-down' class='menu__sub-icon'></i> </div>

                                        </a>

                                        <!--<ul class='menu__sub-open'>-->

                                        <ul class=''>";

                                    $Id_Modulo_App=$Field_modulo['Id_Modulo_App'];

                                    $Odbj_conexion = new odbconexion;

                                    $conexion=$Odbj_conexion->openconection();

                                    $consulta="SELECT * FROM modulo_submenu_appquadrata WHERE Status_Modulo='Activo' AND Id_Fk_Menu='$Id_Modulo_App' ORDER BY Id_Modulo_Submenu DESC";

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

                                    $conexion->close();

                                    while($Field_sub_modulo=$Array_adapter_sub_modulo->fetch_assoc())

                                    {  

                                        /*echo "

                                        <li>

                                                <a onclick=\"addUrl('".$Field_sub_modulo['Href_Submenu']."','".$Field_sub_modulo['Href_Submenu']."'); document.getElementById('paneliframe').src = '".$Field_sub_modulo['Href_Submenu']."'; loadingpage();hiddenWindowPhone();\" class='menu menu--active'>

                                                    <div class='menu__icon'> <i data-lucide='".$Field_sub_modulo['Icon_Fa']."'></i> </div>

                                                    <div class='menu__title'> ".ucwords(str_replace('_',' ',$Field_sub_modulo['Titulo_Modulo_Submenu']))." </div>

                                                </a>

                                            </li>

                                        ";*/

                                        echo "

    

                                            <li>

    

                                                <a ".(($Field_sub_modulo['Target'] === 'blank') ? "onclick=\"window.open('".$Field_sub_modulo['Href_Submenu']."', '_blank');\"" : "onclick=\"addUrl('".$Field_sub_modulo['Href_Submenu']."','".$Field_sub_modulo['Href_Submenu']."'); document.getElementById('paneliframe').src = '".$Field_sub_modulo['Href_Submenu']."'; loadingpage();hiddenWindowPhone();\"")." class='menu menu--active'>



                                                    <div class='menu__icon'> <i data-lucide='".$Field_sub_modulo['Icon_Fa']."'></i> </div>



                                                    <div class='menu__title'> ".ucwords(str_replace('_',' ',$Field_sub_modulo['Titulo_Modulo_Submenu']))." </div>



                                                </a>



                                            </li>

    

                                        ";

                                    }

                                        

                            echo "   </ul>

                            </li>";

                             }



                            }

                        }catch (Exception $e) {

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

                        ";

                        }

                        //Termina la validacion, para mostrar los modulos a los que tiene acceso el usuario logueado

                    }

                    ?>

                    <li>

                         <a href='javascript:;' class="menu">

                            <div class='menu__icon'> <i data-lucide='plus'></i> </div>

                            <div class='menu__title'>

                                Cuenta

                                <div class='menu__sub-icon'> <i data-lucide='chevron-down'></i> </div>

                            </div>

                        </a>

                        <!--<ul class='side-menu__sub-open'>-->

                        <ul class=''>

                            <li>

                                <a onclick="document.getElementById('paneliframe').src = 'inicio/vista/perfil'; loadingpage();hiddenWindowPhone();" class='menu'>

                                    <div class='menu__icon'> <i data-lucide='user'></i> </div>

                                    <div class='menu__title'> Editar perfil</div>

                                </a>

                            </li>

                            <li>

                                <a onclick="document.getElementById('paneliframe').src = 'inicio/vista/perfil'; loadingpage();hiddenWindowPhone();" class='menu'>

                                    <div class='menu__icon'> <i data-lucide='key'></i> </div>

                                    <div class='menu__title'> Cambiar contraseña</div>

                                </a>

                            </li>

                        </ul>

                    </li>

                    <li>

                        <a id='mobil_menu_logout' onclick="window.location.href='../logout'"class="menu">

                            <div class="menu__icon"> <i data-lucide="toggle-left"></i> </div>

                            <div class="menu__title"> Cerrar sesion </div>

                        </a>

                    </li>

                </ul>

            </div>

        </div>

        <!-- END: Mobile Menu -->

        <!-- BEGIN: Top Bar -->

        

        <div class="top-bar-boxed h-[45px] md:h-[65px] z-[51] border-b border-white/[0.08] mt-4 md:mt-0 -mx-3 sm:-mx-8 md:-mx-0 px-3 md:border-b-0 relative md:fixed md:inset-x-0 md:top-0 sm:px-8 md:px-10 md:pt-10 md:bg-gradient-to-b md:from-slate-100 md:to-transparent dark:md:from-darkmode-700">

            <div class="h-full flex items-center">

                <!-- BEGIN: Logo -->

                <a href="" class="logo -intro-x hidden md:flex xl:w-[180px] block">

                    <img alt="Midone - HTML Admin Template" class="logo__image w-6" src="<?php if($Logo_APP==''){ echo '../dist/images/logo.svg'; }else{ echo str_replace('../../../','../',$Logo_APP); } ?>">

                    <span class="logo__text text-white text-lg ml-3"> <?php echo ucwords(str_replace('_','',$Titulo_App));?> </span> 

                </a>

                <!-- END: Logo -->

                <!-- BEGIN: Breadcrumb -->

                <nav aria-label="breadcrumb" class="-intro-x h-[45px] mr-auto">

                    <ol class="breadcrumb breadcrumb-light">

                        <?php

                            if(!is_ios()) {

                                echo '<a href="readqr"><img src="../dist/images/qr_png_white.png" width="35px" height="35px"></a>';

                            }

                        ?>

                        <li class="breadcrumb-item"><a href="#"><?=$_SESSION['Login_Nombre_appquadrata'];?></a></li>

                        <li class="breadcrumb-item active" aria-current="page"><?=$_SESSION['Titulo_Rol_Fk_appquadrata'];?></li>

                    </ol>

                </nav>

                <!-- END: Breadcrumb -->

                <a href="#" class="logo -intro-x hidden md:flex xl:w block" style="color: white; margin-right: 15px;" id="toggleFullscreenButton" onclick="fullscreenIcon();">

                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" icon-name="maximize" id="iconFullScreen" data-lucide="maximize" class="lucide lucide-maximize maximize minimize"><path d="M8 3H5a2 2 0 00-2 2v3m18 0V5a2 2 0 00-2-2h-3m0 18h3a2 2 0 002-2v-3M3 16v3a2 2 0 002 2h3"></path></svg>

                </a>

                <!-- BEGIN: Account Menu -->

                <div class="intro-x dropdown w-6 h-6">

                    <div id="myDropdown" class="dropdown-toggle w-6 h-6 rounded-full overflow-hidden shadow-lg image-fit zoom-in scale-110" role="button" aria-expanded="false" data-tw-toggle="dropdown">

                        <?php

                      if($_SESSION['Login_Img_Perfil_appquadrata']!=''){

                      ?>

                      <!--<img src="<?php echo '../../../../appquadrata'.str_replace('../', '',$_SESSION['Login_Img_Perfil_appquadrata']); ?>" class="w-6" alt="Midone - HTML Admin Template">-->

                      <img src="<?php echo '../'.str_replace('../', '',$_SESSION['Login_Img_Perfil_appquadrata']); ?>" class="w-6" alt="Midone - HTML Admin Template">

                      <?php

                      }else{

                       echo '<img src="../dist/images/logo.svg" class="w-6" alt="Midone - HTML Admin Template">';

                      }

                      ?>

                    </div>

                    <div class="dropdown-menu w-56">

                        <ul class="dropdown-content bg-primary/80 before:block before:absolute before:bg-black before:inset-0 before:rounded-md before:z-[-1] text-white">

                            <li class="p-2">

                                <div class="font-medium"><?php echo $_SESSION['Login_Nombre_appquadrata']; ?></div>

                                <!--<div class="text-xs text-white/60 mt-0.5 dark:text-slate-500">Backend Engineer</div>-->

                            </li>

                            <li>

                                <a href="javascript:void(0);" onclick="toggleExpanded();document.getElementById('paneliframe').src = 'inicio/vista/perfil'; loadingpage();" class="dropdown-item hover:bg-white/5" role="button" aria-expanded="false" data-tw-toggle="dropdown"> <i data-lucide="user" class="w-4 h-4 mr-2"></i> Editar Perfil </a>

                            </li>

                            <li>

                                <a href="javascript:void(0);" onclick="toggleExpanded();document.getElementById('paneliframe').src = 'inicio/vista/cuenta'; loadingpage();" class="dropdown-item hover:bg-white/5"> <i data-lucide="key" class="w-4 h-4 mr-2"></i> Cambiar contraseña </a>

                            </li>

                            <li>

                                <hr class="dropdown-divider border-white/[0.08]">

                            </li>

                            <li>

                                <a href="../logout.php" class="dropdown-item hover:bg-white/5"> <i data-lucide="toggle-right" class="w-4 h-4 mr-2"></i> Cerrar sesión </a>

                            </li>

                        </ul>

                    </div>

                </div>

                <!-- END: Account Menu -->

            </div>

        </div>

        <!-- END: Top Bar -->

        <div class="flex overflow-hidden"  style="margin-right:-9px;margin-left:-9px">

            <!-- BEGIN: Side Menu -->

            <nav class="side-nav"  id='menu-side-nav-height' <?php if($_Template=='icewall'){ echo "style=\"padding-top:1rem !important;\""; }else{echo "style=\"margin-top: 22px;padding-top:4rem !important;\""; }?>>

                <ul>

                                        <?php

                      //agregamos el archivo de la lista del menu de navegacion web

                      //include("webmenuitem.php");

                    if($_SESSION['Rol_appquadrata']==1 || $_SESSION['Rol_appquadrata']==2){

                        try{    

                            $Odbj_conexion = new odbconexion;

                            $conexion=$Odbj_conexion->openconection();

                            $consulta="SELECT * FROM modulo_app_appquadrata WHERE Status_Modulo='Activo' ORDER BY Id_Modulo_App DESC";

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

                            $conexion->close();

                            while($Field_modulo=$Array_adapter_modulo->fetch_assoc())

                            {   

                                if($Field_modulo['Tipo_Menu']=='Menu'){

                                 echo "

                                    <li>

                                        <a id='menu_".$Field_modulo['Href_Modulo']."' onclick=\"addUrl('".$Field_modulo['Href_Modulo']."','".$Field_modulo['Href_Modulo']."'); document.getElementById('paneliframe').src = '".$Field_modulo['Href_Modulo']."'; loadingpage();\"";

                                            if($appUrlMenu==$Field_modulo['Href_Modulo']) { echo 'class="side-menu side-menu--active"'; }else{ echo 'class="side-menu"'; } 

                                            echo ">

                                            <div class=\"side-menu__icon\"> <i data-lucide=\"".$Field_modulo['Icon_Fa_Modulo']."\" ></i> </div>

                                            <div class=\"side-menu__title\"> ".ucwords(str_replace('_',' ',$Field_modulo['Titulo_Modulo']))." </div>

                                        </a>

                                    </li>

                                 ";

                             }else if($Field_modulo['Tipo_Menu']=='Menu_desplegable'){

                                echo "<li>

                                  <a href='javascript:;'";

                                        if($appUrlMenu=='rol' || $appUrlMenu=='modulo_app' || $appUrlMenu=='configuracion_app') { echo 'class="side-menu side-menu--active"'; }else{ echo 'class="side-menu"'; } 

                                        echo ">

                                    <div class='side-menu__icon'> <i data-lucide='".$Field_modulo['Icon_Fa_Modulo']."'></i> </div>

                                    <div class='side-menu__title'>

                                        ".ucwords(str_replace('_',' ',$Field_modulo['Titulo_Modulo']))." 

                                        <div class='side-menu__sub-icon '> <i data-lucide='chevron-down'></i> </div>

                                    </div>

                                </a>

                                <!--<ul class='side-menu__sub-open'>-->

                                <ul class=''>";

                                    $Id_Modulo_App=$Field_modulo['Id_Modulo_App'];

                                    $Odbj_conexion = new odbconexion;

                                    $conexion=$Odbj_conexion->openconection();

                                    $consulta="SELECT * FROM modulo_submenu_appquadrata WHERE Status_Modulo='Activo' AND Id_Fk_Menu='$Id_Modulo_App' ORDER BY Id_Modulo_Submenu DESC";

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

                                    $conexion->close();

                                    while($Field_sub_modulo=$Array_adapter_sub_modulo->fetch_assoc())

                                    {  

                                        /*echo "

                                        <li>

                                            <a onclick=\"addUrl('".$Field_sub_modulo['Href_Submenu']."','".$Field_sub_modulo['Href_Submenu']."'); document.getElementById('paneliframe').src = '".$Field_sub_modulo['Href_Submenu']."'; loadingpage();\" class='side-menu'>

                                                <div class='side-menu__icon'> <i data-lucide='".$Field_sub_modulo['Icon_Fa']."'></i> </div>

                                                <div class='side-menu__title'> ".ucwords(str_replace('_',' ',$Field_sub_modulo['Titulo_Modulo_Submenu']))."</div>

                                            </a>

                                        </li>

                                        ";*/

                                        echo "

    

                                            <li>

    

                                                <a ".(($Field_sub_modulo['Target'] === 'blank') ? "onclick=\"window.open('".$Field_sub_modulo['Href_Submenu']."', '_blank');\"" : "onclick=\"addUrl('".$Field_sub_modulo['Href_Submenu']."','".$Field_sub_modulo['Href_Submenu']."'); document.getElementById('paneliframe').src = '".$Field_sub_modulo['Href_Submenu']."'; loadingpage();\"")." class='side-menu'>



                                                    <div class='side-menu__icon'> <i data-lucide='".$Field_sub_modulo['Icon_Fa']."'></i> </div>



                                                    <div class='side-menu__title'> ".ucwords(str_replace('_',' ',$Field_sub_modulo['Titulo_Modulo_Submenu']))." </div>



                                                </a>



                                            </li>

    

                                        ";

                                    }

                                    /*Agregamos validacion para permisos de usuario super admin*/

                                    if($_SESSION['Rol_appquadrata']==1 && $Id_Modulo_App==1){

                                        echo "

                                        <li>

                                            <a onclick=\"addUrl('../library/backup.sql','../library/backup.sql');window.open('../library/backup.sql', '_blank', 'width=450,height=450')\" class='side-menu'>

                                                <div class='side-menu__icon'> <i data-lucide='database'></i> </div>

                                                <div class='side-menu__title'> Respaldar DB</div>

                                            </a>

                                        </li>

                                        <li>

                                            <a onclick=\"addUrl('../variables','../variables');window.open('../variables', '_blank', 'width=450,height=450')\" class='side-menu'>

                                                <div class='side-menu__icon'> <i data-lucide='list'></i> </div>

                                                <div class='side-menu__title'> Ver Variables</div>

                                            </a>

                                        </li>

                                        <li>

                                            <a onclick=\"addUrl('../library/info','../library/info');window.open('../library/info', '_blank', 'width=750,height=850')\" class='side-menu'>

                                                <div class='side-menu__icon'> <i data-lucide='info'></i> </div>

                                                <div class='side-menu__title'> Info Host</div>

                                            </a>

                                        </li>

                                        

                                        ";

                                    }

                                    /*Agregamos validacion para permisos de usuario super admin*/

                                        

                            echo "   </ul>

                            </li>";

                             }



                            }

                        }catch (Exception $e) {

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

                        ";

                        }

                        //termina la validacion para el tipo de usuario admin y super admin

                    }else{

                        //agregamos la variable de rol, que nos ayudara a validar el menu

                        $Rol_Usuario=$_SESSION['Rol_appquadrata'];

                        //Agregamos la validacion, para mostrar los modulos a los que tiene acceso el usuario logueado

                         try{    



                            $Odbj_conexion = new odbconexion;

                            $conexion=$Odbj_conexion->openconection();

                            $consulta="SELECT p.Id_Permiso_App,p.Id_Fk_Rol,p.Id_Modulo_Fk,p.Registrar,p.Leer,p.Editar,p.Eliminar,p.Exportar,m.Id_Modulo_App,m.Titulo_Modulo,m.Descripcion_Modulo,m.Tipo_Menu,m.Href_Modulo,m.Tipo_Enlace,m.Icon_Fa_Modulo FROM permiso_app_appquadrata p JOIN modulo_app_appquadrata m ON Id_Modulo_Fk=Id_Modulo_App WHERE Id_Fk_Rol='$Rol_Usuario' AND Leer='Si' ORDER BY Id_Permiso_App DESC ";

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

                            $conexion->close();

                            while($Field_modulo=$Array_adapter_modulo->fetch_assoc())

                            {   

                                if($Field_modulo['Tipo_Menu']=='Menu'){

                                 echo "

                                    <li>

                                        <a id='menu_".$Field_modulo['Href_Modulo']."' onclick=\"addUrl('".$Field_modulo['Href_Modulo']."','".$Field_modulo['Href_Modulo']."'); document.getElementById('paneliframe').src = '".$Field_modulo['Href_Modulo']."'; loadingpage();\"";

                                            if($appUrlMenu==$Field_modulo['Href_Modulo']) { echo 'class="side-menu side-menu--active"'; }else{ echo 'class="side-menu"'; } 

                                            echo ">

                                            <div class=\"side-menu__icon\"> <i data-lucide=\"".$Field_modulo['Icon_Fa_Modulo']."\" ></i> </div>

                                            <div class=\"side-menu__title\"> ".ucwords(str_replace('_',' ',$Field_modulo['Titulo_Modulo']))." </div>

                                        </a>

                                    </li>

                                 ";

                             }else if($Field_modulo['Tipo_Menu']=='Menu_desplegable'){

                                echo "<li>

                                  <a href='javascript:;'";

                                        if($appUrlMenu=='rol' || $appUrlMenu=='modulo_app' || $appUrlMenu=='configuracion_app') { echo 'class="side-menu side-menu--active"'; }else{ echo 'class="side-menu"'; } 

                                      echo ">

                                    <div class='side-menu__icon'> <i data-lucide='".$Field_modulo['Icon_Fa_Modulo']."'></i> </div>

                                    <div class='side-menu__title'>

                                        ".ucwords(str_replace('_',' ',$Field_modulo['Titulo_Modulo']))." 

                                        <div class='side-menu__sub-icon '> <i data-lucide='chevron-down'></i> </div>

                                    </div>

                                </a>

                                <!--<ul class='side-menu__sub-open'>-->

                                <ul class=''>";

                                    $Id_Modulo_App=$Field_modulo['Id_Modulo_App'];

                                    $Odbj_conexion = new odbconexion;

                                    $conexion=$Odbj_conexion->openconection();

                                    $consulta="SELECT * FROM modulo_submenu_appquadrata WHERE Status_Modulo='Activo' AND Id_Fk_Menu='$Id_Modulo_App' ORDER BY Id_Modulo_Submenu DESC";

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

                                    $conexion->close();

                                    while($Field_sub_modulo=$Array_adapter_sub_modulo->fetch_assoc())

                                    {  

                                        /*echo "

                                        <li>

                                            <a onclick=\"addUrl('".$Field_sub_modulo['Href_Submenu']."','".$Field_sub_modulo['Href_Submenu']."'); document.getElementById('paneliframe').src = '; loadingpage();".$Field_sub_modulo['Href_Submenu']."'\" class='side-menu'>

                                                <div class='side-menu__icon'> <i data-lucide='".$Field_sub_modulo['Icon_Fa']."'></i> </div>

                                                <div class='side-menu__title'> ".ucwords(str_replace('_',' ',$Field_sub_modulo['Titulo_Modulo_Submenu']))."</div>

                                            </a>

                                        </li>

                                        ";*/

                                        echo "

    

                                            <li>

    

                                                <a ".(($Field_sub_modulo['Target'] === 'blank') ? "onclick=\"window.open('".$Field_sub_modulo['Href_Submenu']."', '_blank');\"" : "onclick=\"addUrl('".$Field_sub_modulo['Href_Submenu']."','".$Field_sub_modulo['Href_Submenu']."'); document.getElementById('paneliframe').src = '".$Field_sub_modulo['Href_Submenu']."'; loadingpage();\"")." class='side-menu'>



                                                    <div class='side-menu__icon'> <i data-lucide='".$Field_sub_modulo['Icon_Fa']."'></i> </div>



                                                    <div class='side-menu__title'> ".ucwords(str_replace('_',' ',$Field_sub_modulo['Titulo_Modulo_Submenu']))." </div>



                                                </a>



                                            </li>

    

                                        ";

                                    }

                                        

                            echo "   </ul>

                            </li>";

                             }



                            }

                        }catch (Exception $e) {

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

                        ";

                        }

                        //Termina la validacion, para mostrar los modulos a los que tiene acceso el usuario logueado

                    }

                    ?>

                    <li>

                         <a href='javascript:;' class="side-menu">

                            <div class='side-menu__icon'> <i data-lucide='plus'></i> </div>

                            <div class='side-menu__title'>

                                Cuenta

                                <div class='side-menu__sub-icon '> <i data-lucide='chevron-down'></i> </div>

                            </div>

                        </a>

                        <ul class=''>

                            <li>

                                <a onclick="document.getElementById('paneliframe').src = 'inicio/vista/perfil'; loadingpage();" class='side-menu'>

                                    <div class='side-menu__icon'> <i data-lucide='user'></i> </div>

                                    <div class='side-menu__title'> Editar perfil</div>

                                </a>

                            </li>

                            <li>

                                <a onclick="document.getElementById('paneliframe').src = 'inicio/vista/perfil'; loadingpage();" class='side-menu'>

                                    <div class='side-menu__icon'> <i data-lucide='key'></i> </div>

                                    <div class='side-menu__title'> Cambiar contraseña</div>

                                </a>

                            </li>

                        </ul>

                    </li>

                    <li>

                        <a id='menu_logout' onclick="window.location.href='../logout'"  class="side-menu">

                            <div class="side-menu__icon"> <i data-lucide="toggle-left" ></i></div>

                            <div class="side-menu__title">Cerrar sesion </div>

                        </a>

                    </li>

                </ul>

            </nav>

            <!-- END: Side Menu -->

            <script type="text/javascript">

                function hiddenWindowPhone(){

                    var mobileMenuBar = document.getElementById('mobileMenuBar');

                    mobileMenuBar.classList.remove('mobile-menu--active');

                }

                

                function toggleExpanded() {

                    var myDropdown = document.getElementById("myDropdown");

                    myDropdown.click();

                }

            </script>

            <!-- BEGIN: Content -->

            <div class="content  content2">

        <?php 

            }

        ?>

    