<?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='';

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;

    }

}

/*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/qr_tag.php');

    require(ROOT_CONTROLLER.'qr_tag.php');

    $Obj_qr_tag = new qr_tag(); 

?>



    <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-->

    <!-- END: CSS Assets-->

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

    <script src="../../../dist/js/noback.js?time=<?=$time_log_assets;?>" 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?time=<?=$time_log_assets;?>"></script>

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

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

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



    <!---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?time=<?=$time_log_assets;?>" />

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

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

        

<?php

function extractId($disguisedId) {

    $id = preg_replace('/\D/', '', $disguisedId); // Elimina todo excepto los números

    return (int)$id;

}



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

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

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

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

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

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

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

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

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

$Token_Id=0;

$Token_Id=extractId($Hash_Tag_Qr);

$Id_Fk_Lote='';

$Lote='';

$Qr_Icon_Img='';

$Qr_Img1px='';

$Qr_Img3px='';

$Qr_Img5px='';

$Qr_Img10px='';

$Imagen_Portada='';

$Id_Fk_Objeto='';

$Titulo_Objeto='';

$Tag_Qr_Image='';

$Ficha_Descriptiva='';

$Observaciones='';

$Mostrar_Contacto='';

$Descargar_Contacto='';

$Mostrar_Qr='';

$Titulo_Boton='';

$Icono_Boton='';

$Modulo_Href_Boton='';

$Tema='';

$Pagina_Web='';

$Url_Base='';

$Url_Add='';

$Foto_Perfil_Contacto='';

$Nombre_Contacto='';

$Apellido_Paterno_Contacto='';

$Apellido_Materno_Contacto='';

$Direccion='';

$Telefono_Celular='';

$Correo='';

$Facebook='';

$Linkedin='';

$Instagram='';

$Twitter='';

$Youtube='';

$TikTok='';

$Try_Insert='';

$Token='';

$Url_Calendario='';

$Mostrar_Calendario='';

$Borrado_Logico='';

$Status='';

$Reporte_Perdido='';

$Mensaje_Perdido='';

$Usuario_Registro='';

$Id_Fk_Usuario_Registro='';

$Usuario_Modifico='';

$Id_Fk_Usuario_Modifico='';

$Tag_Is_Empty='No';

$Fecha_Registro='';

$Fecha_Modificacion='';



switch ($action) {

    case 'editar':



        echo"<TITLE>Editar qr tag</TITLE>";

        break;



    default:

        echo"<TITLE>Editar qr tag</TITLE>";

        break;

}



require_once(ROOT_CHARACTER_FIX);

$Obj_fix_characters = new fix_characters();



//lee las variables del formulario.

if ($Hash_Tag_Qr!='')

{

    require_once(ROOT_CONFIG);      

    $Odbj_conexion = new odbconexion;

    $conexion=$Odbj_conexion->openconection();

    //$consulta="SELECT * FROM qr_tag_appquadrata WHERE Id_Qr_Tag='$Id_Qr_Tag' ORDER BY Id_Qr_Tag DESC";

    $consulta="SELECT * FROM qr_tag_appquadrata WHERE Id_Qr_Tag='$Token_Id' AND Hash_Tag_Qr='$Hash_Tag_Qr'";

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

    $conexion->close();

    //echo $consulta;

    while($field_qr_tag=$Array_adapter_qr_tag->fetch_assoc())

    {

    $Id_Qr_Tag=$field_qr_tag['Id_Qr_Tag'];   

    $Id_Fk_Lote=$field_qr_tag['Id_Fk_Lote'];

   $Lote=$field_qr_tag['Lote'];

   $Qr_Icon_Img=$field_qr_tag['Qr_Icon_Img'];

   $Qr_Img1px=$field_qr_tag['Qr_Img1px'];

   $Qr_Img3px=$field_qr_tag['Qr_Img3px'];

   $Qr_Img5px=$field_qr_tag['Qr_Img5px'];

   $Qr_Img10px=$field_qr_tag['Qr_Img10px'];

   $Imagen_Portada=$field_qr_tag['Imagen_Portada'];

   $Id_Fk_Objeto=$field_qr_tag['Id_Fk_Objeto'];

   $Titulo_Objeto=$field_qr_tag['Titulo_Objeto'];

   $Tag_Qr_Image=$field_qr_tag['Tag_Qr_Image'];

   $Ficha_Descriptiva=$field_qr_tag['Ficha_Descriptiva'];

   $Observaciones=$field_qr_tag['Observaciones'];

   $Mostrar_Contacto=$field_qr_tag['Mostrar_Contacto'];

   $Descargar_Contacto=$field_qr_tag['Descargar_Contacto'];

   $Mostrar_Qr=$field_qr_tag['Mostrar_Qr'];

   $Titulo_Boton=$field_qr_tag['Titulo_Boton'];

   $Icono_Boton=$field_qr_tag['Icono_Boton'];

   $Modulo_Href_Boton=$field_qr_tag['Modulo_Href_Boton'];

   $Tema=$field_qr_tag['Tema'];

   $Pagina_Web=$field_qr_tag['Pagina_Web'];

   $Url_Base=$field_qr_tag['Url_Base'];

   $Url_Add=$field_qr_tag['Url_Add'];

   $Foto_Perfil_Contacto=$field_qr_tag['Foto_Perfil_Contacto'];

   $Nombre_Contacto=$field_qr_tag['Nombre_Contacto'];

   $Apellido_Paterno_Contacto=$field_qr_tag['Apellido_Paterno_Contacto'];

   $Apellido_Materno_Contacto=$field_qr_tag['Apellido_Materno_Contacto'];

   $Direccion=$field_qr_tag['Direccion'];

   $Telefono_Celular=$field_qr_tag['Telefono_Celular'];

   $Correo=$field_qr_tag['Correo'];

   $Facebook=$field_qr_tag['Facebook'];

   $Linkedin=$field_qr_tag['Linkedin'];

   $Instagram=$field_qr_tag['Instagram'];

   $Twitter=$field_qr_tag['Twitter'];

   $Youtube=$field_qr_tag['Youtube'];

   $TikTok=$field_qr_tag['TikTok'];

   $Try_Insert=$field_qr_tag['Try_Insert'];

   $Token=$field_qr_tag['Token'];

   $Url_Calendario=$field_qr_tag['Url_Calendario'];

   $Mostrar_Calendario=$field_qr_tag['Mostrar_Calendario'];

   $Borrado_Logico=$field_qr_tag['Borrado_Logico'];

   $Status=$field_qr_tag['Status'];

   $Reporte_Perdido=$field_qr_tag['Reporte_Perdido'];

   $Mensaje_Perdido=$field_qr_tag['Mensaje_Perdido'];

   $Usuario_Registro=$field_qr_tag['Usuario_Registro'];

   $Id_Fk_Usuario_Registro=$field_qr_tag['Id_Fk_Usuario_Registro'];

   $Usuario_Modifico=$field_qr_tag['Usuario_Modifico'];

   $Id_Fk_Usuario_Modifico=$field_qr_tag['Id_Fk_Usuario_Modifico'];

   $Fecha_Registro=$field_qr_tag['Fecha_Registro'];

   $Fecha_Modificacion=$field_qr_tag['Fecha_Modificacion'];

   

    }

}?>    

<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;

    }

    

    .accordion-button{

        background:none !important;

        background-color:none !important;

        border:0 !important;

    }

    

    .accordion-button:hover{

        background:none !important;

        background-color:none !important;

        border:0 !important;

    }



</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-2 border-b border-slate-200/60 dark:border-darkmode-400'>

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

                    COMPLEMENTAR QR TAG

                </h2>

            </div>";

        break;

    

    default:

        echo"

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

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

                    COMPLEMENTAR QR TAG

                </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-2'>

            <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_Qr_Tag' value='$Id_Qr_Tag'>";

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

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

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

                    echo "<div id='faq-accordion-2' class='accordion accordion-boxed'>

                            <div class='accordion-item'>

                                <div id='faq-accordion-content-5' class='accordion-header'>

                                    <button class='accordion-button' type='button' data-tw-toggle='collapse' data-tw-target='#faq-accordion-collapse-5' aria-expanded='true' aria-controls='faq-accordion-collapse-5'>

                                        Datos del QR

                                    </button>

                                </div>

                                <div id='faq-accordion-collapse-5' class='accordion-collapse collapse show' aria-labelledby='faq-accordion-content-5' data-tw-parent='#faq-accordion-2'>

                                    <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'>

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

                                            if ($Imagen_Portada=='') {

                                                echo"<img id='blahImagen_Portada' src='../../../dist/images/upload.png' style='border-style: inset;width:140px;height:140px;border-radius:150px;padding:7px;' />";

                                            }else{

                                                $time=time();

                                                $time=filectime($Imagen_Portada);

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

                                                echo"<img id='blahImagen_Portada' src='$Imagen_Portada?dummy=$time' alt='Empresa' style='border-style: inset;width:140px;height:140px;border-radius:150px;padding:7px;' />";

                                            }

                                /*echo "

                                    <br>

                                    <input class='btn btn-primary' name='Imagen_Portada_file'  capture='camera'  accept='image/x-png,image/gif,image/jpeg' type='file' onchange=\"document.getElementById('blahImagen_Portada').src = window.URL.createObjectURL(this.files[0]);\" style='max-width:80%;'/>";*/

                                 echo "<input type='file' name='Imagen_Portada_file' id='Imagen_Portada_file' class='inputfile inputfile-2' accept='image/x-png,image/gif,image/jpeg' onchange=\"document.getElementById('spanImagen_Portada').innerHTML=this.files[0].name;document.getElementById('blahImagen_Portada').src = window.URL.createObjectURL(this.files[0]);\"  style='max-width:80%;'/>

                                      <label for='Imagen_Portada_file'><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='spanImagen_Portada'>Seleccionar archivo</span>

                                      </label>";

                                echo "</div>";

                                

                                   

                                if($_Clausula_Fk=="Titulo_Objeto"){

                                    echo "<input type='hidden' name='Titulo_Objeto' value='{$_IdFk}'>";

                                }else{  

                                    echo " 

                                    <div class='mt-3  col-span-12 lg:col-span-$cols_columns xl:col-span-$cols_columns'>

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

                                        echo "<select name='Titulo_Objeto' id='Titulo_Objeto' class='select-search form-control' onchange=\"asignarValor('Id_Fk_Objeto',this.options[this.selectedIndex].dataset.title);\">";

                                            $Odbj_conexion = new odbconexion;

                                            $conexion=$Odbj_conexion->openconection();

                                            $consulta="SELECT * FROM objeto_tag";

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

                                            $conexion->close();

                                            while($Field_objeto_tag=$Adapter_objeto_tag->fetch_assoc())

                                            {

                                                echo "<option value='{$Field_objeto_tag['Titulo_Objeto']}' data-title='{$Field_objeto_tag['Id_Objeto']}'>{$Field_objeto_tag['Titulo_Objeto']}</option>";

                                            }

                                        echo "</select>";

                                    echo "

                                    </div>

                                    "; 

                                }

                                  echo " 

                                    <div class='mt-3  col-span-12 lg:col-span-$cols_columns xl:col-span-$cols_columns'>

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

                                        <textarea id='editor'  style='height:400px;' name='Ficha_Descriptiva'>{$Ficha_Descriptiva}</textarea>

                                    </div>";

                                     echo " 

                                    <div class='mt-3  col-span-12 lg:col-span-$cols_columns xl:col-span-$cols_columns'>

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

                                        <div style='display: flex;flex-wrap: wrap'>

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

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

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

                                            </div>

                                        </div>    

                                    </div>

                                    ";

                                  echo " 

                                    <div class='mt-3  col-span-12 lg:col-span-$cols_columns xl:col-span-$cols_columns'>

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

                                        <div style='display: flex;flex-wrap: wrap'>

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

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

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

                                            </div>

                                        </div>    

                                    </div>

                                    ";

                                  echo " 

                                    <div class='mt-3  col-span-12 lg:col-span-$cols_columns xl:col-span-$cols_columns'>

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

                                        <div style='display: flex;flex-wrap: wrap'>

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

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

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

                                            </div>

                                        </div>    

                                    </div>

                                    ";

                                  echo " 

                                    <div class='mt-3  col-span-12 lg:col-span-$cols_columns xl:col-span-$cols_columns'>

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

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

                                    </div>";

                                       echo " 

                                    <div class='mt-3  col-span-12 lg:col-span-$cols_columns xl:col-span-$cols_columns'>

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

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

                                        </select>

                                    </div>

                                    ";

                                  echo " 

                                    <div class='mt-3  col-span-12 lg:col-span-$cols_columns xl:col-span-$cols_columns'>

                                        <label for='update-profile-form-7' class='form-label'>Modulo Href Boton: </label>

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

                                    </div>";

                                       echo " 

                                    <div class='mt-3  col-span-12 lg:col-span-$cols_columns xl:col-span-$cols_columns'>

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

                                        <select name='Tema' id='Tema'  onchange='cambiarImagenJS(this.value);' class='select-search form-control'>

                                            <option value='0' ".(($Tema == '0' || $Tema == '') ? "selected" : "").">Tema por defecto</option>

                                            <option value='1' ".($Tema == '1' ? "selected" : "").">Tema 1</option>

                                            <option value='2' ".($Tema == '2' ? "selected" : "").">Tema 2</option>

                                            <option value='3' ".($Tema == '3' ? "selected" : "").">Tema 3</option>

                                            <option value='4' ".($Tema == '4' ? "selected" : "").">Tema 4</option>

                                            <option value='5' ".($Tema == '5' ? "selected" : "").">Tema 5</option>

                                            <option value='6' ".($Tema == '6' ? "selected" : "").">Tema 6</option>

                                            <option value='7' ".($Tema == '7' ? "selected" : "").">Tema 7</option>

                                            <option value='8' ".($Tema == '8' ? "selected" : "").">Tema 8</option>

                                            <option value='9' ".($Tema == '9' ? "selected" : "").">Tema 9</option>

                                            <option value='10' ".($Tema == '10' ? "selected" : "").">Tema 10</option>

                                            <option value='11' ".($Tema == '11' ? "selected" : "").">Tema 11</option>

                                            <option value='12' ".($Tema == '12' ? "selected" : "").">Tema 12</option>

                                            <option value='13' ".($Tema == '13' ? "selected" : "").">Tema 13</option>

                                            <option value='14' ".($Tema == '14' ? "selected" : "").">Tema 14</option>

                                            <option value='15' ".($Tema == '15' ? "selected" : "").">Tema 15</option>

                                        </select>

                                    </div>

                                    ";

                                  echo "

                                    <div class='mt-3  col-span-12 lg:col-span-$cols_columns xl:col-span-$cols_columns'>

                                     <img id='Temas' onclick='document.getElementById(\"Tema\").focus();' style=' width:150px;height:150px;border-radius:100px;' src='../../../dist/images/bg-themes/".$Tema.".png'>

                                     <video onclick='document.getElementById(\"Tema\").focus();' autoplay muted loop style='object-fit: cover;display:none;width:150px;height:150px;border-radius:100px;' id='vTemas'></video>

                                    </div>

                                  ";

                                  echo " 

                                    <div class='mt-3  col-span-12 lg:col-span-$cols_columns xl:col-span-$cols_columns'>

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

                                       <input id='Pagina_Web' name='Pagina_Web' value='$Pagina_Web' type='url' class='form-control'>

                                    </div>";

                                     echo " 

                                    <div class='mt-3  col-span-12 lg:col-span-$cols_columns xl:col-span-$cols_columns'>

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

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

                                    </div>";

                                     echo " 

                                    <div class='mt-3  col-span-12 lg:col-span-$cols_columns xl:col-span-$cols_columns'>

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

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

                                    </div>";

                            echo "

                                    </div>

                                </div>

                             </div>

                             <div class='accordion-item'>

                                 <div id='faq-accordion-content-7' class='accordion-header'>

                                     <button  class='accordion-button collapsed' type='button' data-tw-toggle='collapse' data-tw-target='#faq-accordion-collapse-7' aria-expanded='false' aria-controls='faq-accordion-collapse-7'>

                                        Datos del Contacto

                                    </button>

                                    </div>

                                 <div id='faq-accordion-collapse-7' class='accordion-collapse collapse' aria-labelledby='faq-accordion-content-7' data-tw-parent='#faq-accordion-2'>

                                     <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'>

                                        <label for='update-profile-form-7' class='form-label'>Foto Perfil Contacto: </label>";

                                            if ($Foto_Perfil_Contacto=='') {

                                                echo"<img id='blahFoto_Perfil_Contacto' src='../../../dist/images/upload.png' style='border-style: inset;width:140px;height:140px;border-radius:150px;padding:7px;' />";

                                            }else{

                                                $time=time();

                                                $time=filectime($Foto_Perfil_Contacto);

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

                                                echo"<img id='blahFoto_Perfil_Contacto' src='$Foto_Perfil_Contacto?dummy=$time' alt='Empresa' style='border-style: inset;width:140px;height:140px;border-radius:150px;padding:7px;' />";

                                            }

                                /*echo "

                                    <br>

                                    <input class='btn btn-primary' name='Foto_Perfil_Contacto_file'  capture='camera'  accept='image/x-png,image/gif,image/jpeg' type='file' onchange=\"document.getElementById('blahFoto_Perfil_Contacto').src = window.URL.createObjectURL(this.files[0]);\" style='max-width:80%;'/>";*/

                                 echo "<input type='file' name='Foto_Perfil_Contacto_file' id='Foto_Perfil_Contacto_file' class='inputfile inputfile-2' accept='image/x-png,image/gif,image/jpeg' onchange=\"document.getElementById('spanFoto_Perfil_Contacto').innerHTML=this.files[0].name;document.getElementById('blahFoto_Perfil_Contacto').src = window.URL.createObjectURL(this.files[0]);\"  style='max-width:80%;'/>

                                      <label for='Foto_Perfil_Contacto_file'><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='spanFoto_Perfil_Contacto'>Seleccionar archivo</span>

                                      </label>";

                                echo "</div>";

                                

                                     echo " 

                                    <div class='mt-3  col-span-12 lg:col-span-$cols_columns xl:col-span-$cols_columns'>

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

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

                                    </div>";

                                     echo " 

                                    <div class='mt-3  col-span-12 lg:col-span-$cols_columns xl:col-span-$cols_columns'>

                                        <label for='update-profile-form-7' class='form-label'>Apellido Paterno Contacto: </label>

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

                                    </div>";

                                     echo " 

                                    <div class='mt-3  col-span-12 lg:col-span-$cols_columns xl:col-span-$cols_columns'>

                                        <label for='update-profile-form-7' class='form-label'>Apellido Materno Contacto: </label>

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

                                    </div>";

                                     echo " 

                                    <div class='mt-3  col-span-12 lg:col-span-$cols_columns xl:col-span-$cols_columns'>

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

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

                                    </div>";

                                     echo " 

                                    <div class='mt-3  col-span-12 lg:col-span-$cols_columns xl:col-span-$cols_columns'>

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

                                        <input id='Telefono_Celular'  onkeypress='return event.charCode >= 48 && event.charCode <= 57' name='Telefono_Celular' value='$Telefono_Celular' type='tel' class='form-control'>

                                    </div>";

                                     echo " 

                                    <div class='mt-3  col-span-12 lg:col-span-$cols_columns xl:col-span-$cols_columns'>

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

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

                                    </div>";

                                     echo " 

                                    <div class='mt-3  col-span-12 lg:col-span-$cols_columns xl:col-span-$cols_columns'>

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

                                       <input id='Facebook' name='Facebook' value='$Facebook' type='url' class='form-control'>

                                    </div>";

                                     echo " 

                                    <div class='mt-3  col-span-12 lg:col-span-$cols_columns xl:col-span-$cols_columns'>

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

                                       <input id='Linkedin' name='Linkedin' value='$Linkedin' type='url' class='form-control'>

                                    </div>";

                                     echo " 

                                    <div class='mt-3  col-span-12 lg:col-span-$cols_columns xl:col-span-$cols_columns'>

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

                                       <input id='Instagram' name='Instagram' value='$Instagram' type='url' class='form-control'>

                                    </div>";

                                     echo " 

                                    <div class='mt-3  col-span-12 lg:col-span-$cols_columns xl:col-span-$cols_columns'>

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

                                       <input id='Twitter' name='Twitter' value='$Twitter' type='url' class='form-control'>

                                    </div>";

                                     echo " 

                                    <div class='mt-3  col-span-12 lg:col-span-$cols_columns xl:col-span-$cols_columns'>

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

                                       <input id='Youtube' name='Youtube' value='$Youtube' type='url' class='form-control'>

                                    </div>";

                                     echo " 

                                    <div class='mt-3  col-span-12 lg:col-span-$cols_columns xl:col-span-$cols_columns'>

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

                                       <input id='TikTok' name='TikTok' value='$TikTok' type='url' class='form-control'>

                                    </div>";

                                     echo " 

                                    <div class='mt-3  col-span-12 lg:col-span-$cols_columns xl:col-span-$cols_columns'>

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

                                       <input id='Url_Calendario' name='Url_Calendario' value='$Url_Calendario' type='url' class='form-control'>

                                    </div>";

                                     echo " 

                                    <div class='mt-3  col-span-12 lg:col-span-$cols_columns xl:col-span-$cols_columns'>

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

                                        <div style='display: flex;flex-wrap: wrap'>

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

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

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

                                            </div>

                                        </div>    

                                    </div>

                                    ";

                                    

                                                    

echo "                      </div>

                           </div>

                         </div>

                        </div><!--este div cierra el acordeon--->

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

                </div>

            </div>";

         switch ($action) {

            case 'complementar':

            if($_Clausula_Fk!='' && $_IdFk!=''){

          echo "<div class='flex justify-end mt-4'>

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

                    <a href='./?_Clausula_Fk=$_Clausula_Fk&_IdFk=$_IdFk&pagina=$_Pagina&buscar=$_Buscar&action=$_Action&_Id_Registro=$Id_Qr_Tag&_ScrollTo=$_ScrollTo' class='btn btn-danger flex items-center w-20 mr-auto'> Cancelar</a>

                    <button type='submit' class='btn btn-primary'>Guardar</button>

                </div>";

            }else{

          echo "<div class='flex justify-end mt-4'>

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

                    <a href='./?pagina=$_Pagina&buscar=$_Buscar&action=$_Action&_Id_Registro=$Id_Qr_Tag&_ScrollTo=$_ScrollTo' 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':

            if($_Clausula_Fk!='' && $_IdFk!=''){

        echo   "<div class='flex justify-end mt-4'>

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

                    <a href='./?_Clausula_Fk=$_Clausula_Fk&_IdFk=$_IdFk&pagina=$_Pagina&buscar=$_Buscar&action=$_Action&_Id_Registro=$Id_Qr_Tag&_ScrollTo=$_ScrollTo' class='btn btn-danger flex items-center w-20 mr-auto'> Cancelar</a>

                    <button type='submit' class='btn btn-primary'>Guardar</button>

                </div>";

            }else{

        echo   "<div class='flex justify-end mt-4'>

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

                    <a href='./?pagina=$_Pagina&buscar=$_Buscar&action=$_Action&_Id_Registro=$Id_Qr_Tag&_ScrollTo=$_ScrollTo' 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:

            if($_Clausula_Fk!='' && $_IdFk!=''){

        echo   "<div class='flex justify-end mt-4'>

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

                    <a href='./?_Clausula_Fk=$_Clausula_Fk&_IdFk=$_IdFk&pagina=$_Pagina&buscar=$_Buscar&action=$_Action&_Id_Registro=$Id_Qr_Tag&_ScrollTo=$_ScrollTo' class='btn btn-danger flex items-center w-20 mr-auto'> Cancelar</a>

                    <button type='submit' class='btn btn-primary'>Guardar</button>

                </div>";

            }else{

        echo   "<div class='flex justify-end mt-4'>

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

                    <a href='./?pagina=$_Pagina&buscar=$_Buscar&action=$_Action&_Id_Registro=$Id_Qr_Tag&_ScrollTo=$_ScrollTo' 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 "

        <input type='hidden' name='_IdFk' value='$_IdFk'>

        <input type='hidden' name='_Clausula_Fk' value='$_Clausula_Fk'>

";

echo "  </form>

        </div>

    </div>";





    //Termina form del formulario

?>



    </BODY>

    <script src="../../../dist/js/form_keypad.js?time=<?=$time_log_assets;?>"></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'; 

        }

    }

    

    function asignarValor(elemento,valor){

        document.getElementById(elemento).value=valor;

    }

</script>

<script>

    function cambiarImagenJS(tema){

        document.getElementById("Temas").src="../../../dist/images/bg-themes/"+tema+".png";               

        document.getElementById("Temas").style.display = "block"; 

        document.getElementById("vTemas").style.display = "none"; 

    }

</script>

<script>

  $('#Icono_Boton').select2({

    templateResult: formatOption,

    placeholder: 'seleccione icono',

    language: "es"

  });



function formatOption(option) {

  if (!option.id) {

    return option.text;

  }



  var option = $(

    '<span><img src="' + $(option.element).data('img-src') + '" class="img-flag" /> ' + option.text + '</span>'

  );



  return option;

}

</script>

<script>

document.addEventListener('DOMContentLoaded', function() {

  var select = document.getElementById('Icono_Boton');

  

  var opciones = [

   

    { value: 'activity', text: 'activity', imgSrc: '../../../dist/svg/2.svg' },

    { value: 'airplay', text: 'airplay', imgSrc: '../../../dist/svg/airply.svg' },

    { value: 'alert-circle', text: 'alert-circle', imgSrc: '../../../dist/svg/aler-circle.svg' },

    { value: 'alert-triangle', text: 'alert-triangle', imgSrc: '../../../dist/svg/alert-triangle.svg' },

    { value: 'align-center', text: 'align-center', imgSrc: '../../../dist/svg/align-center.svg' },

    { value: 'align-justify', text: 'align-justify', imgSrc: '../../../dist/svg/aling-justify.svg' },

    { value: 'anchor', text: 'anchor', imgSrc: '../../../dist/svg/anchor.svg' },

    { value: 'aperture', text: 'aperture', imgSrc: '../../../dist/svg/aperture.svg' },

    { value: 'archive', text: 'archive', imgSrc: '../../../dist/svg/archive.svg' },

    { value: 'at-sign', text: 'at-sign', imgSrc: '../../../dist/svg/at-sign.svg' },

    { value: 'award', text: 'award', imgSrc: '../../../dist/svg/award.svg' },

    { value: 'bar-chart', text: 'bar-chart', imgSrc: '../../../dist/svg/bar-chart.svg' },

    { value: 'bar-chart2', text: 'bar-chart2', imgSrc: '../../../dist/svg/bar-chart2.svg' },

    { value: 'battery', text: 'battery', imgSrc: '../../../dist/svg/battery.svg' },

    { value: 'battery-charging', text: 'battery-charging', imgSrc: '../../../dist/svg/battery-charging.svg' },

    { value: 'bell', text: 'bell', imgSrc: '../../../dist/svg/bell.svg' },

    { value: 'bell-off', text: 'bell-off', imgSrc: '../../../dist/svg/bell-off.svg' },

    { value: 'bluetooh', text: 'bluetooh', imgSrc: '../../../dist/svg/bluetooh.svg' },

    { value: 'book', text: 'book', imgSrc: 'book.svg' },

    { value: 'book-mark', text: 'book-mark', imgSrc: '../../../dist/svg/book-mark.svg' },

    //{ value: 'book-open', text: 'book-open', imgSrc: '../../../dist/svg/book-open.svg' },

    { value: 'box', text: 'box', imgSrc: 'box.svg' },

    { value: 'brief-case', text: 'brief-case', imgSrc: '../../../dist/svg/brief-case.svg' },

    { value: 'calendar', text: 'calendar', imgSrc: '../../../dist/svg/caldendar.svg' },

    { value: 'camera', text: 'camera', imgSrc: '../../../dist/svg/camera.svg' },

    { value: 'cast', text: 'cast', imgSrc: '../../../dist/svg/cast.svg' },

    { value: 'circle', text: 'circle', imgSrc: '../../../dist/svg/circle.svg' },

    { value: 'clipboard', text: 'clipboard', imgSrc: '../../../dist/svg/clipboard.svg' },

    { value: 'clock', text: 'clock', imgSrc: '../../../dist/svg/clock.svg' },

    { value: 'cloud', text: 'cloud', imgSrc: '../../../dist/svg/cloud.svg' },

    { value: 'cloud-drizzle', text: 'cloud-drizzle', imgSrc: '../../../dist/svg/cloud-drizzle.svg' },

    { value: 'cloud-lightning', text: 'cloud-lightning', imgSrc: '../../../dist/svg/cloud-lightning.svg' },

    { value: 'cloud-rain', text: 'cloud-rain', imgSrc: '../../../dist/svg/cloud-rain.svg' },

    { value: 'cloud-snow', text: 'cloud-snow', imgSrc: '../../../dist/svg/cloud-snow.svg' },

    { value: 'code', text: 'code', imgSrc: '../../../dist/svg/code.svg' },

    { value: 'codepen', text: 'codepen', imgSrc: '../../../dist/svg/codepen.svg' },

    { value: 'coffee', text: 'coffee', imgSrc: '../../../dist/svg/coffee.svg' },

    { value: 'columns', text: 'columns', imgSrc: '../../../dist/svg/columns.svg' },

    { value: 'command', text: 'command', imgSrc: '../../../dist/svg/command.svg' },

    { value: 'compass', text: 'compass', imgSrc: '../../../dist/svg/compass.svg' },

    { value: 'copy', text: 'copy', imgSrc: '../../../dist/svg/copy.svg' },

    { value: 'corner-down-left', text: 'corner-down-left', imgSrc: '../../../dist/svg/corner-down-left.svg' },

    { value: 'octagon-alert', text: 'octagon-alert', imgSrc: '../../../dist/svg/octagon-alert.svg' },

    { value: 'corner-down-right', text: 'corner-down-right', imgSrc: '../../../dist/svg/corner-down-right.svg' },

        { value: 'corner-left-down', text: 'corner-left-down', imgSrc: '../../../dist/svg/corner-left-down.svg' },

        { value: 'corner-left-up', text: 'corner-left-up', imgSrc: '../../../dist/svg/corner-left-up.svg' },

        { value: 'corner-right-down', text: 'corner-right-down', imgSrc: '../../../dist/svg/corner-right-down.svg' },

        { value: 'corner-right-up', text: 'corner-right-up', imgSrc: '../../../dist/svg/corner-right-up.svg' },

        { value: 'corner-up-left', text: 'corner-up-left', imgSrc: '../../../dist/svg/corner-up-left.svg' },

        { value: 'corner-up-right', text: 'corner-up-right', imgSrc: '../../../dist/svg/corner-up-right.svg' },

        { value: 'cpu', text: 'cpu', imgSrc: '../../../dist/svg/cpu.svg' },

        { value: 'credit-card', text: 'credit-card', imgSrc: '../../../dist/svg/credit-card.svg' },

        { value: 'crop', text: 'crop', imgSrc: '../../../dist/svg/crop.svg' },

        { value: 'crosshair', text: 'crosshair', imgSrc: '../../../dist/svg/crosshair.svg' },

        { value: 'database', text: 'database', imgSrc: '../../../dist/svg/database.svg' },

        { value: 'delete', text: 'delete', imgSrc: '../../../dist/svg/delete.svg' },

        { value: 'disc', text: 'disc', imgSrc: '../../../dist/svg/disc.svg' },

        { value: 'dollar-sign', text: 'dollar-sign', imgSrc: '../../../dist/svg/dollar-sign.svg' },

        { value: 'droplet', text: 'droplet', imgSrc: '../../../dist/svg/droplet.svg' },

        { value: 'edit-2', text: 'edit-2', imgSrc: '../../../dist/svg/edit-2.svg' },

        { value: 'edit-3', text: 'edit-3', imgSrc: '../../../dist/svg/edit-3.svg' },

        { value: 'external-link', text: 'external-link', imgSrc: '../../../dist/svg/external-link.svg' },

        { value: 'eye-off', text: 'eye-off', imgSrc: '../../../dist/svg/eye-off.svg' },

        { value: 'eye', text: 'eye', imgSrc: '../../../dist/svg/eye.svg' },

        { value: 'facebook', text: 'facebook', imgSrc: '../../../dist/svg/facebook.svg' },

        { value: 'fast-forward', text: 'fast-forward', imgSrc: '../../../dist/svg/fast-forward.svg' },

        { value: 'file-minus', text: 'file-minus', imgSrc: '../../../dist/svg/file-minus.svg' },

        { value: 'file-plus', text: 'file-plus', imgSrc: '../../../dist/svg/file-plus.svg' },

        { value: 'file-text', text: 'file-text', imgSrc: '../../../dist/svg/file-text.svg' },

        { value: 'film', text: 'film', imgSrc: '../../../dist/svg/film.svg' },

        { value: 'filter', text: 'filter', imgSrc: '../../../dist/svg/filter.svg' },

        { value: 'flag', text: 'flag', imgSrc: '../../../dist/svg/flag.svg' },

        { value: 'folder-minus', text: 'folder-minus', imgSrc: '../../../dist/svg/folder-minus.svg' },

        { value: 'folder-plus', text: 'folder-plus', imgSrc: '../../../dist/svg/folder-plus.svg' },

        { value: 'folder', text: 'folder', imgSrc: '../../../dist/svg/folder.svg' },

        { value: 'framer', text: 'framer', imgSrc: '../../../dist/svg/framer.svg' },

        { value: 'frown', text: 'frown', imgSrc: '../../../dist/svg/frown.svg' },

        { value: 'gift', text: 'gift', imgSrc: '../../../dist/svg/gift.svg' },

        { value: 'git-branch', text: 'git-branch', imgSrc: '../../../dist/svg/git-branch.svg' },

        { value: 'git-commit', text: 'git-commit', imgSrc: '../../../dist/svg/git-commit.svg' },

        { value: 'git-merge', text: 'git-merge', imgSrc: '../../../dist/svg/git-merge.svg' },

        { value: 'git-pull-request', text: 'git-pull-request', imgSrc: '../../../dist/svg/git-pull-request.svg' },

        { value: 'github', text: 'github', imgSrc: '../../../dist/svg/github.svg' },

        { value: 'gitlab', text: 'gitlab', imgSrc: '../../../dist/svg/gitlab.svg' },

        { value: 'globe', text: 'globe', imgSrc: '../../../dist/svg/globe.svg' },

        { value: 'hard-drive', text: 'hard-drive', imgSrc: '../../../dist/svg/hard-drive.svg' },

        { value: 'hash', text: 'hash', imgSrc: '../../../dist/svg/hash.svg' },

        { value: 'headphones', text: 'headphones', imgSrc: '../../../dist/svg/headphones.svg' },

        { value: 'heart', text: 'heart', imgSrc: '../../../dist/svg/heart.svg' },

        { value: 'help-circle', text: 'help-circle', imgSrc: '../../../dist/svg/help-circle.svg' },

        { value: 'hexagon', text: 'hexagon', imgSrc: '../../../dist/svg/hexagon.svg' },

        { value: 'home', text: 'home', imgSrc: '../../../dist/svg/home.svg' },

        { value: 'image', text: 'image', imgSrc: '../../../dist/svg/image.svg' },

        { value: 'inbox', text: 'inbox', imgSrc: '../../../dist/svg/inbox.svg' },

        { value: 'instagram', text: 'instagram', imgSrc: '../dist/svg/instagram.svg' },

        { value: 'key', text: 'key', imgSrc: '../../../dist/svg/key.svg' },

        { value: 'layers', text: 'layers', imgSrc: '../../../dist/svg/layers.svg' },

        { value: 'layout', text: 'layout', imgSrc: '../../../dist/svg/layout.svg' },

        { value: 'link-2', text: 'link-2', imgSrc: '../../../dist/svg/link-2.svg' },

        { value: 'link', text: 'link', imgSrc: '../../../dist/svg/link.svg' },

        { value: 'linkedin', text: 'linkedin', imgSrc: '../../../dist/svg/linkedin.svg' },

        { value: 'list', text: 'list', imgSrc: '../../../dist/svg/list.svg' },

        { value: 'lock', text: 'lock', imgSrc: '../../../dist/svg/lock.svg' },

        { value: 'log-in', text: 'log-in', imgSrc: '../../../dist/svg/log-in.svg' },



         { value: 'log-out', text: 'log-out', imgSrc: '../../../dist/svg/log-out.svg' },

         { value: 'mail', text: 'mail', imgSrc: '../../../dist/svg/mail.svg' },

         { value: 'map-pin', text: 'map-pin', imgSrc: '../../../dist/svg/map-pin.svg' },

         { value: 'map', text: 'map', imgSrc: '../../../dist/svg/map.svg' },

         { value: 'maximize-2', text: 'maximize-2', imgSrc: '../../../dist/svg/maximize-2.svg' },

         { value: 'maximize', text: 'maximize', imgSrc: '../../../dist/svg/maximize.svg' },

         { value: 'meh', text: 'meh', imgSrc: '../../../dist/svg/meh.svg' },

         { value: 'menu', text: 'menu', imgSrc: '../../../dist/svg/menu.svg' },

         { value: 'message-circle', text: 'message-circle', imgSrc: '../../../dist/svg/message-circle.svg' },

         { value: 'message-square ', text: 'message-square ', imgSrc: '../../../dist/svg/message-square .svg' },

         { value: 'mic-off', text: 'mic-off', imgSrc: '../../../dist/svg/mic-off.svg' },

         { value: 'mic', text: 'mic', imgSrc: '../../../dist/svg/mic.svg' },

         { value: 'minimize-2', text: 'minimize-2', imgSrc: '../../../dist/svg/minimize-2.svg' },



         { value: 'minus', text: 'minus', imgSrc: '../../../dist/svg/minus.svg' },

         { value: 'monitor', text: 'monitor', imgSrc: '../../../dist/svg/monitor.svg' },

         { value: 'moon', text: 'moon', imgSrc: '../../../dist/svg/moon.svg' },

         { value: 'more-horizontal', text: 'more-horizontal', imgSrc: '../../../dist/svg/more-horizontal.svg' },

         { value: 'more-vertical', text: 'more-vertical', imgSrc: '../../../dist/svg/more-vertical.svg' },

         { value: 'mouse-pointer', text: 'mouse-pointer', imgSrc: '../../../dist/svg/mouse-pointer.svg' },

         { value: 'move', text: 'move', imgSrc: '../../../dist/svg/move.svg' },

         { value: 'music', text: 'music', imgSrc: '../../../dist/svg/music.svg' },

         { value: 'navigation-2', text: 'navigation-2', imgSrc: '../../../dist/svg/navigation-2.svg' },

         { value: 'navigation', text: 'navigation', imgSrc: '../../../dist/svg/navigation.svg' },

         { value: 'octagon', text: 'octagon', imgSrc: '../../../dist/svg/octagon.svg' },

         { value: 'package', text: 'package', imgSrc: '../../../dist/svg/package.svg' },

         { value: 'paperclip', text: 'paperclip', imgSrc: '../../../dist/svg/paperclip.svg' },

         { value: 'pause-circle', text: 'pause-circle', imgSrc: '../../../dist/svg/pause-circle.svg' },

         { value: 'pause', text: 'pause', imgSrc: '../../../dist/svg/pause.svg' },

         { value: 'pen-tool', text: 'pen-tool', imgSrc: '../../../dist/svg/pen-tool.svg' },

         { value: 'percent', text: 'percent', imgSrc: '../../../dist/svg/percent.svg' },

         { value: 'phone-call', text: 'phone-call', imgSrc: '../../../dist/svg/phone-call.svg' },

         { value: 'phone-forwarded', text: 'phone-forwarded', imgSrc: '../../../dist/svg/phone-forwarded.svg' },

         { value: 'phone-incoming', text: 'phone-incoming', imgSrc: '../../../dist/svg/phone-incoming.svg' },

         { value: 'phone-missed', text: 'phone-missed', imgSrc: '../../../dist/svg/phone-missed.svg' },

         { value: 'phone-off', text: 'phone-off', imgSrc: '../../../dist/svg/phone-off.svg' },

         { value: 'phone-outgoing', text: 'phone-outgoing', imgSrc: '../../../dist/svg/phone-outgoing.svg' },

         { value: 'phone', text: 'phone', imgSrc: '../../../dist/svg/phone.svg' },

         { value: 'pie-chart', text: 'pie-chart', imgSrc: '../../../dist/svg/pie-chart.svg' },

         { value: 'play-circle', text: 'play-circle', imgSrc: '../../../dist/svg/play-circle.svg' },

         { value: 'play', text: 'play', imgSrc: '../../../dist/svg/play.svg' },

         { value: 'plus-circle', text: 'plus-circle', imgSrc: '../../../dist/svg/plus-circle.svg' },

         { value: 'plus-square', text: 'plus-square', imgSrc: '../../../dist/svg/plus-square.svg' },

         { value: 'plus', text: 'plus', imgSrc: '../../../dist/svg/plus.svg' },

         { value: 'pocket', text: 'pocket', imgSrc: '../../../dist/svg/pocket.svg' },

         { value: 'power', text: 'power', imgSrc: '../../../dist/svg/power.svg' },

         { value: 'printer', text: 'printer', imgSrc: '../../../dist/svg/printer.svg' },

         { value: 'radio', text: 'radio', imgSrc: '../../../dist/svg/radio.svg' },

         { value: 'refresh-ccw', text: 'refresh-ccw', imgSrc: '../../../dist/svg/refresh-ccw.svg' },

         { value: 'refresh-cw', text: 'refresh-cw', imgSrc: '../../../dist/svg/refresh-cw.svg' },

         { value: 'repeat', text: 'repeat', imgSrc: '../../../dist/svg/repeat.svg' },

         { value: 'rewind', text: 'rewind', imgSrc: '../../../dist/svg/rewind.svg' },

         { value: 'rotate-ccw', text: 'rotate-ccw', imgSrc: '../../../dist/svg/rotate-ccw.svg' },

         { value: 'rotate-cw', text: 'rotate-cw', imgSrc: '../../../dist/svg/rotate-cw.svg' },

         { value: 'save', text: 'save', imgSrc: '../../../dist/svg/save.svg' },

         { value: 'scissors', text: 'scissors', imgSrc: '../../../dist/svg/scissors.svg' },

         { value: 'search', text: 'search', imgSrc: '../../../dist/svg/search.svg' },

         { value: 'send', text: 'send', imgSrc: '../../../dist/svg/send.svg' },

         { value: 'settings', text: 'settings', imgSrc: '../../../dist/svg/settings.svg' },

         { value: 'share-2', text: 'share-2', imgSrc: '../../../dist/svg/share-2.svg' },

         { value: 'shield-off', text: 'shield-off', imgSrc: '../../../dist/svg/shield-off.svg' },

         { value: 'shield', text: 'shield', imgSrc: '../../../dist/svg/shield.svg' },

         { value: 'shopping-bag', text: 'shopping-bag', imgSrc: '../../../dist/svg/shopping-bag.svg' },

         { value: 'shopping-cart', text: 'shopping-cart', imgSrc: '../../../dist/svg/shopping-cart.svg' },

         { value: 'shuffle', text: 'shuffle', imgSrc: '../../../dist/svg/shuffle.svg' },

         { value: 'skip-back', text: 'skip-back', imgSrc: '../../../dist/svg/skip-back.svg' },

         { value: 'skip-forward', text: 'skip-forward', imgSrc: '../../../dist/svg/skip-forward.svg' },

         { value: 'slack', text: 'slack', imgSrc: '../../../dist/svg/slack.svg' },

         { value: 'slash', text: 'slash', imgSrc: '../../../dist/svg/slash.svg' },

         { value: 'sliders', text: 'sliders', imgSrc: '../../../dist/svg/sliders.svg' },

         { value: 'smartphone', text: 'smartphone', imgSrc: '../../../dist/svg/smartphone.svg' },

         { value: 'smile', text: 'smile', imgSrc: '../../../dist/svg/smile.svg' },

         { value: 'speaker', text: 'speaker', imgSrc: '../../../dist/svg/speaker.svg' },

         { value: 'star', text: 'star', imgSrc: '../../../dist/svg/star.svg' },

         { value: 'stop-circle', text: 'stop-circle', imgSrc: '../../../dist/svg/stop-circle.svg' },

         { value: 'sun', text: 'sun', imgSrc: '../../../dist/svg/sun.svg' },

         { value: 'sunset', text: 'sunset', imgSrc: '../../../dist/svg/sunset.svg' },

         { value: 'tablet', text: 'tablet', imgSrc: '../../../dist/svg/tablet.svg' },



         { value: 'tag', text: 'tag', imgSrc: '../../../dist/svg/tag.svg' },



         { value: 'target', text: 'target', imgSrc: '../../../dist/svg/target.svg' },

         { value: 'terminal', text: 'terminal', imgSrc: '../../../dist/svg/terminal.svg' },

         { value: 'thermometer', text: 'thermometer', imgSrc: '../../../dist/svg/thermometer.svg' },

         { value: 'thumbs-down', text: 'thumbs-down', imgSrc: '../../../dist/svg/thumbs-down.svg' },

         { value: 'thumbs-up', text: 'thumbs-up', imgSrc: '../../../dist/svg/thumbs-up.svg' },

         { value: 'toggle-left', text: 'toggle-left', imgSrc: '../../../dist/svg/toggle-left.svg' },

         { value: 'toggle-right', text: 'toggle-right', imgSrc: '../../../dist/svg/toggle-right.svg' },

         { value: 'trash-2', text: 'trash-2', imgSrc: '../../../dist/svg/trash-2.svg' },

         { value: 'triangle', text: 'triangle', imgSrc: '../../../dist/svg/triangle.svg' },

         { value: 'truck', text: 'truck', imgSrc: '../../../dist/svg/truck.svg' },

         { value: 'tv', text: 'tv', imgSrc: '../../../dist/svg/tv.svg' },

         { value: 'twitch', text: 'twitch', imgSrc: '../../../dist/svg/twitch.svg' },

         { value: 'twitter', text: 'twitter', imgSrc: '../../../dist/svg/twitter.svg' },

         { value: 'type', text: 'type', imgSrc: '../../../dist/svg/type.svg' },

         { value: 'umbrella', text: 'umbrella', imgSrc: '../../../dist/svg/umbrella.svg' },

         { value: 'unlock', text: 'unlock', imgSrc: '../../../dist/svg/unlock.svg' },

         { value: 'user-check', text: 'user-check', imgSrc: '../../../dist/svg/user-check.svg' },

         { value: 'user-minus', text: 'user-minus', imgSrc: '../../../dist/svg/user-minus.svg' },

         { value: 'user-plus', text: 'user-plus', imgSrc: '../../../dist/svg/user-plus.svg' },

         { value: 'user-x', text: 'user-x', imgSrc: '../../../dist/svg/user-x.svg' },

         { value: 'user', text: 'user', imgSrc: '../../../dist/svg/user.svg' },

    { value: 'users', text: 'users', imgSrc: '../../../dist/svg/users.svg' },

    { value: 'video-off', text: 'video-off', imgSrc: '../../../dist/svg/video-off.svg' },

    { value: 'video', text: 'video', imgSrc: '../../../dist/svg/video.svg' },

    { value: 'voicemail', text: 'voicemail', imgSrc: '../../../dist/svg/voicemail.svg' },

    { value: 'volume-1', text: 'volume-1', imgSrc: '../../../dist/svg/volume-1.svg' },

    { value: 'volume-2', text: 'volume-2', imgSrc: '../../../dist/svg/volume-2.svg' },

    { value: 'volume-x', text: 'volume-x', imgSrc: '../../../dist/svg/volume-x.svg' },

    { value: 'volume', text: 'volume', imgSrc: '../../../dist/svg/volume.svg' },

    { value: 'watch', text: 'watch', imgSrc: '../../../dist/svg/watch.svg' },

    { value: 'wifi-off', text: 'wifi-off', imgSrc: '../../../dist/svg/wifi-off.svg' },

    { value: 'wifi', text: 'wifi', imgSrc: '../../../dist/svg/wifi.svg' },

    { value: 'wind', text: 'wind', imgSrc: '../../../dist/svg/wind.svg' },

    { value: 'x-circle', text: 'x-circle', imgSrc: '../../../dist/svg/x-circle.svg' },

    { value: 'x-octagon', text: 'x-octagon', imgSrc: '../../../dist/svg/x-octagon.svg' },

    { value: 'x-square', text: 'x-square', imgSrc: '../../../dist/svg/x-square.svg' },

    { value: 'x', text: 'x', imgSrc: '../../../dist/svg/x.svg' },

    { value: 'youtube', text: 'youtube', imgSrc: '../../../dist/svg/youtube.svg' },

    { value: 'zap-off', text: 'zap-off', imgSrc: '../../../dist/svg/zap-off.svg' },

    { value: 'zap', text: 'zap', imgSrc: '../../../dist/svg/zap.svg' },

    { value: 'zoom-in', text: 'zoom-in', imgSrc: '../../../dist/svg/zoom-in.svg' },

    { value: 'zoom-out', text: 'zoom-out', imgSrc: '../../../dist/svg/zoom-out.svg' },            



  ];

  

  for (var i = 0; i < opciones.length; i++) {

    var option = document.createElement('option');

    option.value = opciones[i].value;

    option.text = opciones[i].text;

    option.setAttribute('data-img-src', opciones[i].imgSrc);

    select.appendChild(option);

  }

  <?php

if($action=="editar"){

    echo"

    $('#Icono_Boton').val('$Icono_Boton');";

}

?>

});



</script>

    <script src="../../../dist/js/app.js"></script> 

    </center>

</HTML>