<?php
include '../config.php';  include '../checkSession.php';
$stage = $_GET['stage'];
$lang = $_GET['lang'];
$id = $_GET['id'];
if(strlen($stage)<2){
    $stage = "PUBLISHED";
}
//echo $lang;
$curl = curl_init();
curl_setopt_array($curl, array(
    CURLOPT_URL => $endpoint_graph_cms,
    CURLOPT_RETURNTRANSFER => true,
    CURLOPT_ENCODING => '',
    CURLOPT_MAXREDIRS => 10,
    CURLOPT_TIMEOUT => 0,
    CURLOPT_FOLLOWLOCATION => true,
    CURLOPT_HTTP_VERSION => CURL_HTTP_VERSION_1_1,
    CURLOPT_CUSTOMREQUEST => 'POST',
    CURLOPT_POSTFIELDS =>'{"query":"query MyQuery {\\r\\n  paginaCumplimiento(where: {id: \\"cklaeou0g2t030a78vcjz373g\\"}, stage: '.$stage.') {\\r\\n    avisoDePrivacidadArchivo\\r\\n    avisoDePrivacidadImagen\\r\\n    enviadoRevision\\r\\n avisoDePrivacidadSlug\\r\\n    avisoDePrivacidadTexto\\r\\n    avisoDePrivacidadTitulo\\r\\n    avisoDePrivacidadTextoBoton\\r\\n    codigoDeEticaArchivo\\r\\n    codigoDeEticaImagen\\r\\n    codigoDeEticaSlug\\r\\n    codigoDeEticaTexto\\r\\n    codigoDeEticaTextoBoton\\r\\n    codigoDeEticaTitulo\\r\\n    pfmIsArchivo\\r\\n    pfmIsImagen\\r\\n    pfmIsSlug\\r\\n    pfmIsTexto\\r\\n    pfmIsTextoBoton\\r\\n    pfmIsTitulo\\r\\n    politicaAnticorrupcionArchivo\\r\\n    politicaAnticorrupcionImagen\\r\\n    politicaAnticorrupcionSlug\\r\\n    politicaAnticorrupcionTexto\\r\\n    politicaAnticorrupcionTextoBoton\\r\\n    politicaAnticorrupcionTitulo\\r\\n    localizations {\\r\\n      avisoDePrivacidadArchivo\\r\\n      avisoDePrivacidadImagen\\r\\n      enviadoRevision\\r\\n avisoDePrivacidadSlug\\r\\n      avisoDePrivacidadTexto\\r\\n      avisoDePrivacidadTextoBoton\\r\\n      avisoDePrivacidadTitulo\\r\\n      codigoDeEticaArchivo\\r\\n      codigoDeEticaImagen\\r\\n      codigoDeEticaSlug\\r\\n      codigoDeEticaTexto\\r\\n      codigoDeEticaTextoBoton\\r\\n      codigoDeEticaTitulo\\r\\n      pfmIsImagen\\r\\n      pfmIsSlug\\r\\n      pfmIsTexto\\r\\n      pfmIsTextoBoton\\r\\n      pfmIsTitulo\\r\\n      politicaAnticorrupcionArchivo\\r\\n      politicaAnticorrupcionImagen\\r\\n      politicaAnticorrupcionSlug\\r\\n      politicaAnticorrupcionTexto\\r\\n      politicaAnticorrupcionTextoBoton\\r\\n      politicaAnticorrupcionTitulo\\r\\n    }\\r\\n  }\\r\\n}\\r\\n","variables":{}}',
    CURLOPT_HTTPHEADER => array(
      'Content-Type: application/json',
      'Cookie: __cfduid=da2693cdfd39b7377a8a05e305da45b8f1613001694'
    ),
  ));
  
$response = curl_exec($curl);

curl_close($curl);
//echo $response;

$jsonrespuesta = json_decode($response, true);
//$id = $jsonrespuesta['data']['paginaCumplimiento']['id'];

if($lang == 'es'){
    $pfmIsArchivo = $jsonrespuesta['data']['paginaCumplimiento']['localizations'][0]['pfmIsArchivo'];
    $pfmIsSlug = $jsonrespuesta['data']['paginaCumplimiento']['localizations'][0]['pfmIsSlug'];
    $pfmIsTexto = $jsonrespuesta['data']['paginaCumplimiento']['localizations'][0]['pfmIsTexto'];
    $pfmIsTextoBoton = $jsonrespuesta['data']['paginaCumplimiento']['localizations'][0]['pfmIsTextoBoton'];
    $pfmIsTitulo = $jsonrespuesta['data']['paginaCumplimiento']['localizations'][0]['pfmIsTitulo'];
    $codigoDeEticaArchivo = $jsonrespuesta['data']['paginaCumplimiento']['localizations'][0]['codigoDeEticaArchivo'];
    $codigoDeEticaSlug = $jsonrespuesta['data']['paginaCumplimiento']['localizations'][0]['codigoDeEticaSlug'];
    $codigoDeEticaTexto = $jsonrespuesta['data']['paginaCumplimiento']['localizations'][0]['codigoDeEticaTexto'];
    $codigoDeEticaTextoBoton = $jsonrespuesta['data']['paginaCumplimiento']['localizations'][0]['codigoDeEticaTextoBoton'];
    $codigoDeEticaTitulo = $jsonrespuesta['data']['paginaCumplimiento']['localizations'][0]['codigoDeEticaTitulo'];
    $slug = $jsonrespuesta['data']['paginaCumplimiento']['localizations'][0]['slug'];
    $subtituloDePagina = $jsonrespuesta['data']['paginaCumplimiento']['localizations'][0]['subtituloDePagina'];
    $politicaAnticorrupcionArchivo = $jsonrespuesta['data']['paginaCumplimiento']['localizations'][0]['politicaAnticorrupcionArchivo'];
    $politicaAnticorrupcionSlug = $jsonrespuesta['data']['paginaCumplimiento']['localizations'][0]['politicaAnticorrupcionSlug'];
    $politicaAnticorrupcionTexto = $jsonrespuesta['data']['paginaCumplimiento']['localizations'][0]['politicaAnticorrupcionTexto'];
    $politicaAnticorrupcionTextoBoton = $jsonrespuesta['data']['paginaCumplimiento']['localizations'][0]['politicaAnticorrupcionTextoBoton'];
    $politicaAnticorrupcionTitulo = $jsonrespuesta['data']['paginaCumplimiento']['localizations'][0]['politicaAnticorrupcionTitulo'];
    


    $avisoDePrivacidadArchivo = $jsonrespuesta['data']['paginaCumplimiento']['localizations'][0]['avisoDePrivacidadArchivo'];
    $avisoDePrivacidadSlug = $jsonrespuesta['data']['paginaCumplimiento']['localizations'][0]['avisoDePrivacidadSlug'];
    $avisoDePrivacidadTexto = $jsonrespuesta['data']['paginaCumplimiento']['localizations'][0]['avisoDePrivacidadTexto'];
    $avisoDePrivacidadTextoBoton = $jsonrespuesta['data']['paginaCumplimiento']['localizations'][0]['avisoDePrivacidadTextoBoton'];
    $avisoDePrivacidadTitulo = $jsonrespuesta['data']['paginaCumplimiento']['localizations'][0]['avisoDePrivacidadTitulo'];
    $enviadoRevision = $jsonrespuesta['data']['paginaCumplimiento']['localizations'][0]['enviadoRevision'];
    $lang1 = "Español";

}

if($lang == 'en'){
    $pfmIsArchivo = $jsonrespuesta['data']['paginaCumplimiento']['pfmIsArchivo'];
    $pfmIsSlug = $jsonrespuesta['data']['paginaCumplimiento']['pfmIsSlug'];
    $pfmIsTexto = $jsonrespuesta['data']['paginaCumplimiento']['pfmIsTexto'];
    $pfmIsTextoBoton = $jsonrespuesta['data']['paginaCumplimiento']['pfmIsTextoBoton'];
    $pfmIsTitulo = $jsonrespuesta['data']['paginaCumplimiento']['pfmIsTitulo'];
    $codigoDeEticaArchivo = $jsonrespuesta['data']['paginaCumplimiento']['codigoDeEticaArchivo'];
    $codigoDeEticaSlug = $jsonrespuesta['data']['paginaCumplimiento']['codigoDeEticaSlug'];
    $codigoDeEticaTexto = $jsonrespuesta['data']['paginaCumplimiento']['codigoDeEticaTexto'];
    $codigoDeEticaTextoBoton = $jsonrespuesta['data']['paginaCumplimiento']['codigoDeEticaTextoBoton'];
    $codigoDeEticaTitulo = $jsonrespuesta['data']['paginaCumplimiento']['codigoDeEticaTitulo'];
    $slug = $jsonrespuesta['data']['paginaCumplimiento']['slug'];
    $subtituloDePagina = $jsonrespuesta['data']['paginaCumplimiento']['subtituloDePagina'];
    $politicaAnticorrupcionArchivo = $jsonrespuesta['data']['paginaCumplimiento']['politicaAnticorrupcionArchivo'];
    $politicaAnticorrupcionSlug = $jsonrespuesta['data']['paginaCumplimiento']['politicaAnticorrupcionSlug'];
    $politicaAnticorrupcionTexto = $jsonrespuesta['data']['paginaCumplimiento']['politicaAnticorrupcionTexto'];
    $politicaAnticorrupcionTextoBoton = $jsonrespuesta['data']['paginaCumplimiento']['politicaAnticorrupcionTextoBoton'];
    $politicaAnticorrupcionTitulo = $jsonrespuesta['data']['paginaCumplimiento']['politicaAnticorrupcionTitulo'];

    $avisoDePrivacidadArchivo = $jsonrespuesta['data']['paginaCumplimiento']['avisoDePrivacidadArchivo'];
    $avisoDePrivacidadSlug = $jsonrespuesta['data']['paginaCumplimiento']['avisoDePrivacidadSlug'];
    $avisoDePrivacidadTexto = $jsonrespuesta['data']['paginaCumplimiento']['avisoDePrivacidadTexto'];
    $avisoDePrivacidadTextoBoton = $jsonrespuesta['data']['paginaCumplimiento']['avisoDePrivacidadTextoBoton'];
    $avisoDePrivacidadTitulo = $jsonrespuesta['data']['paginaCumplimiento']['avisoDePrivacidadTitulo'];
    $enviadoRevision = $jsonrespuesta['data']['paginaCumplimiento']['enviadoRevision'];
    $lang1 = "Inglés";
}

$pfmIsTexto = urldecode($pfmIsTexto);
$codigoDeEticaTexto = urldecode($codigoDeEticaTexto);
$politicaAnticorrupcionTexto = urldecode($politicaAnticorrupcionTexto);
$avisoDePrivacidadTexto = urldecode($avisoDePrivacidadTexto);

?>

<?php
    if($enviadoRevision == 'enviar' && $stage == 'DRAFT'){

?>
<input type="hidden" id="currentPage" value="PaginaCumplimiento"></input>
<input type="hidden" id="currentID" value="cklaeou0g2t030a78vcjz373g"></input>


<h3 class="titborrador"><i class="fas fa-upload"></i> Nueva versión (<?php echo ucwords($lang1);?>) Lista para publicar. <span onclick="openStatus2('PaginaCumplimiento', 'cklaeou0g2t030a78vcjz373g')" >Publicar Ahora</span></h3>
<?php
    }

    if($enviadoRevision != 'enviar' && $stage == 'DRAFT'){

?>

<h3 class="titborrador"><i class="fas fa-pencil-ruler"></i> Estás editando la última versión guardada del borrador. <br>Cuando sea enviado para aprobación, podrá publicarse desde este mismo espacio.</h3>
<?php
    }
?>
<form class="formprod" id="formprod" enctype="multipart/form-data" autocomplete="off">
        <input name="id" id="idprod" type="hidden" value="<?php echo $id;?>">

        <input name="newfilepfmIsArchivo" id="newfilepfmIsArchivo" type="hidden" value="<?php echo $pfmIsArchivo;?>">
        <input name="newfilecodigoDeEticaArchivo" id="newfilecodigoDeEticaArchivo" type="hidden" value="<?php echo $codigoDeEticaArchivo;?>">
        <input name="newfilepoliticaAnticorrupcionArchivo" id="newfilepoliticaAnticorrupcionArchivo" type="hidden" value="<?php echo $politicaAnticorrupcionArchivo;?>">
        <input name="newfileavisoDePrivacidadArchivo" id="newfileavisoDePrivacidadArchivo" type="hidden" value="<?php echo $avisoDePrivacidadArchivo;?>">
        
        <div class="formgroup desc">
            <label for="pfmIsTitulo">Título de PFMIs*</label>
            <input name="pfmIsTitulo" type="text" id="pfmIsTitulo" maxlength="5000" placeholder="Al menos 5 caracteres." value="<?php echo $pfmIsTitulo;?>"/>
        </div>

        <div class="formgroup desc">
            <label for="pfmIsTexto">Texto de PFMIs*</label>
            <textarea name="pfmIsTexto" type="text" id="pfmIsTexto" maxlength="5000" placeholder="Al menos 5 caracteres."><?php echo $pfmIsTexto;?></textarea>
        </div>


        <div class="formgroup desc">
            <label for="pfmIsSlug">Slug (fragmento URL) de PFMIs*</label>
            <input name="pfmIsSlug" type="text" id="pfmIsSlug" maxlength="5000" placeholder="Al menos 5 caracteres." value="<?php echo $pfmIsSlug;?>"/>
        </div>

        <div class="formgroup desc">
            <label for="pfmIsTextoBoton">Texto del botón de PFMIs*</label>
            <input name="pfmIsTextoBoton" type="text" id="pfmIsTextoBoton" maxlength="5000" placeholder="Al menos 5 caracteres." value="<?php echo $pfmIsTextoBoton;?>"/>
        </div>

        

        
        <div class="formgroup imgcont">
            <label for="imagenprod">Archivo PFMIs*</label><br>
           
            <div class="imagendiv">
                <?php 
                
                if(strlen($pfmIsArchivo)>1){
					$foto = '<img src="/admin/img/file.svg" class="imgprod" id="iconfilepfmIsArchivo"><p>'.$pfmIsArchivo.'</p>';
                }
                else{
                    $foto = '<img src="/admin/img/upload.svg" class="imgprod camera" id="iconfilepfmIsArchivo">';
                }
                echo $foto?>
            
                 <div class="image-upload">
                    <label for="pfmIsArchivo" aria-label="Elegir archivo" data-balloon-pos="up">
                        <img src="/admin/img/file2.svg"/>
                    </label>

                    <input name="pfmIsArchivo" type="file" id="pfmIsArchivo" accept=".doc, .pdf, .zip, .xls, .xlsx, .docx" value="" onchange="PreviewArchivo('pfmIsArchivo');" >

                </div>  
            </div>
            <p class="discimg">Sólo archivos .doc, .pdf, .zip, .xls, .xlsx, .docx  / Peso máximo: 15 Mb</p>
        </div>
		

        <div class="formgroup desc">
            <label for="codigoDeEticaTitulo">Título de Código de ética*</label>
            <input name="codigoDeEticaTitulo" type="text" id="codigoDeEticaTitulo" maxlength="5000" placeholder="Al menos 5 caracteres." value="<?php echo $codigoDeEticaTitulo;?>"/>
        </div>

        <div class="formgroup desc">
            <label for="codigoDeEticaTexto">Texto de Aviso de Código de ética*</label>
            <textarea name="codigoDeEticaTexto" type="text" id="codigoDeEticaTexto" maxlength="5000" placeholder="Al menos 5 caracteres."><?php echo $codigoDeEticaTexto;?></textarea>
        </div>

        <div class="formgroup desc">
            <label for="codigoDeEticaSlug">Slug (fragmento URL) de Código de ética*</label>
            <input name="codigoDeEticaSlug" type="text" id="codigoDeEticaSlug" maxlength="5000" placeholder="Al menos 5 caracteres." value="<?php echo $codigoDeEticaSlug;?>"/>
        </div>

        <div class="formgroup desc">
            <label for="codigoDeEticaTextoBoton">Texto del botón de Código de ética*</label>
            <input name="codigoDeEticaTextoBoton" type="text" id="codigoDeEticaTextoBoton" maxlength="5000" placeholder="Al menos 5 caracteres." value="<?php echo $codigoDeEticaTextoBoton;?>"/>
        </div>


		<div class="formgroup imgcont">
            <label for="imagenprod">Archivo Código de ética</label><br>
           
            <div class="imagendiv">
                <?php 
                
                if(strlen($codigoDeEticaArchivo)>1){
                    $foto = '<img src="/admin/img/file.svg" class="imgprod" id="iconfilecodigoDeEticaArchivo"><p>'.$codigoDeEticaArchivo.'</p>';
                }
                else{
                    $foto = '<img src="/admin/img/upload.svg" class="imgprod camera" id="iconfilecodigoDeEticaArchivo">';
                }
                echo $foto?>
            
                 <div class="image-upload">
                    <label for="codigoDeEticaArchivo" aria-label="Elegir archivo" data-balloon-pos="up">
                        <img src="/admin/img/file2.svg"/>
                    </label>

                    <input name="codigoDeEticaArchivo" type="file" id="codigoDeEticaArchivo" accept=".doc, .pdf, .zip, .xls, .xlsx, .docx" value="" onchange="PreviewArchivo('codigoDeEticaArchivo');" >

                </div>  
            </div>
            <p class="discimg">Sólo archivos .doc, .pdf, .zip, .xls, .xlsx, .docx  / Peso máximo: 15 Mb</p>
        </div>


        <div class="formgroup desc">
            <label for="politicaAnticorrupcionTitulo">Título de política anticorrupción*</label>
            <input name="politicaAnticorrupcionTitulo" type="text" id="politicaAnticorrupcionTitulo" maxlength="5000" placeholder="Al menos 5 caracteres." value="<?php echo $politicaAnticorrupcionTitulo;?>"/>
        </div>

        <div class="formgroup desc">
            <label for="politicaAnticorrupcionTexto">Texto de política anticorrupción*</label>
            <textarea name="politicaAnticorrupcionTexto" type="text" id="politicaAnticorrupcionTexto" maxlength="5000" placeholder="Al menos 5 caracteres."><?php echo $politicaAnticorrupcionTexto;?></textarea>
        </div>

        <div class="formgroup desc">
            <label for="politicaAnticorrupcionSlug">Slug (fragmento URL) de política anticorrupción*</label>
            <input name="politicaAnticorrupcionSlug" type="text" id="politicaAnticorrupcionSlug" maxlength="5000" placeholder="Al menos 5 caracteres." value="<?php echo $politicaAnticorrupcionSlug;?>"/>
        </div>

        <div class="formgroup desc">
            <label for="politicaAnticorrupcionTextoBoton">Texto del botón de política anticorrupción*</label>
            <input name="politicaAnticorrupcionTextoBoton" type="text" id="politicaAnticorrupcionTextoBoton" maxlength="5000" placeholder="Al menos 5 caracteres." value="<?php echo $politicaAnticorrupcionTextoBoton;?>"/>
        </div>
		
		<div class="formgroup imgcont">
            <label for="imagenprod">Archivo política anticorrupción</label><br>
           
            <div class="imagendiv">
                <?php 
                
                if(strlen($politicaAnticorrupcionArchivo)>1){
                    $foto = '<img src="/admin/img/file.svg" class="imgprod" id="iconfilepoliticaAnticorrupcionArchivo"><p>'.$politicaAnticorrupcionArchivo.'</p>';
                }
                else{
                    $foto = '<img src="/admin/img/upload.svg" class="imgprod camera" id="iconfilepoliticaAnticorrupcionArchivo">';
                }
                echo $foto?>
            
                 <div class="image-upload">
                    <label for="politicaAnticorrupcionArchivo" aria-label="Elegir archivo" data-balloon-pos="up">
                        <img src="/admin/img/file2.svg"/>
                    </label>

                    <input name="politicaAnticorrupcionArchivo" type="file" id="politicaAnticorrupcionArchivo" accept=".doc, .pdf, .zip, .xls, .xlsx, .docx" value="" onchange="PreviewArchivo('politicaAnticorrupcionArchivo');" >

                </div>  
            </div>
            <p class="discimg">Sólo archivos .doc, .pdf, .zip, .xls, .xlsx, .docx  / Peso máximo: 15 Mb</p>
        </div>


        <div class="formgroup desc">
            <label for="avisoDePrivacidadTitulo">Título de Aviso de Privacidad*</label>
            <input name="avisoDePrivacidadTitulo" type="text" id="avisoDePrivacidadTitulo" maxlength="5000" placeholder="Al menos 5 caracteres." value="<?php echo $avisoDePrivacidadTitulo;?>"/>
        </div>

        <div class="formgroup desc">
            <label for="avisoDePrivacidadTexto">Texto de Aviso de Privacidad*</label>
            <textarea name="avisoDePrivacidadTexto" type="text" id="avisoDePrivacidadTexto" maxlength="5000" placeholder="Al menos 5 caracteres."><?php echo $avisoDePrivacidadTexto;?></textarea>
        </div>

        <div class="formgroup desc">
            <label for="avisoDePrivacidadSlug">Slug (fragmento URL) de Aviso de Privacidad*</label>
            <input name="avisoDePrivacidadSlug" type="text" id="avisoDePrivacidadSlug" maxlength="5000" placeholder="Al menos 5 caracteres." value="<?php echo $avisoDePrivacidadSlug;?>"/>
        </div>

        <div class="formgroup desc">
            <label for="avisoDePrivacidadTextoBoton">Texto del botón de Aviso de Privacidad*</label>
            <input name="avisoDePrivacidadTextoBoton" type="text" id="avisoDePrivacidadTextoBoton" maxlength="5000" placeholder="Al menos 5 caracteres." value="<?php echo $avisoDePrivacidadTextoBoton;?>"/>
        </div>
		
		<div class="formgroup imgcont">
            <label for="imagenprod">Archivo Aviso de Privacidad</label><br>
           
            <div class="imagendiv">
                <?php 
                
                if(strlen($avisoDePrivacidadArchivo)>1){
                    $foto = '<img src="/admin/img/file.svg" class="imgprod" id="iconfileavisoDePrivacidadArchivo"><p>'.$avisoDePrivacidadArchivo.'</p>';
                }
                else{
                    $foto = '<img src="/admin/img/upload.svg" class="imgprod camera" id="iconfileavisoDePrivacidadArchivo">';
                }
                echo $foto?>
            
                 <div class="image-upload">
                    <label for="avisoDePrivacidadArchivo" aria-label="Elegir archivo" data-balloon-pos="up">
                        <img src="/admin/img/file2.svg"/>
                    </label>

                    <input name="avisoDePrivacidadArchivo" type="file" id="avisoDePrivacidadArchivo" accept=".doc, .pdf, .zip, .xls, .xlsx, .docx" value="" onchange="PreviewArchivo('avisoDePrivacidadArchivo');" >

                </div>  
            </div>
            <p class="discimg">Sólo archivos .doc, .pdf, .zip, .xls, .xlsx, .docx  / Peso máximo: 15 Mb</p>
        </div>

        <?php

            if($rol == "editor" || $rol == "admin"){

            ?>
            <a id="guardareditmarco" onclick="saveEdit('guardar','<?php echo $lang;?>');">Guardar</a>
            <a id="guardareditmarco" onclick="saveEdit('enviar','<?php echo $lang;?>');">Enviar</a>

            <?php
            }
            else{

            ?>
            <a id="guardareditmarco" onclick="saveEdit('<?php echo $lang;?>');">Guardar</a>
            <?php
            }

            ?>

    </form>

    <script>
        function saveEdit(enviado, lang){
            $("#guardareditmarco").css("pointer-events", "none");
            $("#guardareditmarco").css("opacity", ".4");
            var form=$("#formprod");
            var data=new FormData($("#formprod")[0]);
            for(var pair of data.entries()) {
            //console.log(pair[0]+ ', '+ pair[1]); 
            }
            $.ajax({
                url: "/admin/pag/updateCumplimiento.php?lang="+lang+"&enviado="+enviado,
                type:"POST",
                data:data,
                processData: false,
                contentType: false,
                success:function(data){
                    $('#respuestaedit4').html(data);

                    setTimeout(() => {
                        $("#guardareditmarco").css("pointer-events", "inherit");
                        $("#guardareditmarco").css("opacity", "1");
                    }, 2000);
                }

            });
        }
        setTimeout(() => {
            //$("#columen").find("option[value='<?php echo $columes;?>']").attr("selected", true);  
        }, 1000);

        function PreviewImage() {
        if(document.getElementById("imagenprod").files[0].size > 500000){
            alert("El peso de la imagen excede 500 Kb. Comprime la imagen o selecciona una diferente.");
            $("#imagenprod").val("");
        };

        var oFReader = new FileReader();
        oFReader.readAsDataURL(document.getElementById("imagenprod").files[0]);

        oFReader.onload = function (oFREvent) {
            document.getElementById("uploadPreview").src = oFREvent.target.result;
            $("#newimg").val("1");
        };
    };
function PreviewImage2() {
      if(document.getElementById("imagenprod2").files[0].size > 500000){
          alert("El peso de la imagen excede 500 Kb. Comprime la imagen o selecciona una diferente.");
          $("#imagenprod").val("");
      };

      var oFReader = new FileReader();
      oFReader.readAsDataURL(document.getElementById("imagenprod2").files[0]);

      oFReader.onload = function (oFREvent) {
          document.getElementById("uploadPreview2").src = oFREvent.target.result;
          $("#newimg2").val("1");
      };
  };
  
  function PreviewImage3() {
      if(document.getElementById("imagenprod3").files[0].size > 500000){
          alert("El peso de la imagen excede 500 Kb. Comprime la imagen o selecciona una diferente.");
          $("#imagenprod").val("");
      };

      var oFReader = new FileReader();
      oFReader.readAsDataURL(document.getElementById("imagenprod3").files[0]);

      oFReader.onload = function (oFREvent) {
          document.getElementById("uploadPreview3").src = oFREvent.target.result;
          $("#newimg3").val("1");
      };
  };

  setTimeout(() => {
        //$("#columen").find("option[value='<?php echo $columes;?>']").attr("selected", true);
        
        $('#pfmIsTexto').summernote({
				tabsize: 2,
				toolbar: [
				['style', ['style']],
				['font', ['bold', 'italic', 'underline', 'clear']],
				['color', ['color']],
				['para', ['ul', 'ol', 'paragraph']],
				['table', ['table']],
				['insert', ['link', 'grid', 'picture']],
				['view', ['fullscreen', 'codeview', 'help']]
				],
                popover: {
                    image: [
                        ['custom', ['imageAttributes']],
                        ['imagesize', ['imageSize100', 'imageSize50', 'imageSize25']],
                        ['float', ['floatLeft', 'floatRight', 'floatNone']],
                        ['remove', ['removeMedia']]
                    ],
                },
                lang: 'es-ES', // Change to your chosen language
                imageAttributes:{
                    icon:'<i class="note-icon-pencil"/>',
                    removeEmpty:false, // true = remove attributes | false = leave empty if present
                    disableUpload: false // true = don't display Upload Options | Display Upload Options
                }
			});
        
        $('#codigoDeEticaTexto').summernote({
				tabsize: 2,
				toolbar: [
				['style', ['style']],
				['font', ['bold', 'italic', 'underline', 'clear']],
				['color', ['color']],
				['para', ['ul', 'ol', 'paragraph']],
				['table', ['table']],
				['insert', ['link', 'grid', 'picture']],
				['view', ['fullscreen', 'codeview', 'help']]
				],
                popover: {
                    image: [
                        ['custom', ['imageAttributes']],
                        ['imagesize', ['imageSize100', 'imageSize50', 'imageSize25']],
                        ['float', ['floatLeft', 'floatRight', 'floatNone']],
                        ['remove', ['removeMedia']]
                    ],
                },
                lang: 'es-ES', // Change to your chosen language
                imageAttributes:{
                    icon:'<i class="note-icon-pencil"/>',
                    removeEmpty:false, // true = remove attributes | false = leave empty if present
                    disableUpload: false // true = don't display Upload Options | Display Upload Options
                }
			});
        
        $('#politicaAnticorrupcionTexto').summernote({
				tabsize: 2,
				toolbar: [
				['style', ['style']],
				['font', ['bold', 'italic', 'underline', 'clear']],
				['color', ['color']],
				['para', ['ul', 'ol', 'paragraph']],
				['table', ['table']],
				['insert', ['link', 'grid', 'picture']],
				['view', ['fullscreen', 'codeview', 'help']]
				],
                popover: {
                    image: [
                        ['custom', ['imageAttributes']],
                        ['imagesize', ['imageSize100', 'imageSize50', 'imageSize25']],
                        ['float', ['floatLeft', 'floatRight', 'floatNone']],
                        ['remove', ['removeMedia']]
                    ],
                },
                lang: 'es-ES', // Change to your chosen language
                imageAttributes:{
                    icon:'<i class="note-icon-pencil"/>',
                    removeEmpty:false, // true = remove attributes | false = leave empty if present
                    disableUpload: false // true = don't display Upload Options | Display Upload Options
                }
			});
        
        
        $('#avisoDePrivacidadTexto').summernote({
				tabsize: 2,
				toolbar: [
				['style', ['style']],
				['font', ['bold', 'italic', 'underline', 'clear']],
				['color', ['color']],
				['para', ['ul', 'ol', 'paragraph']],
				['table', ['table']],
				['insert', ['link', 'grid', 'picture']],
				['view', ['fullscreen', 'codeview', 'help']]
				],
                popover: {
                    image: [
                        ['custom', ['imageAttributes']],
                        ['imagesize', ['imageSize100', 'imageSize50', 'imageSize25']],
                        ['float', ['floatLeft', 'floatRight', 'floatNone']],
                        ['remove', ['removeMedia']]
                    ],
                },
                lang: 'es-ES', // Change to your chosen language
                imageAttributes:{
                    icon:'<i class="note-icon-pencil"/>',
                    removeEmpty:false, // true = remove attributes | false = leave empty if present
                    disableUpload: false // true = don't display Upload Options | Display Upload Options
                }
			}); 
    }, 100);


    function PreviewArchivo(num) {
		var file = num;
		//alert(file);
		var icon = "#iconfile" + num;
		var news = "#newfile" + num;
        if(document.getElementById(num).files[0].size > 1500000){
            alert("El peso del archivo excede 15 Mb. Comprime el archivo o selecciona uno diferente.");
            $(file).val("");
        };

        var oFReader = new FileReader();
        oFReader.readAsDataURL(document.getElementById(num).files[0]);

        oFReader.onload = function (oFREvent) {
			document.getElementById("iconfile"+num).src = '/admin/img/file2.svg';
            $(news).val("1");
        };
    };

	// The function you currently have
	$('#slug').keypress(function (e) {
		var allowedChars = new RegExp("^[a-zA-Z0-9\-]+$");
		var str = String.fromCharCode(!e.charCode ? e.which : e.charCode);
		if (allowedChars.test(str)) {
			return true;
		}
		e.preventDefault();
		return false;
	}).keyup(function() {
		// the addition, which whill check the value after a keyup (triggered by Ctrl+V)
		// We take the same regex as for allowedChars, but we add ^ after the first bracket : it means "all character BUT these"
		var forbiddenChars = new RegExp("[^a-zA-Z0-9\-]", 'g');
		if (forbiddenChars.test($(this).val())) {
			$(this).val($(this).val().replace(forbiddenChars, ''));
		}
	});
        
    </script>

<style>
    
    .formprod {
        width: 100%;
        float: left;
    }
    .formprod input, .formprod textarea {
        width: 100%;
        float: left;
        margin: 0;
        min-height: 38px;
        border-radius: 8px;
        border: 1px solid #ccc;
        font-size: 12px;
        padding: 5px 5px 0;
    }
    .imgprod {
        width: 130px;
        padding-top:15px;
    }
    
    #guardareditmarco, #guardarhorarios, #guardarmod {
        background: #94b300;
        color: #fff;
        float: none;
        width: 100%;
        padding: 10px;
        border-radius: 8px;
        margin: 10px 0;
        font-weight: bold;
        max-width: 48%;
        display: inline-block;
        cursor: pointer;
        transition:.35s all ease;
        font-size:15px;
    }
    #guardarmeta:hover {
        background: #333;
        transition:.35s all ease;
        color: #fff;
    }
    .imagendiv {
        float: none;
        width: 190px;
        position: relative;
        padding: 0 5%;
        margin-bottom: 2.5px;
        margin-top: 10px;
    }
    .image-upload>input {
      display: none;
    }
    .image-upload {
        width: auto;
        display: inline-block;
        position: absolute;
        left: 120px;
        top: -10px;
    }
    #descprod {
        height: 100px;
    }
    .image-upload img {
        width: 30px;
        cursor: pointer;
        transition: .35s all ease;
    }
    .image-upload img:hover {
        transition:.35s all ease;
        transform: scale(1.1);
    }
    
    .formgroup {
        width: 100%;
        float: left;
        text-align: left;
        font-weight: 500;
        color: #222;
        font-size: 12px;
        padding: 5px;
        margin-bottom:20px;
    }
    .formgroup.peq {
        width: 33%;
        float: right;
    }
    .formprod select {
        height: 40px;
        font-size: 13px;
        border-radius: 8px;
        border: 1px solid #ccc;
    }
    .formgroup.imgcont label {
        width: auto;
        position: relative;
        z-index: 1;
    }
    .addnew {
        float: right;
        margin-top: 20px;
        text-align: left;
        font-size: 14px;
        background: #72af00;
        background: linear-gradient(-45deg, #72af00, #72af00);
        border-radius: 10px;
        color: #fff;
        line-height: 1.2;
        padding-top: 0;
        cursor: pointer;
        padding: 0 20px 15px 10px;
        transition:.35s all ease;
    }
    .addnew:hover {
        background: linear-gradient(-45deg, #fd9827, #ffc56b);
        transition:.35s all ease;
    }
    #btneadd {
        padding: 10px;
        height: 30px;
        display: inline-block;
        font-size: 20px;
    }
    .formgroup.imgcont {
        padding: 5px 10px;
    }
    p.discimg {
        font-size: 9px;
        text-align: left;
        color: #ccc;
        padding: 0 !important;
        width: 100%;
        float: left;
        margin: 0 !important;
    }
    .imagendiv .image-upload label {
        background: #dae6ea;
        border-radius: 50%;
        padding: 10px;
        box-shadow: 1px 3px 10px #ccc;
        border: 3px solid #00b594;
    }
    .waiterror {
        color: red;
        font-weight: bold;
    }
    .formprod .inputerror {
        border: 2px solid #fd9797;
        border-radius: 8px;
    }
    #formhorarios .formgroup h4 {
        margin: 0;
        padding: 0;
        font-weight: bold;
        font-size: 15px;
        padding-top: 10px;
        text-align: left;
        width: 50%;
        padding-left: 10px;
        float: left;
    }
    .inicio, .fin {
        width: 50%;
        float: left;
        padding: 0 7.55px 20px;
    }
    #formhorarios .formgroup {
        width: 30%;
        float: left;
        text-align: left;
        font-weight: 500;
        color: #222;
        font-size: 12px;
        padding: 5px;
        border-radius: 16px;
        background: #eaeaea;
        margin: 1.33%;
    }
    .switch_box {
        display: inline-block;
        max-width: 50px;
        min-width: 50px;
        height: auto;
        float: none;
        display: inline-block;
    }
    /* Switch 1 Specific Styles Start */
    
    .disableday {
        background: #f5e0e0 !important;
    }
    .disableday .inicio, .disableday .fin {
        pointer-events: none;
        opacity: .6;
    }
    
    input[type="checkbox"].switch_1 {
        font-size: 22px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        width: 50px;
        height: 25px;
        background: #ddd;
        border-radius: 20px;
        position: relative;
        cursor: pointer;
        outline: none;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        min-height: 20px;
    }
      input[type="checkbox"].switch_1:checked{
        background: #72ac42;
      }
      input[type="checkbox"].switch_1::after {
        position: absolute;
        content: "";
        width: 33px;
        height: 33px;
        border-radius: 50%;
        background: #fff;
        -webkit-box-shadow: 0 0 .25em rgba(0,0,0,.3);
        box-shadow: 0 0 .25em rgba(0,0,0,.3);
        -webkit-transform: scale(.7);
        transform: scale(.7);
        left: -4.5px;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        top: -5px;
    }
    input[type="checkbox"].switch_1:checked::after {
        left: 20px;
    }
        
    /* Switch 1 Specific Style End */
    
    
    .switch {
        width: 50%;
        float: left;
        padding-top: 10px;
        text-align: right;
        padding-right: 10px;
        font-weight: 500;
        font-size: 11px;
    }
    .switch p {
        font-weight: 500;
        font-size: 11px;
        width: auto;
        float: none;
        /* text-align: right; */
        display: inline-block;
        padding: 5px;
        padding-right: 10px;
        transform: translateY(-7.5px);
    }
    .popUpHorarios .pocont {
        max-width: 1200px;
    }
    .fullcont {
        width: 100%;
        float: left;
        padding: 10px;
    }
    .fullcont #guardarmeta {
        max-width: 500px;
    }
    .timeselector {
        width: 120px;
    }
    .timeselector-item {
        width: 53.50px;
    }
    .timeselector-button {
        background: #fff;
        padding: 7px 7px;
    }
    #respuestadelete {
        width: 100%;
        position: fixed;
        bottom: -250px;
        left: 0;
        text-align: center;
        background: rgba(4, 64, 61, 0.9);
        padding: 20px 20px 10px;
        z-index: 9999;
        box-shadow: 1px 3px 14px #ccc;
        transition: 1s all ease;
    }
    #respuestadelete.openresp {
        bottom: 0px;
        transition:1s all ease;
    }
    #listamods {
        width: 100%;
        float: left;
        padding: 15px;
        border-radius: 16px;
        background: #f8f8f8;
        margin-top: 20px;
    }
    #listamods .platillo {
        width: 22%;
        float: left;
        border-radius: 8px;
        background: #e3e3e3;
        margin: 0 1.5% 30px;
        padding: 10px 10px 15px;
        color: #000;
        font-weight: bold;
        font-size: 15px;
        box-shadow: 1px 2px 8px #d2d2d2;
        border: 1px solid #e2e2e2;
    }
    .borrabtn {
        cursor: pointer;
    }
    #listamods .platillo p {
        font-weight: 500;
        font-size: 12px;
        padding: 10px;
        margin: 0;
        padding-top: 0;
        padding: 10px;
    }
    #addmodcont {
        width: 100%;
        float: left;
        padding: 10px;
        color: #222;
        font-weight: 500;
    }
    #listamods .borrabtn {
        position: absolute;
        right: 0;
        background: #fff;
        padding: 2.5px;
        border-radius: 50%;
        box-shadow: 1px 2px 6px #ccc;
        bottom: -8px;
        width: 30px;
        height: 30px;
    }
    #listamods .platillo {
        position: relative;
    }
	.imgprod {
		padding-top: 0;
		width: 60px;
		margin-bottom: 15px;
	}  
    </style>