<?php

    session_start();

    if(empty($_SESSION['login_appquadrata'])){

        echo"<script language='javascript'>window.location='/appquadrata/login'</script>;";

        exit();

    }

?>

<!DOCTYPE html>

<?php

/*inicializamos valores para la configuracion del template*/

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

$variables=[];

$_Color='';

$_Template='';

$_Theme_Template='';

$_Css='';

$_Js='';

$_Css_Version='';

$_Js_Version='';

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['Rows_Columns'])) {

        $_Rows_Columns = $variables['Rows_Columns'];

    }else{

        $_Rows_Columns=4;

    }

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

        $_Css_Version = $variables['css_version'];

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

    }

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

        $_Js_Version = $variables['js_version'];

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

    }

}

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

?>

<html  style="background-color: rgb(241, 245, 249);" lang="es" class="<?php if($_Color!=''){ echo 'theme-user'; }else{ echo $_Theme_Template; }?>">

<meta http-equiv='Content-Type' content='text/html; charset=ISO-8859-1'>

<meta name='description' content='Información sobre contenido de tu pagina'>

<meta name='keywords' content='aqui van los tags para ser encontrados por los boots de google ejemplo fibora,ti hyper solutions'>

<meta charset="UTF-8" />

<HEAD>



<?php

    //Declaramos la variable time, para que al modificar un archivo, este no se guarde en cache y se vizualicen los cambios

    $time_log_assets=time();

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

    //require('../modelo/infraestructura.php');

    require(ROOT_CONTROLLER.'infraestructura.php');

    $Obj_infraestructura = new infraestructura(); 

?>



    <!---<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">---><!--se agrego esta dependencia para los iconos de lado izquierdo en los inputs-->

    <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.js'></script>

    <meta name="viewport" content="width=device-width,initial-scale=1">

    <!-- BEGIN: CSS Assets-->

    <link rel="stylesheet" href="../../../dist/css/<?=$_Css;?>?dummy=<?=$_Css_Version;?>" />

    <!-- END: CSS Assets-->

    <link rel="stylesheet" href="../../../dist/css/input_file.css?dummy=<?=$_Css_Version;?>" />

    <script src="../../../dist/js/noback.js?dummy=<?=$_Css_Version;?>" type="text/javascript"></script>

    <!--Comienza plugins JTABLE--->

    <script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>

    <!--Termina plugins JTABLE--->

    <!---llamamos la libreria de tinymce--->

    <script defer src="../../../dist/tinymce/tinymce/main.js?dummy=<?=$_Js_Version;?>"></script>

    <link rel="stylesheet" href="../../../dist/tinymce/tinymce/estilos.css?dummy=<?=$_Css_Version;?>" />

    <script src="../../../dist/tinymce/tinymce/tinymce.min.js?dummy=<?=$_Js_Version;?>" referrerpolicy="origin"></script>

    <!---Terminamos de agregar editor tinymce--->

    <!-- Cropper.js CSS -->
    <link href="../../../dist/css/cropper.min.css?dummy=<?=$_Js_Version;?>" rel="stylesheet"/>

    <!---incluimos dependencias para el select con buscador-->

    <script src="https://code.jquery.com/jquery-3.7.1.js" integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4=" crossorigin="anonymous"></script>

    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />

    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>

    <link rel="stylesheet" href="../../../dist/css/app_style.css?dummy=<?=$_Css_Version;?>" />

    <!--termina dependencias para el select con buscador--->

        

<?php



$action=!empty($_REQUEST['action'])?$_REQUEST['action']:'';

$_ScrollTo=!empty($_REQUEST['_ScrollTo'])?$_REQUEST['_ScrollTo']:'';

$_Buscar=!empty($_REQUEST['_Buscar'])?$_REQUEST['_Buscar']:'';

$_Action = $_Buscar!='' ? 'buscar' : '';

$_Pagina=!empty($_REQUEST['pagina'])?$_REQUEST['pagina']:'';

//DECLARAMOS VARIABLES PARA LA RELACION CON ENTIDAD PADRE
$_Clausula_Fk=!empty($_REQUEST['_Clausula_Fk'])?$_REQUEST['_Clausula_Fk']:'';

$_IdFk=!empty($_REQUEST['_IdFk'])?$_REQUEST['_IdFk']:'';

//DECLARAMOS VARIABLES PARA LA RELACION CON ENTIDAD BISABUELO
$_B_Clausula_Fk=!empty($_REQUEST['_B_Clausula_Fk'])?$_REQUEST['_B_Clausula_Fk']:'';

$_B_IdFk=!empty($_REQUEST['_B_IdFk'])?$_REQUEST['_B_IdFk']:'';

//DECLARAMOS VARIABLES PARA LA RELACION CON ENTIDAD ABUELO
$_A_Clausula_Fk=!empty($_REQUEST['_A_Clausula_Fk'])?$_REQUEST['_A_Clausula_Fk']:'';

$_A_IdFk=!empty($_REQUEST['_A_IdFk'])?$_REQUEST['_A_IdFk']:'';

$Id_Infraestructura=!empty($_REQUEST['Id_Infraestructura'])?$_REQUEST['Id_Infraestructura']:'';
$Nombre_Recurso='';
$Tipo_Infraestructura='';
$Proveedor_Servicio='';
$Ubicacion='';
$Estatus='';
$Descripcion='';
$Url_Acceso='';
$Usuario_Acceso='';
$Password_Acceso='';
$Notas='';
$Documento_Memoria1='';
$Documento_Memoria2='';
$Documento_Memoria3='';
$Fecha_Registro='';
$Usuario_Registro='';
$Fecha_Modificacion='';
$Usuario_Modifico='';


switch ($action) {

    case 'editar':
        $_Case_Consult='Editar_Columna';
        echo"<TITLE>Editar infraestructura</TITLE>";
        break;

    default:
        $_Case_Consult='Registrar_Columna';
        echo"<TITLE>Registrar infraestructura</TITLE>";
        break;

}



require_once(ROOT_CHARACTER_FIX);

$Obj_fix_characters = new fix_characters();

require_once(ROOT_CONTROLLER.'infraestructura.php');

$Obj_infraestructura = new infraestructura();//para los datos del formulario

$Obj_infraestructura2 = new infraestructura();//para los datos del paginador


$isMobile = preg_match('/(iPhone|iPad|iPod|Android)/i', $_SERVER['HTTP_USER_AGENT']);

//lee las variables del formulario.

if (!empty($_POST))

{

    /*require_once(ROOT_CONFIG);      

    $Odbj_conexion = new odbconexion;

    $conexion=$Odbj_conexion->openconection();

    $consulta="SELECT * FROM infraestructura WHERE Id_Infraestructura='$Id_Infraestructura' ORDER BY Id_Infraestructura DESC";

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

    $conexion->close();*/

    $Array_adapter_infraestructura=$Obj_infraestructura->getbyid_infraestructura($Id_Infraestructura);

    while($field_infraestructura=$Array_adapter_infraestructura->fetch_assoc())

    {

    $Nombre_Recurso=$field_infraestructura['Nombre_Recurso'];
   $Tipo_Infraestructura=$field_infraestructura['Tipo_Infraestructura'];
   $Proveedor_Servicio=$field_infraestructura['Proveedor_Servicio'];
   $Ubicacion=$field_infraestructura['Ubicacion'];
   $Estatus=$field_infraestructura['Estatus'];
   $Descripcion=$field_infraestructura['Descripcion'];
   $Url_Acceso=$field_infraestructura['Url_Acceso'];
   $Usuario_Acceso=$field_infraestructura['Usuario_Acceso'];
   $Password_Acceso=$field_infraestructura['Password_Acceso'];
   $Notas=$field_infraestructura['Notas'];
   $Documento_Memoria1=$field_infraestructura['Documento_Memoria1'];
   $Documento_Memoria2=$field_infraestructura['Documento_Memoria2'];
   $Documento_Memoria3=$field_infraestructura['Documento_Memoria3'];
   $Fecha_Registro=$field_infraestructura['Fecha_Registro'];
   $Usuario_Registro=$field_infraestructura['Usuario_Registro'];
   $Fecha_Modificacion=$field_infraestructura['Fecha_Modificacion'];
   $Usuario_Modifico=$field_infraestructura['Usuario_Modifico'];
   

    }

}?>    



<?php  

    $row_registers=0;

    $arreglo_registers = array();

    /*$Odbj_conexion = new odbconexion;

    $conexion=$Odbj_conexion->openconection();

    $consulta="SELECT * FROM infraestructura ORDER BY Id_Infraestructura ASC";

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

    $conexion->close();*/

    $Array_adapter_infraestructura_registers=$Obj_infraestructura2->get_infraestructura_paginador_frm();

    $rows_registers=$Array_adapter_infraestructura_registers->num_rows;

    while($field_infraestructura_register=$Array_adapter_infraestructura_registers->fetch_assoc())

    {

        $row_registers++;

        array_push($arreglo_registers, array("id" => $field_infraestructura_register['Id_Infraestructura'], "numero" => $row_registers));

   

    }

    //permisos de columnas para usuarios no admin
    $Rol_Usuario_Logued_App=$_SESSION['Rol_appquadrata'];
    $Id_Modulo_Fk_En_Modulo_App=0;
    $columnasConPermiso = [];
    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_Logued_App' AND Leer='Si' ORDER BY Id_Permiso_App DESC ";
        $Array_adapter_permiso_modulo=$conexion->query($consulta);
        while($Field_Permiso_Modulo=$Array_adapter_permiso_modulo->fetch_assoc())
        {
            $Id_Modulo_Fk_En_Modulo_App=$Field_Permiso_Modulo['Id_Modulo_Fk'];
        }

        $consulta_columna="SELECT p.Id_Fk_Rol,m.Id_Modulo_App,p.Titulo_Columna,p.Leer_Columna,p.Registrar_Columna,p.Editar_Columna FROM permiso_columna_appquadrata p JOIN modulo_app_appquadrata m ON Id_Modulo_Fk=Id_Modulo_App WHERE Id_Fk_Rol='$Rol_Usuario_Logued_App' AND $_Case_Consult='Si' AND Id_Modulo_Fk='$Id_Modulo_Fk_En_Modulo_App'";
        $Array_adapter_permiso_columna=$conexion->query($consulta_columna);
        $conexion->close();
        while($Field_Permiso_columna=$Array_adapter_permiso_columna->fetch_assoc())
        {
            $columnasConPermiso[] = $Field_Permiso_columna['Titulo_Columna'];
        }

    }catch (Exception $e) {

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

    }

?> 

<script language='JavaScript'> 

var statSend = false;

function checkSubmit() {

    if (!statSend) {

        statSend = true;

        return true;

    } else {

        alert('La Informaci\u00F3n ya se est\u00E1 enviando, por favor espere...');

        return false;

    }

}

</script> 

<style>

     ::-webkit-scrollbar {

        display: none;

    }



</style>

</HEAD>

    <center>

    <BODY onload="noback();">

  <?php

    //Comienza form del formulario

echo "<div class='intro-y box form-box'>";

    

    switch ($action) {

    case 'editar':

        echo "

            <div class='flex items-center p-5 border-b border-slate-200/60 dark:border-darkmode-400'>

                <h2 class='font-medium text-base mr-auto'>

                    EDITAR INFRAESTRUCTURA

                </h2>";

            if($rows_registers>1){

                foreach ($arreglo_registers as $elemento) {

                    if ($elemento["id"] === $Id_Infraestructura) {

                        $numeroEncontrado = $elemento["numero"];

                        break; // Detén el bucle una vez que se encuentre el elemento

                    }

                }

                echo "<p class='mr-3'>".$numeroEncontrado."/".$rows_registers."</p>";



                if($numeroEncontrado>1){

                    $registerPrev=$numeroEncontrado-1;

                    

                    foreach ($arreglo_registers as $elemento) {

                        if ($elemento["numero"] === $registerPrev) {

                            $idEncontradoPrev = $elemento["id"];

                            break; // Detén el bucle una vez que se encuentre el elemento

                        }

                    }

                    echo "<form action='./formulario.php' method='Post' onsubmit='loadingpage();'>

                        <input type='hidden' value='$idEncontradoPrev' name='Id_Infraestructura'>

                        <input name='action' value='editar' type='hidden'>

                        <button type='submit' class='btn-navigation-registers'><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='chevron-left' data-lucide='chevron-left' class='lucide chevron-left w-6 h-6 mr-1 mt-1'><path d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'></path><circle cx='12' cy='12' r='3'></circle></svg></button>

                    </form>";

                }



                if($numeroEncontrado<$row_registers){

                    $registerNext=$numeroEncontrado+1;

                    

                    foreach ($arreglo_registers as $elemento) {

                        if ($elemento["numero"] === $registerNext) {

                            $idEncontradoNext = $elemento["id"];

                            break; // Detén el bucle una vez que se encuentre el elemento

                        }

                    }

                    echo "<form action='./formulario.php' method='Post' onsubmit='loadingpage();'>

                        <input type='hidden' value='$idEncontradoNext' name='Id_Infraestructura'>

                        <input name='action' value='editar' type='hidden'>

                        <button type='submit' class='btn-navigation-registers'><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='chevron-right' data-lucide='chevron-right' class='lucide chevron-right w-6 h-6 mr-1 mt-1'><path d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'></path><circle cx='12' cy='12' r='3'></circle></svg></button>

                    </form>";

                }

            }

        echo "</div>";

        break;

    

    default:

        echo"

            <div class='flex items-center p-5 border-b border-slate-200/60 dark:border-darkmode-400'>

                <h2 class='font-medium text-base mr-auto'>

                    REGISTRAR INFRAESTRUCTURA

                </h2>

            </div>";

        break;

    }



    switch($_Rows_Columns){

        case 1:

        $cols_columns=12;

        break;

        case 2:

        $cols_columns=6;

        break;

        case 3:

        $cols_columns=4;

        break;

        case 4:

        $cols_columns=3;

        break;

        default:

        $cols_columns=12;

        break;



    }



    echo "<div class='p-5'>

            <form name='registrar'onsubmit='loadingpage();return checkSubmit();' action='../bussines/guardar.php' method='Post' enctype='multipart/form-data'>      

            <div class='grid grid-cols-12 gap-x-5'>

                <div class='col-span-12 xl:col-span-12'>";

                    echo "<input type='hidden' name='_ScrollTo' value='$_ScrollTo'>";

                    echo "<input type='hidden' name='_Pagina' value='$_Pagina'>";

                    echo "<input type='hidden' name='Id_Infraestructura' value='$Id_Infraestructura'>";

                    echo "<div class='grid grid-cols-12 gap-x-5'>";

                      echo " 

                                <div class='mt-3  col-span-12 lg:col-span-$cols_columns xl:col-span-$cols_columns' ".(($Rol_Usuario_Logued_App <= 2) || (in_array('Nombre_Recurso', $columnasConPermiso) && $Rol_Usuario_Logued_App > 2) ? "" : "style='display:none;'").">

                                    <label for='update-profile-form-7' class='form-label'>Nombre Recurso: </label>

                                   <input id='Nombre_Recurso' name='Nombre_Recurso' value='$Nombre_Recurso' type='text' class='form-control'  placeholder='Nombre Recurso' >

                                </div>";
                                   echo " 

                                <div class='mt-3  col-span-12 lg:col-span-$cols_columns xl:col-span-$cols_columns' ".(($Rol_Usuario_Logued_App <= 2) || (in_array('Tipo_Infraestructura', $columnasConPermiso) && $Rol_Usuario_Logued_App > 2) ? "" : "style='display:none;'").">

                                    <label for='update-profile-form-7' class='form-label'>Tipo Infraestructura: </label>

                                    <select name='Tipo_Infraestructura' id='Tipo_Infraestructura' class='select-search form-control' >

                                        <option value='' selected disabled>Selecciona un registro</option>
                                        <option value='Física' ".($Tipo_Infraestructura == 'Física' ? 'selected' : '').">Física</option>
                                        <option value='Cloud' ".($Tipo_Infraestructura == 'Cloud' ? 'selected' : '').">Cloud</option>
                                    </select>

                                </div>

                                ";

                              echo " 

                                <div class='mt-3  col-span-12 lg:col-span-$cols_columns xl:col-span-$cols_columns' ".(($Rol_Usuario_Logued_App <= 2) || (in_array('Proveedor_Servicio', $columnasConPermiso) && $Rol_Usuario_Logued_App > 2) ? "" : "style='display:none;'").">

                                    <label for='update-profile-form-7' class='form-label'>Proveedor Servicio: </label>

                                   <input id='Proveedor_Servicio' name='Proveedor_Servicio' value='$Proveedor_Servicio' type='text' class='form-control'  placeholder='Proveedor Servicio' >

                                </div>";
                                 echo " 

                                <div class='mt-3  col-span-12 lg:col-span-$cols_columns xl:col-span-$cols_columns' ".(($Rol_Usuario_Logued_App <= 2) || (in_array('Ubicacion', $columnasConPermiso) && $Rol_Usuario_Logued_App > 2) ? "" : "style='display:none;'").">

                                    <label for='update-profile-form-7' class='form-label'>Ubicacion: </label>

                                   <input id='Ubicacion' name='Ubicacion' value='$Ubicacion' type='text' class='form-control'  placeholder='Ubicacion' >

                                </div>";
                                 echo " 

                                <div class='mt-3  col-span-12 lg:col-span-$cols_columns xl:col-span-$cols_columns' ".(($Rol_Usuario_Logued_App <= 2) || (in_array('Estatus', $columnasConPermiso) && $Rol_Usuario_Logued_App > 2) ? "" : "style='display:none;'").">

                                    <div class='content-form-check-input'>
                                        
                                        <label for='update-profile-form-7' class='label-form-check-input'>Estatus: </label>

                                        <div class='form-check form-switch mr-2 form-check-center'>

                                            <input type='checkbox' class='form-check-input' id='Estatus' name='Estatus' value='activa' " . ($Estatus == 'activa' ? 'checked' : '') . " >

                                            <label class='form-check-label' for='Estatus'>Activa</label>

                                        </div>

                                    </div>    

                                </div>

                                ";

                              echo " 

                                <div class='mt-3  col-span-12 lg:col-span-$cols_columns xl:col-span-$cols_columns' ".(($Rol_Usuario_Logued_App <= 2) || (in_array('Descripcion', $columnasConPermiso) && $Rol_Usuario_Logued_App > 2) ? "" : "style='display:none;'").">

                                    <label for='update-profile-form-7' class='form-label'>Descripcion: </label>

                                    <textarea id='editor'  style='/*width:600px;*/height:300px;' name='Descripcion' placeholder='Descripcion'>{$Descripcion}</textarea>

                                </div>";
                                 echo " 

                                <div class='mt-3  col-span-12 lg:col-span-$cols_columns xl:col-span-$cols_columns' ".(($Rol_Usuario_Logued_App <= 2) || (in_array('Url_Acceso', $columnasConPermiso) && $Rol_Usuario_Logued_App > 2) ? "" : "style='display:none;'").">

                                    <label for='update-profile-form-7' class='form-label'>Url Acceso: </label>

                                   <input id='Url_Acceso' name='Url_Acceso' value='$Url_Acceso' type='url' class='form-control'  placeholder='Url Acceso' >

                                </div>";
                                 echo " 

                                <div class='mt-3  col-span-12 lg:col-span-$cols_columns xl:col-span-$cols_columns' ".(($Rol_Usuario_Logued_App <= 2) || (in_array('Usuario_Acceso', $columnasConPermiso) && $Rol_Usuario_Logued_App > 2) ? "" : "style='display:none;'").">

                                    <label for='update-profile-form-7' class='form-label'>Usuario Acceso: </label>

                                   <input id='Usuario_Acceso' name='Usuario_Acceso' value='$Usuario_Acceso' type='text' class='form-control'  placeholder='Usuario Acceso' >

                                </div>";
                                 echo " 

                                <div class='mt-3  col-span-12 lg:col-span-$cols_columns xl:col-span-$cols_columns' ".(($Rol_Usuario_Logued_App <= 2) || (in_array('Password_Acceso', $columnasConPermiso) && $Rol_Usuario_Logued_App > 2) ? "" : "style='display:none;'").">

                                    <label for='update-profile-form-7' class='form-label'>Password Acceso: </label>

                                   <input id='Password_Acceso' name='Password_Acceso' value='$Password_Acceso' type='text' class='form-control'  placeholder='Password Acceso' >

                                </div>";
                                 echo " 

                                <div class='mt-3  col-span-12 lg:col-span-$cols_columns xl:col-span-$cols_columns' ".(($Rol_Usuario_Logued_App <= 2) || (in_array('Notas', $columnasConPermiso) && $Rol_Usuario_Logued_App > 2) ? "" : "style='display:none;'").">

                                    <label for='update-profile-form-7' class='form-label'>Notas: </label>

                                    <textarea id='editor'  style='/*width:600px;*/height:300px;' name='Notas' placeholder='Notas'>{$Notas}</textarea>

                                </div>";
                                 echo " 

                                <div class='mt-3  col-span-12 lg:col-span-$cols_columns xl:col-span-$cols_columns media-center' ".(($Rol_Usuario_Logued_App <= 2) || (in_array('Documento_Memoria1', $columnasConPermiso) && $Rol_Usuario_Logued_App > 2) ? "" : "style='display:none;'").">

                                    <label for='update-profile-form-7' class='form-label'>Documento Memoria1: </label>";



                                        if ($Documento_Memoria1!='') {



                                                  $time=time();  $time=filectime($Documento_Memoria1);

                                                  $filestart=$Documento_Memoria1."?dummy=$time";
                                                  echo "<center><img src='../../../dist/images/img_pdf.png' id='imgDocumento_Memoria1' style='display:none;'></center>";
                                                  /*echo "<object  id='Documento_Memoria1Canvas' data='$filestart' type='application/pdf' style='width: 60%; height: 400px;'>

                                                      <p>Su navegador web no tiene un complemento de PDF.

                                                      En cambio, puedes <a href='$filestart'>Haga click aquí para

                                                      descargar el archivo PDF.</a></p>

                                                    </object>

                                                    ";*/
                                                    if ($isMobile){
                                                        echo "<object  id='Documento_Memoria1Canvas' data='$filestart' type='application/pdf' style='background: lightgrey;display: block;text-align: center;padding: 20px;'>
                                                            <div style='background: lightgrey; display: block; text-align: center; padding: 20px;'>
                                                                <p style='font-family: sans-serif;'>Este dispositivo no permite visualizar el PDF directamente.</p>
                                                                <a href='$filestart' download='$filestart' style='display:inline-block; padding:10px 20px; background:#007bff; color:#fff; border-radius:5px; text-decoration:none;'>
                                                                📥 Descargar PDF
                                                                </a>
                                                            </div>
                                                        </object>"; 
                                                    }else{
                                                       echo "<object  id='Documento_Memoria1Canvas' data='$filestart' type='application/pdf' style='width: 60%; height: 400px;'>
                                                            <p>Su navegador web no tiene un complemento de PDF. En cambio, puedes <a href='$filestart'>Haga click aquí para descargar el archivo PDF.</a></p>
                                                        </object>"; 
                                                    }

                                                    echo"<input type='hidden' name='Documento_Memoria1' value='$Documento_Memoria1'>";

                                        }

                                        else

                                        {

                                            echo"<input type='hidden' name='Documento_Memoria1' value='$Documento_Memoria1'>";

                                            

                                            //echo "<center><img src='../../../images/img_pdf1.png' id='imgDocumento_Memoria1'></center>";

                                            //echo" <br><canvas id='Documento_Memoria1Canvas' style='height:150px;display:none;'></canvas><br>";

                                            echo "<center><img src='../../../dist/images/img_pdf.png' id='imgDocumento_Memoria1' ></center>";

                                            echo" <object id='Documento_Memoria1Canvas' type='application/pdf' style='width: 60%; height: 400px;display:none;'></object>";

                                        }

                                echo "

                                    <br>
                                    <div class=\"content-btn-media-UI\">
                                        <input  class='inputfile inputfile-2' name='archivo_Documento_Memoria1'  capture='camera'  accept='application/pdf' type='file'  id='myDocumento_Memoria1'/>
                                        <label for='myDocumento_Memoria1'><svg xmlns='http://www.w3.org/2000/svg' class='iborrainputfile' width='20' height='17' viewBox='0 0 20 17'><path d='M10 0l-5.2 4.9h3.3v5.1h3.8v-5.1h3.3l-5.2-4.9zm9.3 11.5l-3.2-2.1h-2l3.4 2.6h-3.5c-.1 0-.2.1-.2.1l-.8 2.3h-6l-.8-2.2c-.1-.1-.1-.2-.2-.2h-3.6l3.4-2.6h-2l-3.2 2.1c-.4.3-.7 1-.6 1.5l.6 3.1c.1.5.7.9 1.2.9h16.3c.6 0 1.1-.4 1.3-.9l.6-3.1c.1-.5-.2-1.2-.7-1.5z'></path></svg><span class='iborrainputfile' id='spanDocumento_Memoria1'>Seleccionar archivo</span>

                                      </label>
                                    </div>";

                                echo "</div>"; 
                                 echo " 

                                <div class='mt-3  col-span-12 lg:col-span-$cols_columns xl:col-span-$cols_columns media-center' ".(($Rol_Usuario_Logued_App <= 2) || (in_array('Documento_Memoria2', $columnasConPermiso) && $Rol_Usuario_Logued_App > 2) ? "" : "style='display:none;'").">

                                    <label for='update-profile-form-7' class='form-label'>Documento Memoria2: </label>";



                                        if ($Documento_Memoria2!='') {



                                                  $time=time();  $time=filectime($Documento_Memoria2);

                                                  $filestart=$Documento_Memoria2."?dummy=$time";
                                                  echo "<center><img src='../../../dist/images/img_pdf.png' id='imgDocumento_Memoria2' style='display:none;'></center>";
                                                  /*echo "<object  id='Documento_Memoria2Canvas' data='$filestart' type='application/pdf' style='width: 60%; height: 400px;'>

                                                      <p>Su navegador web no tiene un complemento de PDF.

                                                      En cambio, puedes <a href='$filestart'>Haga click aquí para

                                                      descargar el archivo PDF.</a></p>

                                                    </object>

                                                    ";*/
                                                    if ($isMobile){
                                                        echo "<object  id='Documento_Memoria2Canvas' data='$filestart' type='application/pdf' style='background: lightgrey;display: block;text-align: center;padding: 20px;'>
                                                            <div style='background: lightgrey; display: block; text-align: center; padding: 20px;'>
                                                                <p style='font-family: sans-serif;'>Este dispositivo no permite visualizar el PDF directamente.</p>
                                                                <a href='$filestart' download='$filestart' style='display:inline-block; padding:10px 20px; background:#007bff; color:#fff; border-radius:5px; text-decoration:none;'>
                                                                📥 Descargar PDF
                                                                </a>
                                                            </div>
                                                        </object>"; 
                                                    }else{
                                                       echo "<object  id='Documento_Memoria2Canvas' data='$filestart' type='application/pdf' style='width: 60%; height: 400px;'>
                                                            <p>Su navegador web no tiene un complemento de PDF. En cambio, puedes <a href='$filestart'>Haga click aquí para descargar el archivo PDF.</a></p>
                                                        </object>"; 
                                                    }

                                                    echo"<input type='hidden' name='Documento_Memoria2' value='$Documento_Memoria2'>";

                                        }

                                        else

                                        {

                                            echo"<input type='hidden' name='Documento_Memoria2' value='$Documento_Memoria2'>";

                                            

                                            //echo "<center><img src='../../../images/img_pdf1.png' id='imgDocumento_Memoria2'></center>";

                                            //echo" <br><canvas id='Documento_Memoria2Canvas' style='height:150px;display:none;'></canvas><br>";

                                            echo "<center><img src='../../../dist/images/img_pdf.png' id='imgDocumento_Memoria2' ></center>";

                                            echo" <object id='Documento_Memoria2Canvas' type='application/pdf' style='width: 60%; height: 400px;display:none;'></object>";

                                        }

                                echo "

                                    <br>
                                    <div class=\"content-btn-media-UI\">
                                        <input  class='inputfile inputfile-2' name='archivo_Documento_Memoria2'  capture='camera'  accept='application/pdf' type='file'  id='myDocumento_Memoria2'/>
                                        <label for='myDocumento_Memoria2'><svg xmlns='http://www.w3.org/2000/svg' class='iborrainputfile' width='20' height='17' viewBox='0 0 20 17'><path d='M10 0l-5.2 4.9h3.3v5.1h3.8v-5.1h3.3l-5.2-4.9zm9.3 11.5l-3.2-2.1h-2l3.4 2.6h-3.5c-.1 0-.2.1-.2.1l-.8 2.3h-6l-.8-2.2c-.1-.1-.1-.2-.2-.2h-3.6l3.4-2.6h-2l-3.2 2.1c-.4.3-.7 1-.6 1.5l.6 3.1c.1.5.7.9 1.2.9h16.3c.6 0 1.1-.4 1.3-.9l.6-3.1c.1-.5-.2-1.2-.7-1.5z'></path></svg><span class='iborrainputfile' id='spanDocumento_Memoria2'>Seleccionar archivo</span>

                                      </label>
                                    </div>";

                                echo "</div>"; 
                                 echo " 

                                <div class='mt-3  col-span-12 lg:col-span-$cols_columns xl:col-span-$cols_columns media-center' ".(($Rol_Usuario_Logued_App <= 2) || (in_array('Documento_Memoria3', $columnasConPermiso) && $Rol_Usuario_Logued_App > 2) ? "" : "style='display:none;'").">

                                    <label for='update-profile-form-7' class='form-label'>Documento Memoria3: </label>";



                                        if ($Documento_Memoria3!='') {



                                                  $time=time();  $time=filectime($Documento_Memoria3);

                                                  $filestart=$Documento_Memoria3."?dummy=$time";
                                                  echo "<center><img src='../../../dist/images/img_pdf.png' id='imgDocumento_Memoria3' style='display:none;'></center>";
                                                  /*echo "<object  id='Documento_Memoria3Canvas' data='$filestart' type='application/pdf' style='width: 60%; height: 400px;'>

                                                      <p>Su navegador web no tiene un complemento de PDF.

                                                      En cambio, puedes <a href='$filestart'>Haga click aquí para

                                                      descargar el archivo PDF.</a></p>

                                                    </object>

                                                    ";*/
                                                    if ($isMobile){
                                                        echo "<object  id='Documento_Memoria3Canvas' data='$filestart' type='application/pdf' style='background: lightgrey;display: block;text-align: center;padding: 20px;'>
                                                            <div style='background: lightgrey; display: block; text-align: center; padding: 20px;'>
                                                                <p style='font-family: sans-serif;'>Este dispositivo no permite visualizar el PDF directamente.</p>
                                                                <a href='$filestart' download='$filestart' style='display:inline-block; padding:10px 20px; background:#007bff; color:#fff; border-radius:5px; text-decoration:none;'>
                                                                📥 Descargar PDF
                                                                </a>
                                                            </div>
                                                        </object>"; 
                                                    }else{
                                                       echo "<object  id='Documento_Memoria3Canvas' data='$filestart' type='application/pdf' style='width: 60%; height: 400px;'>
                                                            <p>Su navegador web no tiene un complemento de PDF. En cambio, puedes <a href='$filestart'>Haga click aquí para descargar el archivo PDF.</a></p>
                                                        </object>"; 
                                                    }

                                                    echo"<input type='hidden' name='Documento_Memoria3' value='$Documento_Memoria3'>";

                                        }

                                        else

                                        {

                                            echo"<input type='hidden' name='Documento_Memoria3' value='$Documento_Memoria3'>";

                                            

                                            //echo "<center><img src='../../../images/img_pdf1.png' id='imgDocumento_Memoria3'></center>";

                                            //echo" <br><canvas id='Documento_Memoria3Canvas' style='height:150px;display:none;'></canvas><br>";

                                            echo "<center><img src='../../../dist/images/img_pdf.png' id='imgDocumento_Memoria3' ></center>";

                                            echo" <object id='Documento_Memoria3Canvas' type='application/pdf' style='width: 60%; height: 400px;display:none;'></object>";

                                        }

                                echo "

                                    <br>
                                    <div class=\"content-btn-media-UI\">
                                        <input  class='inputfile inputfile-2' name='archivo_Documento_Memoria3'  capture='camera'  accept='application/pdf' type='file'  id='myDocumento_Memoria3'/>
                                        <label for='myDocumento_Memoria3'><svg xmlns='http://www.w3.org/2000/svg' class='iborrainputfile' width='20' height='17' viewBox='0 0 20 17'><path d='M10 0l-5.2 4.9h3.3v5.1h3.8v-5.1h3.3l-5.2-4.9zm9.3 11.5l-3.2-2.1h-2l3.4 2.6h-3.5c-.1 0-.2.1-.2.1l-.8 2.3h-6l-.8-2.2c-.1-.1-.1-.2-.2-.2h-3.6l3.4-2.6h-2l-3.2 2.1c-.4.3-.7 1-.6 1.5l.6 3.1c.1.5.7.9 1.2.9h16.3c.6 0 1.1-.4 1.3-.9l.6-3.1c.1-.5-.2-1.2-.7-1.5z'></path></svg><span class='iborrainputfile' id='spanDocumento_Memoria3'>Seleccionar archivo</span>

                                      </label>
                                    </div>";

                                echo "</div>"; 
                                 echo " 

                                <div class='mt-3  col-span-12 lg:col-span-$cols_columns xl:col-span-$cols_columns' ".(($Rol_Usuario_Logued_App <= 2) || (in_array('Fecha_Registro', $columnasConPermiso) && $Rol_Usuario_Logued_App > 2) ? "style='display:none;'" : "style='display:none;'").">

                                    <label for='update-profile-form-7' class='form-label'>Fecha Registro: </label>

                                    <input id='Fecha_Registro' name='Fecha_Registro' value='$Fecha_Registro' type='datetime-local' class='form-control'  placeholder='Fecha Registro' >

                                </div>";
                                 echo " 

                                <div class='mt-3  col-span-12 lg:col-span-$cols_columns xl:col-span-$cols_columns' ".(($Rol_Usuario_Logued_App <= 2) || (in_array('Usuario_Registro', $columnasConPermiso) && $Rol_Usuario_Logued_App > 2) ? "style='display:none;'" : "style='display:none;'").">

                                    <label for='update-profile-form-7' class='form-label'>Usuario Registro: </label>

                                    <input id='Usuario_Registro_Disabled' value='" . (($action == 'registrar') ? (!empty($_SESSION['Login_Nombre_appquadrata']) ? $_SESSION['Login_Nombre_temp5'] : $_SESSION['Login_Correo_appquadrata']) : $Usuario_Registro) ."' type='text' class='form-control'  placeholder='Usuario Registro' disabled>

                                    <input id='Usuario_Registro' name='Usuario_Registro' value='" . (($action == 'registrar') ? (!empty($_SESSION['Login_Nombre_appquadrata']) ? $_SESSION['Login_Nombre_temp5'] : $_SESSION['Login_Correo_appquadrata']) : $Usuario_Registro) ."' type='hidden' class='form-control'  placeholder='Usuario Registro' >

                                </div>";
                                 echo " 

                                <div class='mt-3  col-span-12 lg:col-span-$cols_columns xl:col-span-$cols_columns' ".(($Rol_Usuario_Logued_App <= 2) || (in_array('Fecha_Modificacion', $columnasConPermiso) && $Rol_Usuario_Logued_App > 2) ? "style='display:none;'" : "style='display:none;'").">

                                    <label for='update-profile-form-7' class='form-label'>Fecha Modificacion: </label>

                                    <input id='Fecha_Modificacion' name='Fecha_Modificacion' value='$Fecha_Modificacion' type='datetime-local' class='form-control'  placeholder='Fecha Modificacion' >

                                </div>";
                                 echo " 

                                <div class='mt-3  col-span-12 lg:col-span-$cols_columns xl:col-span-$cols_columns' ".(($Rol_Usuario_Logued_App <= 2) || (in_array('Usuario_Modifico', $columnasConPermiso) && $Rol_Usuario_Logued_App > 2) ? "style='display:none;'" : "style='display:none;'").">

                                    <label for='update-profile-form-7' class='form-label'>Usuario Modifico: </label>

                                    <input id='Usuario_Modifico_Disabled' value='" . (($action == 'editar') ? (!empty($_SESSION['Login_Nombre_appquadrata']) ? $_SESSION['Login_Nombre_temp5'] : $_SESSION['Login_Correo_appquadrata']) : $Usuario_Modifico) ."' type='text' class='form-control'  placeholder='Usuario Modifico' disabled>

                                    <input id='Usuario_Modifico' name='Usuario_Modifico' value='" . (($action == 'editar') ? (!empty($_SESSION['Login_Nombre_appquadrata']) ? $_SESSION['Login_Nombre_temp5'] : $_SESSION['Login_Correo_appquadrata']) : $Usuario_Modifico) ."' type='hidden' class='form-control'  placeholder='Usuario Modifico' >

                                </div>";
                                                   

echo "          

                   </div><!---Este div cierra el grid para los campos del formulario -->     

                </div>

            </div>";


        //Datos que vamos a mantener en cualquier situacion 
            $params = [];
            if (!empty($_Clausula_Fk))   $params[] = '_Clausula_Fk=' . urlencode($_Clausula_Fk);
            if (!empty($_IdFk))          $params[] = '_IdFk=' . urlencode($_IdFk);
            if (!empty($_A_Clausula_Fk)) $params[] = '_A_Clausula_Fk=' . urlencode($_A_Clausula_Fk);
            if (!empty($_A_IdFk))        $params[] = '_A_IdFk=' . urlencode($_A_IdFk);
            if (!empty($_B_Clausula_Fk)) $params[] = '_B_Clausula_Fk=' . urlencode($_B_Clausula_Fk);
            if (!empty($_B_IdFk))        $params[] = '_B_IdFk=' . urlencode($_B_IdFk);
            
            // Parámetros obligatorios
            $params[] = 'action=' . urlencode($_Action);
            $params[] = 'buscar=' . urlencode($_Buscar);
            $params[] = 'pagina=' . urlencode($_Pagina);
            $params[] = '_Id_Registro=' . urlencode($Id_Infraestructura);
            $params[] = '_ScrollTo=' . urlencode($_ScrollTo);
            // Construcción de la URL
            $_Url_Param = './?' . implode('&', $params);

         switch ($action) {

            case 'editar':
            
            echo "<div class='flex justify-end mt-4'>
                    <input type='hidden' name='action' value='editar'>
                    <a href='$_Url_Param' class='btn btn-danger flex items-center w-20 mr-auto'> Cancelar</a>
                    <button type='submit' class='btn btn-primary'>Guardar</button>
                </div>";
            break;

            case 'duplicar':
            
            echo "<div class='flex justify-end mt-4'>
                    <input type='hidden' name='action' value='duplicar'>
                    <a href='$_Url_Param' class='btn btn-danger flex items-center w-20 mr-auto'> Cancelar</a>
                    <button type='submit' class='btn btn-primary'>Guardar</button>
                </div>";
            break;

            default:
            
            echo "<div class='flex justify-end mt-4'>
                    <input type='hidden' name='action' value='registrar'>
                    <a href='$_Url_Param' class='btn btn-danger flex items-center w-20 mr-auto'> Cancelar</a>
                    <button type='submit' class='btn btn-primary'>Guardar</button>
                </div>";
            break;

        }                

echo "
        <!-- Campos para la relacion con entidad padre -->
        <input type='hidden' name='_IdFk' value='$_IdFk'>
        <input type='hidden' name='_Clausula_Fk' value='$_Clausula_Fk'>

        <!-- Campos para la relacion con entidad bisabuelo _B -->
        <input type='hidden' name='_B_IdFk' value='$_B_IdFk'>
        <input type='hidden' name='_B_Clausula_Fk' value='$_B_Clausula_Fk'>

        <!-- Campos para la relacion con entidad abuelo _A -->
        <input type='hidden' name='_A_IdFk' value='$_A_IdFk'>
        <input type='hidden' name='_A_Clausula_Fk' value='$_A_Clausula_Fk'>

";

echo "  </form>

        </div>

    </div>";





    //Termina form del formulario

?>



    </BODY>
    
    <!---nuevo script eliminar imagenes--->
    <div id="toast-container" style="position: fixed; top: 20px; right: 20px; z-index: 9999;"></div>

    <!--Modal para Imagenes Crop--->
    <div id="cropModal" style="display:none; position:fixed; z-index:9999; top:0; left:0; width:100vw; height:100vh; background:rgba(0,0,0,0.8); align-items:center; justify-content:center;">
      <div style="background:#fff; padding:10px; border-radius:8px; width:90vw; max-width:450px; max-height:90vh; display:flex; flex-direction:column;">
        <h5 style="text-align:center;">Recorta tu imagen</h5>
        <div style="flex:1; overflow:auto; text-align:center;">
          <img id="imageToCrop" src="" style="max-width:100%; max-height:70vh;">
        </div>
        <div style="width: -webkit-fill-available;margin-top:10px; text-align:right;display: flex;justify-content: space-between;">
          <button onclick="closeCropModal()" class="btn btn-danger" style="background:#dc3545;">Cancelar</button>
          <button onclick="cropImage()" class="btn btn-primary" style="background:#0d6efd;">Recortar</button>
        </div>
      </div>
    </div>
    <!--End Modal para Imagenes Crop--->
    
    <script>
    document.addEventListener("DOMContentLoaded", function () {
        const inputsFile = document.querySelectorAll("input[type='file']");

        function showToast(message, type = 'success') {
            const toast = document.createElement("div");
            toast.textContent = message;
            toast.style.padding = "12px 20px";
            toast.style.marginBottom = "10px";
            toast.style.backgroundColor = type === 'error' ? "#dc3545" : "#28a745";
            toast.style.color = "white";
            toast.style.borderRadius = "4px";
            toast.style.boxShadow = "0 2px 8px rgba(0,0,0,0.3)";
            toast.style.fontSize = "14px";
            toast.style.opacity = "0.95";
            toast.style.textAlign = "center";
            document.getElementById("toast-container").appendChild(toast);

            setTimeout(() => {
                toast.remove();
            }, 3500);
        }

        inputsFile.forEach(function (input) {
            
            //const inputId = input.id;
            //reemplazamos el id por el nombre, ya que el nombre es un identificador y esto nos ayuda a mejorar la validacion
            const inputId = input.name;

            if (!input.dataset.btnQuitarAgregado) {
                const btn = document.createElement("button");
                btn.type = "button";
                btn.className = "delete-media-UI";
                btn.innerHTML = `
                  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" 
                       fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" 
                       stroke-linejoin="round" class="lucide lucide-trash2-icon lucide-trash-2">
                    <path d="M10 11v6"/>
                    <path d="M14 11v6"/>
                    <path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6"/>
                    <path d="M3 6h18"/>
                    <path d="M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/>
                  </svg>
                  Quitar archivo
                `;

                btn.style.clear = "both";
                btn.style.display = "none";

                const wrapper = input.closest('.inputfile-wrapper') || input.parentElement;
                if (wrapper) {
                    wrapper.appendChild(btn);
                } else {
                    input.insertAdjacentElement("afterend", btn);
                }

                input.dataset.btnQuitarAgregado = "true";

                input.addEventListener("change", function () {
                    btn.style.display = input.files.length > 0 ? "inline-flex" : "none";
                });

                btn.addEventListener("click", function () {
                    input.value = "";
                    btn.style.display = "none";

                    let mensajeToast = "Archivo eliminado correctamente.";

                    //if (inputId.includes("imagen")) {
                    if(inputId.endsWith("_file")){
                        const id = inputId.replace("_file", "");
                        const img = document.getElementById("blah" + id);
                        const span = document.getElementById("span" + id);
                        const hiddenInput = document.querySelector(`input[name='imagen_${id.split('_')[1]}']`);
                        if (img) img.src = "../../../dist/images/upload.gif";
                        if (span) span.textContent = "Seleccionar archivo";
                        if (hiddenInput) hiddenInput.value = "";
                    }

                    //if (inputId === "video_principal") {
                    if (!inputId.startsWith("archivo_") && !inputId.endsWith("_file")) {
                        const contenedor = document.getElementById("video_preview_" + inputId);
                        const hiddenInput = document.querySelector("input[name='hidden_" + inputId + "']");
                        if (contenedor) contenedor.innerHTML = `<p style="color:white;">No video</p>`;
                        if (hiddenInput) hiddenInput.value = "";
                        mensajeToast = "Video eliminado del formulario. Aún puede previsualizarse en caché.";
                    }

                    if (inputId.startsWith("archivo_")) {
                        const num = inputId.replace("archivo_", "");
                        const canvas = document.getElementById(num + "Canvas");
                        const icon = document.getElementById("img" + num);
                        const hiddenInput = document.querySelector(`input[name='${num}']`);
                        if (canvas) canvas.style.display = "none";
                        if (icon) {
                            icon.style.display = "block";
                            icon.src = "../../../dist/images/img_pdf.png";
                        }
                        if (hiddenInput) hiddenInput.value = "";
                    }

                    showToast(mensajeToast);
                });

                // Mostrar botón si ya hay archivo en modo edición
                let mostrarBtn = false;

                if(inputId.endsWith("_file")){
                    const num = inputId.replace("_file", "");
                    const hidden = document.querySelector(`input[name='${num}']`);
                    if (hidden && hidden.value.trim() !== "") mostrarBtn = true;
                }

                //if (inputId === "video_principal") {
                if (!inputId.startsWith("archivo_") && !inputId.endsWith("_file")) {
                    const hidden = document.querySelector("input[name='hidden_" + inputId + "']");
                    if (hidden && hidden.value.trim() !== "") mostrarBtn = true;
                }

                if (inputId.startsWith("archivo_")) {
                    const num = inputId.replace("archivo_", "");
                    const hidden = document.querySelector(`input[name='${num}']`);
                    if (hidden && hidden.value.trim() !== "") mostrarBtn = true;
                }

                if (mostrarBtn) {
                    btn.style.display = "inline-flex";
                }
            }
        });
    });
    </script>
    <!--end nuevo script eliminar imagenes-->
    <script src="../../../dist/js/form_keypad.js?time=<?=$_Js_Version;?>"></script> 

    <script>

         document.getElementById('myDocumento_Memoria1').addEventListener('change', function(e) {

            var file = e.target.files[0];
            const imgDocumento_Memoria1 = document.getElementById("imgDocumento_Memoria1");
            const pdfObjectDocumento_Memoria1 = document.getElementById("Documento_Memoria1Canvas");

            if (file.type === 'application/pdf') {

                var fileURL = URL.createObjectURL(file);
                var isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);



                imgDocumento_Memoria1.style.display = 'none';

                  if (isMobile) {
                    // En móvil: ocultar <object>, mostrar botón dentro de él
                    pdfObjectDocumento_Memoria1.style.display = 'block';
                    pdfObjectDocumento_Memoria1.removeAttribute('data'); // Quitar el PDF si estaba cargado antes
                    pdfObjectDocumento_Memoria1.removeAttribute('style');
                    pdfObjectDocumento_Memoria1.style.background = 'lightgrey';
                    pdfObjectDocumento_Memoria1.style.display = 'block';
                    pdfObjectDocumento_Memoria1.style.textAlign = 'center';
                    pdfObjectDocumento_Memoria1.style.padding = '20px';
                    
                    // Insertar botón de descarga como fallback HTML dentro del <object>
                    pdfObjectDocumento_Memoria1.innerHTML = `
                      <div style="text-align:center; padding: 20px; font-family: sans-serif;">
                        <p>Este dispositivo no permite visualizar el PDF directamente.</p>
                        <a href="${fileURL}" download="${file.name}" style="display:inline-block; padding:10px 20px; background:#007bff; color:#fff; border-radius:5px; text-decoration:none;">
                          📥 Descargar PDF
                        </a>
                      </div>
                    `;
                  } else {
                    // En escritorio: mostrar visor embebido
                    pdfObjectDocumento_Memoria1.innerHTML = ''; // Limpiar cualquier contenido HTML anterior
                    pdfObjectDocumento_Memoria1.style.display = 'block';
                    pdfObjectDocumento_Memoria1.data = fileURL;
                  }

            } else {

                imgDocumento_Memoria1.style.display='block';
                pdfObjectDocumento_Memoria1.style.display='none';
                showToast("Please select a valid PDF file.");
            }

        });

    </script>
                               <script>

         document.getElementById('myDocumento_Memoria2').addEventListener('change', function(e) {

            var file = e.target.files[0];
            const imgDocumento_Memoria2 = document.getElementById("imgDocumento_Memoria2");
            const pdfObjectDocumento_Memoria2 = document.getElementById("Documento_Memoria2Canvas");

            if (file.type === 'application/pdf') {

                var fileURL = URL.createObjectURL(file);
                var isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);



                imgDocumento_Memoria2.style.display = 'none';

                  if (isMobile) {
                    // En móvil: ocultar <object>, mostrar botón dentro de él
                    pdfObjectDocumento_Memoria2.style.display = 'block';
                    pdfObjectDocumento_Memoria2.removeAttribute('data'); // Quitar el PDF si estaba cargado antes
                    pdfObjectDocumento_Memoria2.removeAttribute('style');
                    pdfObjectDocumento_Memoria2.style.background = 'lightgrey';
                    pdfObjectDocumento_Memoria2.style.display = 'block';
                    pdfObjectDocumento_Memoria2.style.textAlign = 'center';
                    pdfObjectDocumento_Memoria2.style.padding = '20px';
                    
                    // Insertar botón de descarga como fallback HTML dentro del <object>
                    pdfObjectDocumento_Memoria2.innerHTML = `
                      <div style="text-align:center; padding: 20px; font-family: sans-serif;">
                        <p>Este dispositivo no permite visualizar el PDF directamente.</p>
                        <a href="${fileURL}" download="${file.name}" style="display:inline-block; padding:10px 20px; background:#007bff; color:#fff; border-radius:5px; text-decoration:none;">
                          📥 Descargar PDF
                        </a>
                      </div>
                    `;
                  } else {
                    // En escritorio: mostrar visor embebido
                    pdfObjectDocumento_Memoria2.innerHTML = ''; // Limpiar cualquier contenido HTML anterior
                    pdfObjectDocumento_Memoria2.style.display = 'block';
                    pdfObjectDocumento_Memoria2.data = fileURL;
                  }

            } else {

                imgDocumento_Memoria2.style.display='block';
                pdfObjectDocumento_Memoria2.style.display='none';
                showToast("Please select a valid PDF file.");
            }

        });

    </script>
                               <script>

         document.getElementById('myDocumento_Memoria3').addEventListener('change', function(e) {

            var file = e.target.files[0];
            const imgDocumento_Memoria3 = document.getElementById("imgDocumento_Memoria3");
            const pdfObjectDocumento_Memoria3 = document.getElementById("Documento_Memoria3Canvas");

            if (file.type === 'application/pdf') {

                var fileURL = URL.createObjectURL(file);
                var isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);



                imgDocumento_Memoria3.style.display = 'none';

                  if (isMobile) {
                    // En móvil: ocultar <object>, mostrar botón dentro de él
                    pdfObjectDocumento_Memoria3.style.display = 'block';
                    pdfObjectDocumento_Memoria3.removeAttribute('data'); // Quitar el PDF si estaba cargado antes
                    pdfObjectDocumento_Memoria3.removeAttribute('style');
                    pdfObjectDocumento_Memoria3.style.background = 'lightgrey';
                    pdfObjectDocumento_Memoria3.style.display = 'block';
                    pdfObjectDocumento_Memoria3.style.textAlign = 'center';
                    pdfObjectDocumento_Memoria3.style.padding = '20px';
                    
                    // Insertar botón de descarga como fallback HTML dentro del <object>
                    pdfObjectDocumento_Memoria3.innerHTML = `
                      <div style="text-align:center; padding: 20px; font-family: sans-serif;">
                        <p>Este dispositivo no permite visualizar el PDF directamente.</p>
                        <a href="${fileURL}" download="${file.name}" style="display:inline-block; padding:10px 20px; background:#007bff; color:#fff; border-radius:5px; text-decoration:none;">
                          📥 Descargar PDF
                        </a>
                      </div>
                    `;
                  } else {
                    // En escritorio: mostrar visor embebido
                    pdfObjectDocumento_Memoria3.innerHTML = ''; // Limpiar cualquier contenido HTML anterior
                    pdfObjectDocumento_Memoria3.style.display = 'block';
                    pdfObjectDocumento_Memoria3.data = fileURL;
                  }

            } else {

                imgDocumento_Memoria3.style.display='block';
                pdfObjectDocumento_Memoria3.style.display='none';
                showToast("Please select a valid PDF file.");
            }

        });

    </script>
                                  

<script type="text/javascript">

    window.onload=function(){

        window.scrollTo(0,0);

        window.parent.scrollTo(0,0);

        if(parent.document.getElementById('loadingpage')){

            parent.document.getElementById('loadingpage').style.display='none';

        }

    }



    function loadingpage(){

        if(parent.document.getElementById('loadingpage')){

          parent.document.getElementById('loadingpage').style.display='block'; 

        }

    }

</script>

<script>

    //document.getElementsByClassName('').select2();

    $('.select-search').select2();

</script>   


    <!---CODIGO PARA IMAGENES CROP--->
    <script src="../../../dist/js/cropper.min.js"></script>
    <script>
    let cropper = null;
    let currentInput = null;
    let currentPreview = null;

    document.addEventListener('DOMContentLoaded', () => {
      document.querySelectorAll('.data-img-crop input[type="file"]').forEach(input => {
        input.addEventListener('change', handleFileChange);
      });
    });

    function handleFileChange(event) {
      const input = event.target;
      const file = input.files?.[0];
      if (!file) return;

      currentInput = input;
      currentPreview = input.closest('.data-img-crop').querySelector('.data-preview-img-crop');

      const reader = new FileReader();
      reader.onload = function (e) {
        const image = document.getElementById('imageToCrop');

        // Destruir cropper si existe
        if (cropper) {
          cropper.destroy();
          cropper = null;
        }

        // Forzar recarga de la imagen para evitar superposición
        image.removeAttribute('src'); // limpia completamente
        image.onload = () => {
          cropper = new Cropper(image, {
            aspectRatio: 1,
            viewMode: 1,
            autoCropArea: 1,
            responsive: true
          });

          document.getElementById('cropModal').style.display = 'flex';
        };

        setTimeout(() => {
          image.src = e.target.result; // recargar después de limpiar
        }, 10); // delay mínimo para forzar el onload correctamente
      };

      reader.readAsDataURL(file);
    }

    function cropImage() {
      if (!cropper) return;

      const canvas = cropper.getCroppedCanvas({ width: 300, height: 300 });
      canvas.toBlob(blob => {
        const url = URL.createObjectURL(blob);

        // Mostrar preview
        if (currentPreview) {
          currentPreview.src = url;
        }

        // Reemplazar archivo en input
        const file = new File([blob], 'cropped.png', { type: 'image/png' });
        const dataTransfer = new DataTransfer();
        dataTransfer.items.add(file);
        currentInput.files = dataTransfer.files;

        closeCropModal();
      }, 'image/png');
    }

    function closeCropModal() {
      document.getElementById('cropModal').style.display = 'none';

      // Destruir cropper
      if (cropper) {
        cropper.destroy();
        cropper = null;
      }

      // Limpiar imagen para evitar duplicados
      const image = document.getElementById('imageToCrop');
      image.removeAttribute('src');

      // Reset inputs
      currentInput = null;
      currentPreview = null;
    }
    </script>
    <!---END CODIGO PARA IMAGENES CROP--->
    <script src="../../../dist/js/app.js"></script> 

    </center>

</HTML>