Current File : /home/users/barii/public_html/finansenl.com.pl/system.fotomagnesy.pl/edycja.php
<?php 
session_start();
include('config.php');
$panel = new Panel();?>
<!DOCTYPE html>
<html style="overflow-y:hidden">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet">
 <?php if(!isset($_GET['plik'])){ ?>
<style>
    .wyborksztaltu {
        display: none !important;
    }
</style>
<?php } ?>
<?php

if($_GET['co']){
    if($_GET['co']=='imiennik' and explode('?',$_SERVER['REQUEST_URI'])[0]=='/naprasowanki') setcookie("OstatnioRobione",'naprasowanki');
    elseif($_GET['co']=='bombka' and explode('?',$_SERVER['REQUEST_URI'])[0]=='/bombkapcv') setcookie("OstatnioRobione",'bombkapcv');
    else setcookie("OstatnioRobione",$_GET['co']);
}                                           

if($_GET['co']=='imiennik'){
$_GET['wzory']=59;
$_GET['naklejki']=58;
}  
    
                                           
#PARAMETRY W ZALEŹNOŚCI OD RODZAJU PRODUKTU#
if($_GET['co']=='kalendarz'){
    $tekstx = '150';// x tekstu
    $teksty = '450';// y tekstu
    $tekstrozmiar = '42';// wielkosc tekstu
}elseif($_GET['co']=='poziom' or $_GET['co']=='pion'){
    $tekstx = '120';// x tekstu
    $teksty = '170';// y tekstu
    $tekstrozmiar = '30';// wielkoscA tekstu
}
else{
    $tekstx = '120';// x tekstu
    $teksty = '170';// y tekstu
    $tekstrozmiar = '15';// wielkoscA tekstu
}

    function katalog($val){
            
    $FoundFiles = array();
                $iterator = new DirectoryIterator('img/mini/'.$val);
                    foreach ($iterator as $fileinfo) {
                        if ($fileinfo->isFile()) {                                               
                            $FoundFiles[] = array( 
                                          "fileName" => $fileinfo->getFilename()
                                       ); 
                        }
                          
                    }
                    asort( $FoundFiles );
                    $i = 0;
                    foreach ( $FoundFiles  as $fileinfo) {
                        $i = $i + 1;

                            $xx =  explode('--',$fileinfo[fileName]);                                  
                            echo '<div class="zoom  dir'.str_replace('/thumb','',$val).' '.$xx[0].'">';

                            if ($i < 23) {
                            echo '<img src="img/mini/'.$val.'/'.$fileinfo[fileName].'" class="imgside';
                        } else {
                            echo '<img src="/img/load.gif" data-src="img/mini/'.$val.'/'.$fileinfo[fileName].'" class="imgside';
                        }

                            if($val == 'makiety') echo ' shadow_eff';
                            echo ' dir'.str_replace('/thumb','',$val).' '.$xx[0].'" onclick="dodajNaklejke(\'img/mini/'.str_replace('/thumb','',$val).'/'.$fileinfo[fileName].'\',';
                            if($val == 'makiety') echo '1,0,0';
                            else {
                              if (strpos($fileinfo[fileName], 'kalendarium') !== false) echo '\'kal\',300,200';
                              else echo '0.8,300,200';
                            }
                            echo ',\''.$val.'\')"></div>';
                    }
    }
$protocol = (!empty($_SERVER['HTTPS']) && $_SERVER['HTTPS'] !== 'off' || $_SERVER['SERVER_PORT'] == 443) ? "https://" : "http://";

// Get the hostname
$host = $_SERVER['HTTP_HOST'];

// Get the requested URI
$requestUri = $_SERVER['REQUEST_URI'];

// Combine the protocol, host, and URI to form the full URL
$currentUrl = $protocol . $host . $requestUri;
$_COOKIE["OstatnioRobione"] = $currentUrl;

?>                       
<head>
    <meta charset="UTF-8">
    <title>Fotomagnesy - kreator</title>     
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <script type="text/javascript" src="/js/fabric-old.js?ver=555" /*https://cdnjs.cloudflare.com/ajax/libs/fabric.js/2.4.3/fabric.min.js*/></script>   
    <script type="text/javascript" src="jquery.min.js?ver=555"></script>
    <script type="text/javascript" src="/js/text.js?ver=5555"></script>  
    <script type="text/javascript" src="/js/dodaj.php?ver=555"></script>
    <script src="/js/jscolor.js"></script>
    <link rel="icon" href="https://imagedelivery.net/k0we8Ffw4inDHUexaltfKw/d27335b9-3cdd-419d-b3db-bc71bf27eb00/w=32" sizes="32x32">
    <link rel="stylesheet" href="https://code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
    <script src="https://code.jquery.com/ui/1.11.2/jquery-ui.js?ver=555"></script>
        <script src="js/jquery.colorbox.js"></script>
    <link rel="stylesheet" href="/css/style.css?ver=55555534">
    <script src="//code.jquery.com/jquery-1.11.3.min.js?ver=555"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js?ver=555"></script>          
    <link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css?ver=555">
    <script src="https://code.jquery.com/jquery-1.10.2.js?ver=555"></script>    
    <script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js?ver=555"></script>
    <script type="text/javascript" src="/js/zapisanejson.js?<?php echo Date('YmdHi');?>"></script>
    <script type="text/javascript" src="editor.js?ver=555"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css?ver=555">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css?ver=555" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
                                                         
<?php
?>
           
  <script>
  
    
  $(document).bind('mousemove', function(e){             
        if(e.pageY<75 && e.pageY>50){
    if ($("#leftcol #tabs select:hover").length > 0) {
              $('#tail').css({
                 display: 'block', 
                   });
              }
              else{   
              $('#tail').css({
                 display: 'none'
                   });
              }    
        }
        
              else{   
              $('#tail').css({
                 display: 'none'
                   });
              }
                 
});  
function pobierzwgranezdjecia(){                                                       
          $.ajax({
                      url: 'pobierzwgranezdjecia.php',
                      success: function(data){
                            $('.tabs-4 .scrollbar').html(data);                      
                      }  
           }); 
           policzwgranezdjecia()
}    
function policzwgranezdjecia(){                                                       
          $.ajax({url: 'policzwgranezdjecia.php',success: function(data){$('.multizdjecia>span').html(data);}}); 
}
  
$.noConflict();
jQuery( document ).ready(function($) {    

    $('.tylkomobile').click(function(){
        $('.schowanemobile').show();
    });
    $('.tabs-4').on('click','.material-icons:not(.green)',function(){                       
        $.ajax({url: "/usunwgranyelement.php",type: 'POST', data: {usun: $(this).attr('rel')}});      
           policzwgranezdjecia();
    });
    $('body').on('click','.zamknijpopupzdjecia',function(){
    pobierzwgranezdjecia();
      $('.uploadzdjecie').hide();
      $('.popupzdjecia').remove();
      $('.zamknijpopupzdjecia').remove();
      $('.overlay').hide();
    });
    
    $('body').on('click','.fontfamily',function(){
        if($(this).hasClass('active')){
            $(this).removeClass('active');
        }
        else{
            $(this).addClass('active');
        }
    });
                          
    $('body').on('click','.multizdjecia',function(){
       pobierzwgranezdjecia();
       $('#tabs li').removeClass('active');
       $('#content1>div').removeClass('active');
       $('#content1>div').hide();
       $('.tabs-4').addClass('active');
       $('.tabs-4').show();
       //$('body').append('<iframe class="popupzdjecia" src="nowy-uploader.php"></iframe><i class="material-icons zamknijpopupzdjecia">cancel</i>');
    });
$('body').on('click', '.multizdjeciaadd', function() {
    // Dodaj overlay
     $('.overlay').show();
    // Dodaj popup
    $('body').append('<iframe class="popupzdjecia" src="nowy-uploader.php"></iframe><i class="material-icons zamknijpopupzdjecia">cancel</i>');
});

// Obsługa kliknięcia w overlay lub ikonę zamknięcia, aby zamknąć popup i usunąć overlay
$('body').on('click', '.overlay, .zamknijpopupzdjecia', function() {
    $('.popupzdjecia, .zamknijpopupzdjecia').remove();
    $('.overlay').hide();
});

    //$('.overwhite').delay(500).hide(0);                                       
    $('body').append('<div class="overwhite2" style="display:none"></a>');  
    
           $(".pcien").hide();
 
        init(897,897,'myCanvas');
       <?php if(!isset($_GET['nomenu'])) echo "$('div.wyborksztaltu').show();";
       else echo "$('div.wyborksztaltu').hide();
       $('.wybierz-ksztalt').hide();"?>    
   
    <?php if(isset($_GET['co']))echo "zmienKsztalt('".$_GET['co']."');\n";?>      
        $("#tabs ul li:nth-child(3)").addClass('active');
        
   $('.wyborksztaltu span').click(function(){ 

        $('.wybierz-ksztalt').hide();
        $('div.overwhite').show();    
        $('div.blur').addClass('active');
        var ksztalt = $(this).attr('rel');
        
        zmienKsztalt(ksztalt);
            
            
        $("#tabs ul li:nth-child(3)").addClass('active');
        //$('.wyborksztaltu').hide();
        $('.wyborksztaltu').hide();
        $('.otworzzmianeksztaltu').show();
   
        
        setTimeout(function(){
            try {    
                $('div.overwhite').hide();    
                $('div.blur').removeClass('active');
        //zwinpodpanel();
                                                             
            }
            catch(err) {
                //alert(err);
            }
            
        }, 500);        
   });
 
        $('.tlo').click(function(){
                zwinpodpanel();
                canvas.deactivateAll().renderAll();
        });
                           
        $('.uploadzdjecie .material-icons').click(function(){
                    $('.uploadzdjecie').hide();
                    $('.wgrajzdjecie').show();
        });
    
      
        
    $('#fileupload').change(function() {      
              $('#leftcol').removeClass('open');  
              $('text-areaeditor').removeClass('active');
                    $('.uploadzdjecie').hide();
                    $('li.wgrajzdjecie').show();
          $('.overwhite').show(); 
          $('div.blur').addClass('active');  
    var file_data = $('#fileupload').prop('files')[0];   
    var form_data = new FormData();                  
    form_data.append('file', file_data);                          
          $.ajax({
                      url: 'upload.php', // point to server-side PHP script 
                      dataType: 'text',  // what to expect back from the PHP script, if anything
                      cache: false,
                      contentType: false,
                      processData: false,
                      data: form_data,                         
                      type: 'post',
                      success: function(php_script_response){
                          dodajNaklejke2('https://<?php echo $_SERVER['HTTP_HOST']?>/'+php_script_response,0.3,0,0);
                          
                $(".tabs-3").addClass('active');   
                $(".tabs-3").show();
                $("#tabs ul li:nth-child(3)").addClass('active');
                          $('div.overwhite').hide();  
                          $('div.blur').removeClass('active');
                          $('.aaa').show();
                      }
           });  
           $('#fileupload').val('');
    });
    $('#fileupload2').change(function() { 
              $('#leftcol').removeClass('open');  
              $('text-areaeditor').removeClass('active');
                    $('.uploadzdjecie').hide();  
                    $('li.wgrajzdjecie').show();
          $('.overwhite').show();           
        $('div.blur').addClass('active');
    var file_data = $('#fileupload2').prop('files')[0];   
    var form_data = new FormData();                  
    form_data.append('file', file_data);                          
          $.ajax({
                      url: 'upload.php', // point to server-side PHP script 
                      dataType: 'text',  // what to expect back from the PHP script, if anything
                      cache: false,
                      contentType: false,
                      processData: false,
                      data: form_data,                         
                      type: 'post',
                      success: function(php_script_response){                                                               
                          dodajNaklejke2('https://<?php echo $_SERVER['HTTP_HOST']?>/'+php_script_response,0.3,0,0);       
                          $(".tabs-3").addClass('active');
                          $(".tabs-3").show();
                          $("#tabs ul li:nth-child(3)").addClass('active');
                          $('div.overwhite').hide();          
                          $('div.blur').removeClass('active');
                          $('.aaa').show();
                      }
           });   
           $('#fileupload2').val('');
    });
    $('#fileupload3').change(function() { 
              $('#leftcol').removeClass('open');
              $('text-areaeditor').removeClass('active');
                    $('.uploadzdjecie').hide();  
                    $('li.wgrajzdjecie').show();
          $('.overwhite').show();           
        $('div.blur').addClass('active');
    var file_data = $('#fileupload3').prop('files')[0];   
    var form_data = new FormData();                  
    form_data.append('file', file_data);                          
          $.ajax({
                      url: 'upload.php', // point to server-side PHP script 
                      dataType: 'text',  // what to expect back from the PHP script, if anything
                      cache: false,
                      contentType: false,
                      processData: false,
                      data: form_data,                         
                      type: 'post',
                      success: function(php_script_response){                                                               
                          dodajNaklejke2('https://<?php echo $_SERVER['HTTP_HOST']?>/'+php_script_response,0.3,0,0);       
                          $(".tabs-3").addClass('active');
                          $(".tabs-3").show();
                          $("#tabs ul li:nth-child(3)").addClass('active');
                          $('div.overwhite').hide();          
                          $('div.blur').removeClass('active');
                          $('.aaa').show();
                      }
           });   
           $('#fileupload3').val('');
    });

    $('text-areaeditor textarea').keyup(function(){
      zmientekst($(this).val());
    });


       


    
$('a.add_cart').click(function(){
                
                $('div.overwhite').show(); 
                $('div.blur').addClass('active');
                $('div.blur2').addClass('active');
                if($('.wrapper').hasClass('pion')){
                $('.rozmiarspan').html('<div class="the-select-size-container"><div class="the-select-size-header">Rozmiar magnesu:</div><div class="the-select-size-content"><span><input type="radio" name="rozmiar" value="5x7"> <i class="material-icons">photo_size_select_large</i><br>5x7 cm</span> <span><input type="radio" name="rozmiar" value="6x9"> <i class="material-icons">photo_size_select_large</i><br>6x9 cm</span> <span><input type="radio" name="rozmiar" value="7x10"> <i class="material-icons">photo_size_select_large</i><br>7x10 cm</span> <span><input type="radio" name="rozmiar" value="10x15"> <i class="material-icons">photo_size_select_large</i><br>10x15 cm</span> <span><input type="radio" name="rozmiar" value="14x21"> <i class="material-icons">photo_size_select_large</i><br>14x21 cm</span> <span><input type="radio" name="rozmiar" value="21x30"><i class="material-icons">photo_size_select_large</i><br>A4 (21x30 cm)</span></div></div>');
                }
                else if($('.wrapper').hasClass('poziom')){
                    $('.rozmiarspan').html('<div class="the-select-size-container"><div class="the-select-size-header">Rozmiar magnesu:</div><div class="the-select-size-content"><span><input type="radio" name="rozmiar" value="7x5"> <i class="material-icons">photo_size_select_large</i><br>7x5 cm</span> <span><input type="radio" name="rozmiar" value="9x6"> <i class="material-icons">photo_size_select_large</i><br>9x6 cm</span> <span><input type="radio" name="rozmiar" value="10x7"> <i class="material-icons">photo_size_select_large</i><br>10x7 cm</span> <span><input type="radio" name="rozmiar" value="15x10"> <i class="material-icons">photo_size_select_large</i><br>15x10 cm</span> <span><input type="radio" name="rozmiar" value="21x14"> <i class="material-icons">photo_size_select_large</i><br>21x14 cm</span> <span><input type="radio" name="rozmiar" value="30x21"> <i class="material-icons">photo_size_select_large</i><br>A4 (30x21 cm)</span></div></div>');
                }                               
                if($('.wrapper').hasClass('kartkapion')){
                $('.rozmiarspan').html('<div class="the-select-size-container"><div class="the-select-size-header">Rozmiar magnesu:</div><div class="the-select-size-content"><span><input type="radio" name="rozmiar" value="10x15"><i class="material-icons">photo_size_select_large</i><br>A6 (10x15 cm)</span> <span><input type="radio" name="rozmiar" value="14x21"><i class="material-icons">photo_size_select_large</i><br>A5 (14x21 cm)</span> <span><input type="radio" name="rozmiar" value="21x30"><i class="material-icons">photo_size_select_large</i><br>A4 (21x30 cm)</span></div></div>');
                }
                else if($('.wrapper').hasClass('kartkapoziom')){
                    $('.rozmiarspan').html('<div class="the-select-size-container"><div class="the-select-size-header">Rozmiar magnesu:</div><div class="the-select-size-content"><span><input type="radio" name="rozmiar" value="15x10"><i class="material-icons">photo_size_select_large</i><br>A6 (15x10 cm)</span> <span><input type="radio" name="rozmiar" value="21x14"><i class="material-icons">photo_size_select_large</i><br>21x15 cm</span> <span><input type="radio" name="rozmiar" value="30x21"><i class="material-icons">photo_size_select_large</i><br>A4 (30x21 cm)</span></div></div>');
                }
                else if($('.wrapper').hasClass('kwadrat')){
                    $('.rozmiarspan').html('<div class="the-select-size-container"><div class="the-select-size-header">Rozmiar magnesu:</div><div class="the-select-size-content"><span><input type="radio" name="rozmiar" value="5x5"> <i class="material-icons">photo_size_select_large</i><br>5 cm</span> <span><input type="radio" name="rozmiar" value="7x7"> <i class="material-icons">photo_size_select_large</i><br>7 cm</span> <span><input type="radio" name="rozmiar" value="10x10"> <i class="material-icons">photo_size_select_large</i><br>10 cm</span></div></div>');
                }
                else if($('.wrapper').hasClass('kolo')){
                    $('.rozmiarspan').html('<div class="the-select-size-container"><div class="the-select-size-header">Rozmiar magnesu:</div><div class="the-select-size-content"><span><input type="radio" name="rozmiar" value="5x5"> <i class="material-icons">photo_size_select_large</i><br>5 cm</span> <span><input type="radio" name="rozmiar" value="7x7"> <i class="material-icons">photo_size_select_large</i><br>7 cm</span> <span><input type="radio" name="rozmiar" value="10x10"> <i class="material-icons">photo_size_select_large</i><br>10 cm</span></div></div>');
                }
                else if($('.wrapper').hasClass('zkwadrat')){
                    $('.rozmiarspan').html('<div class="the-select-size-container"><div class="the-select-size-header">Rozmiar magnesu:</div><div class="the-select-size-content"><span><input type="radio" name="rozmiar" value="7x7"> <i class="material-icons">photo_size_select_large</i><br>7 cm</span> <span><input type="radio" name="rozmiar" value="10x10"> <i class="material-icons">photo_size_select_large</i><br>10 cm</span></div></div>');
                }
                else if($('.wrapper').hasClass('bombka')){
                    $('.rozmiarspan').html('<div class="the-select-size-container"><div class="the-select-size-header">Rozmiar magnesu:</div><div class="the-select-size-content"><span class="active"><input type="radio" name="rozmiar" value="8,7x10,3" checked> <i class="material-icons">photo_size_select_large</i><br>10 cm</span></div></div>');
                }
                else if($('.wrapper').hasClass('bombkapcv')){
                    $('.rozmiarspan').html('<div class="the-select-size-container"><div class="the-select-size-header">Rozmiar magnesu:</div><div class="the-select-size-content"><span><input type="radio" name="rozmiar" value="6,5x7,7"> <i class="material-icons">photo_size_select_large</i><br>7 cm</span></div></div>');
                }  
                else if($('.wrapper').hasClass('zkolo')){
                    $('.rozmiarspan').html('<div class="the-select-size-container"><div class="the-select-size-header">Rozmiar magnesu:</div><div class="the-select-size-content"><span><input type="radio" name="rozmiar" value="7x7"> <i class="material-icons">photo_size_select_large</i><br>7 cm</span> <span><input type="radio" name="rozmiar" value="10x10"> <i class="material-icons">photo_size_select_large</i><br>10 cm</span></div></div>');
                }
                else if($('.wrapper').hasClass('serce')){
                    $('.rozmiarspan').html('<div class="the-select-size-container"><div class="the-select-size-header">Rozmiar magnesu:</div><div class="the-select-size-content"><span><input type="radio" name="rozmiar" value="5x4,5"> <i class="material-icons">photo_size_select_large</i><br>5 cm</span> <span><input type="radio" name="rozmiar" value="7x6,3"> <i class="material-icons">photo_size_select_large</i><br>7 cm</span> <span><input type="radio" name="rozmiar" value="10x9"> <i class="material-icons">photo_size_select_large</i><br>10 cm</span></div></div>');
                }   
                else if($('.wrapper').hasClass('roczek')){
                    $('.rozmiarspan').html('<div class="the-select-size-container"><div class="the-select-size-header">Rozmiar magnesu:</div><div class="the-select-size-content"><span><input type="radio" name="rozmiar" value="7x9,8"> <i class="material-icons">photo_size_select_large</i><br>9,5 x 6,5</span></div></div>');
                }     
                else if($('.wrapper').hasClass('imiennik')){
                    $('.rozmiarspan').html('<input type="radio" name="rozmiar" value="1,3x4,6" checked>');
                }       
                else if($('.wrapper').hasClass('spioszki')){
                    $('.rozmiarspan').html('<div class="the-select-size-container"><div class="the-select-size-header">Rozmiar magnesu:</div><div class="the-select-size-content"><span><input type="radio" name="rozmiar" value="7,1x9,8"> <i class="material-icons">photo_size_select_large</i><br>7,1x9,8</span></div></div>');
                } 
                else if($('.wrapper').hasClass('zserce')){
                    $('.rozmiarspan').html('<div class="the-select-size-container"><div class="the-select-size-header">Rozmiar magnesu:</div><div class="the-select-size-content"><span><input type="radio" name="rozmiar" value="7x6,3"> <i class="material-icons">photo_size_select_large</i><br>7 cm</span> <span><input type="radio" name="rozmiar" value="10x9"> <i class="material-icons">photo_size_select_large</i><br>10 cm</span></div></div>');
                }      
                else if($('.wrapper').hasClass('polaroid')){
                    $('.rozmiarspan').html('<div class="the-select-size-container"><div class="the-select-size-header">Rozmiar:</div><div class="the-select-size-content"><span><input type="radio" name="rozmiar" value="7,5x10"> <i class="material-icons">photo_size_select_large</i><br>7,5x10 cm</span></div></div> ');
                }      
                else if($('.wrapper').hasClass('mis')){
                    $('.rozmiarspan').html('<div class="the-select-size-container"><div class="the-select-size-header">Rozmiar:</div><div class="the-select-size-content"><span><input type="radio" name="rozmiar" value="6,5x10"> <i class="material-icons">photo_size_select_large</i><br>6,5x10 cm</span></div></div> ');
                }     
                else if($('.wrapper').hasClass('butelka')){
                    $('.rozmiarspan').html('<div class="the-select-size-container"><div class="the-select-size-header">Rozmiar:</div><div class="the-select-size-content"><span><input type="radio" name="rozmiar" value="5,3x10"> <i class="material-icons">photo_size_select_large</i><br>5,3x10 cm</span></div></div> ');
                }
                else if($('.wrapper').hasClass('etykietaserce')){
                    $('.rozmiarspan').html('<div class="the-select-size-container"><div class="the-select-size-header">Rozmiar etykiety:</div><div class="the-select-size-content"><span><input type="radio" name="rozmiar" value="8x11,7"> <i class="material-icons">photo_size_select_large</i><br>8x12 cm</span></div></div> ');
                }         
                else if($('.wrapper').hasClass('kalendarz')){
                    $('.rozmiarspan').html('<div class="the-select-size-container"><div class="the-select-size-header">Rozmiar etykiety:</div><div class="the-select-size-content"><span><input type="radio" name="rozmiar" value="21x30"> <i class="material-icons">photo_size_select_large</i><br>A4</span></div></div> ');
                }     
                else if($('.wrapper').hasClass('stopka')){
                    $('.rozmiarspan').html('<div class="the-select-size-container"><div class="the-select-size-header">Rozmiar etykiety:</div><div class="the-select-size-content"><span><input type="radio" name="rozmiar" value="6,4x9,5"> <i class="material-icons">photo_size_select_large</i><br>6,4x9,5</span></div></div> ');
                }    
                
                $('div.podsumowanie').show();
                
                 
   $(".podsumowanie p.rozmiarspan span").click(function(){
      $(".podsumowanie p.rozmiarspan span input").prop( "checked", false );     
      $(".podsumowanie p.rozmiarspan span").removeClass('active');
      $(this).find('input').prop( "checked", true );                        
      $(this).addClass('active');
   });
                
            });

    
            $('.dodajost').click(function(){
            
                $('div.overwhite').show();  
                $('div.blur').addClass('active');
            
                if (obj = canvas.getActiveObject()){
                canvas.getActiveObject().hasControls = canvas.getActiveObject().hasBorders = false; }
                canvas.renderAll();       
                  
                
          var rect = new fabric.Rect({ width: 3000, height: 3000, fill:'#fff'});
          rect.globalCompositeOperation = 'destination-over';
          canvas.add(rect);
          canvas.item(0).selectable = false;                 
                   Zapisz();          
                
                if($('#quantity').val() && $("input[name='rozmiar']:checked").val()){
                
            $('.podsumowanie').hide();
                          var dataURL = canvas.toDataURL({
                              format: 'jpeg',
                              quality: 1,
                          });      
                          
                          <?php if($_GET['co']=='imiennik' and explode('?',$_SERVER['REQUEST_URI'])[0]=='/naprasowanki'){?>if($(this).hasClass("kolejny")) var urll = "/naprasowanki";<?php }elseif($_GET['co']=='imiennik'){?>if($(this).hasClass("kolejny")) var urll = "/imiennik";<?php } else{?>if($(this).hasClass("kolejny")) var urll = "<?php echo $_SERVER['REQUEST_URI']; ?>";<?php }?>
                          else var urll = "/koszyk.php";
                                               
                          $.ajax({
                                url: "/add.php",
                                type: 'POST', 
                                data: { 
                                   imgBase64: dataURL,
                                   targetimage: $('#target').attr('src'), 
                                   ilosc: $('#quantity').val(),
                                   ksztalt: $('.ksztalt').val(),
                                   podksztalt: $('.podksztalt').val(),
                                   rozmiar: $("input[name='rozmiar']:checked").val(), 
                                   ses: $('#ses').val()
                                },              
                                success: function(data)
                                {       
                                      //console.log(data);
                                      
                                      window.location.href = urll;
                                }
                              }).done(function(o) {
                                //console.log('saved'); 
                              });
                    }
                    else{
                        if(!$("input[name='rozmiar']:checked").val()) { 
                              $('.rozmiarspan').css("border","2px solid #C21033");
                        }
                        if(!$('#quantity').val()) {
                              $('#quantity').css("border","2px solid #C21033");
                        }
                    }
          
          });
          
          
  $(".zmienorientacje").click( function() {
        ZmienOrientacje();
  });
  

    $('li.usunelement a').click(function(){
        removeit();
    }); 
          
  $('#scale-control').on("input change", function() {
        if (obj = canvas.getActiveObject()) {
          obj.scale(parseFloat(this.value)).center();
          canvas.renderAll();
        }
  });

          $('.podsumowanie .material-icons.cl ').click(function(){
                $('div.podsumowanie').hide();
                $('div.overwhite').hide();
                $('div.blur').removeClass('active');
          });

          $('.menutope').click(function(){
              $('close-area').show();
              $('#leftcol').addClass('open');  
              $('text-areaeditor').removeClass('active');
          });   
          $('close-area').click(function(){
              $('#leftcol').removeClass('open');
              $('close-area').hide();
          });
          
          $('.menutope.tbnakl').click(function(){ 
                $("#tabs ul li").removeClass('active');
                $("#content1>div").removeClass('active');
                $("#content1>div").hide();
                $(".tabs-1").addClass('active');
                $("#tabs ul li:nth-child(1)").addClass('active');
                $(".tabs-1").show();     
          }); 
          $('.menutope.tbozd').click(function(){ 
                $("#tabs ul li").removeClass('active');
                $("#content1>div").removeClass('active');
                $("#content1>div").hide();
                $(".tabs-2").addClass('active');
                $("#tabs ul li:nth-child(2)").addClass('active');
                $(".tabs-2").show();    
          });
          $('.menutope.tbram').click(function(){ 

                $("#tabs ul li").removeClass('active');
                $("#content1>div").removeClass('active');
                $("#content1>div").hide();
                $(".tabs-3").addClass('active');
                $("#tabs ul li:nth-child(3)").addClass('active');
                $(".tabs-3").show();    
                
          });
          
          
          /*$('.menutope i').click(function(){
              if($(this).html()=='menu'){
              $(this).html('close');
              $('#leftcol').addClass('open');
              }
              else{
              $(this).html('menu');
              $('#leftcol').removeClass('open');
              }
          }); */
          
          $('.otworzzmianeksztaltu').click(function(){
              
        $('.wyborksztaltu').show();
        $('.otworzzmianeksztaltu').hide();
          }); 
                               

          
          <?php if($_GET['wzory']) {?>
          $('.tlakat').val('<?php echo $_GET['wzory'];?>'); 
          $('.dirtla').removeClass('pokazaneklientowi');
          $('.dirtla').hide();        
          $('.dirtla._kat<?php echo $_GET['wzory'];?>' ).addClass('pokazaneklientowi');       
          $('.dirtla._kat<?php echo $_GET['wzory'];?>' ).show();  
          
          <?php
          if(isset($_GET['wzor'])) echo "dodajNaklejke('/elementy/dodatki/".$_GET['wzor'].".png',0,0,0,'ramki');";
           }?>  
           
           
          <?php if($_GET['naklejki']) {;?>
          $('.motywykat').val('<?php echo $_GET['naklejki'];?>'); 
          $('.dirozdobniki').hide();        
          $('.dirozdobniki._kat<?php echo $_GET['naklejki'];?>' ).show();     
          
          <?php
          if(isset($_GET['wzor'])) echo "dodajNaklejke('/elementy/dodatki/".$_GET['wzor'].".png',0,0,0,'ramki');";
           }?>
           
           
          <?php if($_GET['ozdobniki']) {;?>
           $('.ozdobnikikat').val('<?php echo $_GET['ozdobniki'];?>'); 
          $('.dirozdobniki').hide();        
          $('.dirozdobniki._kat<?php echo $_GET['ozdobniki'];?>' ).show();        
          <?php }?>
          
           
          <?php if($_GET['tekst1'] and $_GET['co']=='imiennik') {?>
              <?php if($_GET['tekst2']) {?> dodaj3('<?php echo $_GET['tekst1'];?>',430,-80,'Amatic SC',130,'#000000','center');<?php }else{ ?>dodaj3('<?php echo $_GET['tekst1'];?>',430,-30,'Amatic SC',140,'#000000','center');<?php } ?>
              dodaj3('<?php echo $_GET['tekst2'];?>',430,60,'Amatic SC',90,'#000000','center');
          <?php } ?>
              
    var ctrlDown = false,
        ctrlKey = 17,
        cmdKey = 91,
        vKey = 86,
        cKey = 67;

    $(document).keydown(function(e) {
        if (e.keyCode == ctrlKey || e.keyCode == cmdKey) ctrlDown = true;
    }).keyup(function(e) {
        if (e.keyCode == ctrlKey || e.keyCode == cmdKey) ctrlDown = false;
    });
    
    // Document Ctrl + C/V 
    $(document).keydown(function(e) {
        if (ctrlDown && (e.keyCode == cKey)) {
            var zaimportowane = canvas.toDatalessJSON();
            delete zaimportowane.objects[0];             
            delete zaimportowane.overlayImage;                                     
            $.ajax({url: 'js/skopiuj.php',type:'POST',data:{'import':JSON.stringify(zaimportowane)},success: function(data){/*alert(data);*/}}); 
        }
        if (ctrlDown && (e.keyCode == vKey)){     
            var z_ramka = canvas.toDatalessJSON();
            $.ajax({url: 'js/wklej.php',success: function(data){ 
                    data = JSON.parse(data);                   
                    data2 = data.objects.push(z_ramka.objects[0]);    
                    try {
                            canvas.loadFromJSON(data);
                            canvas.renderAll();
                    }catch(err) {
                            
                    } 
                    canvas.deactivateAll().renderAll();     
            }}); 
        }
    });
          
});
  </script>     
</head>
<body class="body-bg"
data-show-upload-options="<?= trim($_SERVER['SERVER_NAME']) == 'prolabel.pl' ? 'true' : 'false' ?>"
data-show-shape-select="<?= !isset($_GET['nomenu']) ? 'true' : 'false' ?>"
data-wzory="<?= isset($_GET['wzory']) ? $_GET['wzory'] : '' ?>"
data-wzor="<?= isset($_GET['wzor']) ? $_GET['wzor'] : '' ?>"
data-naklejki="<?= isset($_GET['naklejki']) ? $_GET['naklejki'] : '' ?>"
data-ozdobniki="<?= isset($_GET['ozdobniki']) ? $_GET['ozdobniki'] : '' ?>"
data-tekst1="<?= isset($_GET['tekst1']) ? $_GET['tekst1'] : '' ?>"
data-tekst2="<?= isset($_GET['tekst2']) ? $_GET['tekst2'] : '' ?>"
data-co="<?= isset($_GET['co']) ? $_GET['co'] : '' ?>"
data-show-shape-menu="<?= !isset($_GET['nomenu']) ? 'true' : 'false' ?>"
data-shape="<?= isset($_GET['co']) ? $_GET['co'] : '' ?>"
data-host="<?= $_SERVER['HTTP_HOST'] ?>"

>    
      <?php if(isset($_GET['plik'])){?><div class="logs"><a onclick="Logi()">Zapisz pozycje</a></div><div class="logs"><a onclick="Logi()" class="the-block01">Zapisz do całej kategorii</a></div><?php }?>
       <div class="blur">
            <img src="/img/wybierz-ksztalt.png" style="display:none;"class="wybierz-ksztalt">
            <div class="tlo"></div>
<!--a class="menutope"><i class="material-icons">menu</i></a-->    


<a    <?php if (count($_SESSION[KOSZYK]) > 0) { ?> id="modalOpen" <?php } ?> class="add_cart2 loading2" ><i class="material-icons">shopping_cart</i> (<?php echo count($_SESSION[KOSZYK])?>)</a>
<i class="material-icons otworzzmianeksztaltu" title="zmień kształt magnesu" style="display:none">aspect_ratio</i>
    <div id="menu" class="boxshadow">    
        <a <?php if($_SERVER['HTTP_HOST']!='www.allegroserca.fotomagnesy.pl'){?>href="https://www.system.fotomagnesy.pl" <?php }?>><img src="/img/fotomagnesy_new_logo.png" class="logo the-block02"></a>
        <ul>                                                                                                                          
            <?php if($_GET['co']=='pion'){?><li class=""><a href="/poziom?wzory=<?php echo $_GET['wzory']?>"><i class="material-icons">screen_rotation</i> Zmień orientację magnesu</a></li>      <?php }?> 
            <?php if($_GET['co']=='poziom'){?><li class=""><a href="/pion?wzory=<?php echo $_GET['wzory']?>"><i class="material-icons">screen_rotation</i> Zmień orientację magnesu</a></li>      <?php }?> 
            <?php if($_GET['co']=='kartkapion'){?><li class=""><a href="/kartkapoziom?wzory=<?php echo $_GET['wzory']?>&wzor=20181114170009"><i class="material-icons">screen_rotation</i> Zmień orientację magnesu</a></li>      <?php }?> 
            <?php if($_GET['co']=='kartkapoziom'){?><li class=""><a href="/kartkapion?wzory=<?php echo $_GET['wzory']?>&wzor=20181114123209"><i class="material0poicons">screen_rotation</i> Zmień orientację magnesu</a></li>      <?php }?>
            <!--li class=" aaa" style="display:none;"><a onclick="launchEditor('target')"><i class="material-icons">photo_filter</i> Edycja zdjęcia</a></li>       
            <li class=" aaa" style="display:none;"><a onclick="launchEditor('target')"><i class="material-icons">crop</i> Kadrowanie zdjęcia</a></li-->      
            <li class=""><a onclick="dodaj('tutaj wpisz swój tekst',<?php echo $tekstx;?>,<?php echo $teksty;?>,'Arial',<?php echo $tekstrozmiar;?>,'#000000','center');"><i class="material-icons">playlist_add</i> Dodaj tekst</a></li>    
            <li class="wgrajzdjecie"><a><i class="material-icons">file_upload</i> Wgraj zdjęcia<input id="fileupload2" type="file" name="files[]" multiple></a></li>  
            <!--li class="usunelement"><a><i class="material-icons">clear</i> Usuń element</a></li-->
        </ul>
         <a class="add_cart button /*loading2*/"><i class="material-icons">add_shopping_cart</i> Dodaj do koszyka</a>
    </div>
    <div class="podpanel boxshadow" style="display:none">
                <div class="zdjecie min"><input type="range" id="scale-control" value="1" min="0.5" max="10" step="0.1"><span>Skalowanie zdjęcia</span></div>
                <div class="text">  
                <div class="minn fontfamily"><span class="the-block03">wybierz czcionkę</span>
                        <div class="rodzajczcionki">
                            <?php
                            foreach($czcionkiall as $val){
                                echo '<p onclick="fontfamilyit(\''.$val.'\')" style="font-family:\''.$val.'\', cursive;">'.$val.'</p>';
                            }
                            ?>
                        </div>
                </div>
                
                <div class="schowanemobile">
                <div class="min bold"><i class="material-icons">format_bold</i><span>Pogrubienie</span></div>     
                <div class="min italic"><i class="material-icons">format_italic</i><span>Kursywa</span></div>
                <div class="min underline"><i class="material-icons">format_underlined</i><span>Podkreślenie</span></div>
                <div class="min aleft"><i class="material-icons">format_align_left</i><span>Wyrównanie do lewej</span></div>          
                <div class="min acenter"><i class="material-icons">format_align_center</i><span>Wyśrodkowanie</span></div>     
                <div class="min aright"><i class="material-icons">format_align_right</i><span>Wyrównanie do prawej</span></div>       
                <div class="min ajustify"><i class="material-icons">format_align_justify</i><span>Wyjustowanie</span></div>
                                                                                                    
                <div class="min"><i class="material-icons">format_line_spacing</i><div class="odstepy"><img src="/img/dym.png" class="dym">Wysokość wiersza<br /><input type="range" value="10" onchange="zmienLineHeight(this.value);" class="plineheight" min="1" max="1500" step="1"></div></div>     
                                            
                <div class="minn"><div class="pcien"><img src="/img/dym.png" class="dym">
                
            <span class="the-block04">Cień (przesuniecie)</span>  
            <input type="range" value="3" onchange="zmiencien(this.value);" class="rangetop" min="1" max="15" step="1"><br>
             <span class="the-block05">Cień (rozmycie)</span> 
            <input type="range" value="2" onchange="zmiencienblur(this.value);" class="rangeblur" min="1" max="20" step="1">
                </div></div>

                <div class="min shadowd"><i class="fab fa-goodreads" class="the-block06"></i><span>Cień</span></div><div class="min shadowl"><i class="fab fa-goodreads-g" class="the-block06"></i><span>Poświata</span></div>        
                <div class="min "><input id="color" class="jscolor" style="text-indent:-1000px"  value="000000"><span>Kolor czcionki</span></div>  </div>    
    </div>
                <div class="min totop"><i class="material-icons">layers</i><i class="fas fa-level-up-alt the-block07" ></i><span>Przesuń o warstwę wyżej</span></div>   
                <div class="min toback"><i class="material-icons">layers</i><i class="fas fa-level-down-alt the-block08" style=""></i><span>Przesuń o warstwę niżej</span></div>   
                <div class="min rotateitleft"><i class="material-icons">rotate_left</i><span>Obróc w lewo</span></div>   
                <div class="min rotateitright"><i class="material-icons">rotate_right</i><span>Obróc w prawo</span></div>    
             
                <div class="min remove"><i class="material-icons" style="color:red">delete_forever</i><span>Usuń</span></div></div>
       
       <img src="" id="target" style="display:none">
    <input type="hidden" value="" class="ksztalt">  
    <input type="hidden" value="" class="wzor">
    <div class="wyborksztaltu" style="padding:50px;/*background:none;box-shadow:none;width:100px;top:100px;right:0px;margin:0px;left:auto*/">
          <span class="wybor kwadrat" rel="kwadrat"></span>
          <span class="wybor kolo" rel="kolo"></span>
          <span class="wybor serce" rel="serce"></span>  
          <span class="wybor roczek" rel="roczek"></span>    
          <span class="wybor pion" rel="pion"></span>     
          <span class="wybor poziom" rel="poziom"></span>
          <span class="wybor zpion" rel="zpion"></span>     
          <span class="wybor zkwadrat" rel="zkwadrat"></span>
          <span class="wybor zkolo" rel="zkolo"></span>          
          <span class="wybor zserce" rel="zserce"></span> 
          <span class="wybor etykietaserce" rel="etykietaserce"></span>    
          <span class="wybor kalendarz" rel="kalendarz"></span>    
          <span class="wybor stopka" rel="stopka"></span>    
          <span class="wybor bombka" rel="bombka"></span>
          <span class="wybor polaroid" rel="polaroid"></span>
          <span class="wybor butelka" rel="butelka"></span>
          <span class="wybor mis" rel="mis"></span>
          <span class="wybor imiennik" rel="imiennik"></span> 
          <span class="wybor spioszki" rel="spioszki"></span>
    </div>
    
    
    <div class="uploadzdjecie" style="display:none"><i class="material-icons">cancel</i><h2>Wgraj zdjęcie</h2><input id="fileupload" type="file" name="files[]" multiple></div>
    
    
    <div id="tail">kliknij by rozwinąć listę</div>
                   
    <div class="wrapper">
    <canvas id="myCanvas"></canvas>
    <div class="wynik"></div></div> 

    <div id="leftcol" class="boxshadow">        
    <?php if($_GET['co']!='imiennik'){?><div class="multizdjecia"><span></span><i class="material-icons">collections</i></div><?}?>
    <div id="tabs" class="/*w50*/">
        <ul>
          <li ><a data-id="1" href="#">Naklejki</a></li>            
          <li ><a data-id="2" href="#">Ozdobniki</a></li>       
          <li ><a data-id="3" href="#">Ramki</a></li> 
        </ul>
        <div id="content1">
        <div class="tabs-1 tabs-container"> 
                      <div class="top-select-tab-container">                               
         <span class="the-block09">Kategoria:</span><select  class="motywykat the-block10">
                      <option value="0">Wybierz ...</option>
                      <?php 
                      
    $sql = "SELECT * FROM `kategorie` WHERE rodzaj='1' ORDER BY 'sort' ASC";
    $res = mysql_query($sql);
    while($row = mysql_fetch_array($res)){
        echo '<option value="'.$row['id'].'">'.$row['nazwa'].'</option>';
    } 
                      ?>  
              </select>  
</div>

        <div  class="scrollbar" id="style-1">
           <?php
           $panel ->Elementy2(1);
           
           ?></div>
        </div>       
        <div class="tabs-2 tabs-container">     
              <div class="top-select-tab-container">  
                      <span class="the-block09">Kategoria:</span><select  class="ozdobnikikat the-block10">
                      <option value="0">Wybierz...</option>
                      <?php 
                      
    $sql = "SELECT * FROM `kategorie` WHERE rodzaj='2' ORDER BY 'sort' ASC";
    $res = mysql_query($sql);
    while($row = mysql_fetch_array($res)){
        echo '<option value="'.$row['id'].'">'.$row['nazwa'].'</option>';
    } 
                      ?>
              </select>   
              </div>                                                  
              <div  class="scrollbar" id="style-1">
           <?php
           $panel ->Elementy2(2);
           
           ?></div>   
                                                                               
        </div>   
        <div class="tabs-3 tabs-container active" style="display: block;" >     
              <div class="top-select-tab-container">  
                      <span class="openkat the-block09" >Kategoria:</span><select class="tlakat the-block10">
                      <option value="0">Wybierz...</option>
                      <?php 
                      
    $sql = "SELECT * FROM `kategorie` WHERE rodzaj='3' ORDER BY 'sort' ASC";
    $res = mysql_query($sql);
    while($row = mysql_fetch_array($res)){
        echo '<option value="'.$row['id'].'">'.$row['nazwa'].'</option>';
    } 
                      ?>
              </select> 
              </div>            
                           
              <div  class="scrollbar" id="style-1">
              <?php $panel ->Elementy(3,0);?>
    </div>
                                                                              
        </div>
        <?php if($_GET['co']!='imiennik'){?><div class="tabs-4">
        <div class="multizdjeciaadd"><i class="material-icons">add_photo_alternate</i> dodaj zdjęcia</div><div  class="scrollbar" id="style-1">  
        <div style="margin:0 -10px;"><?php foreach($_SESSION['zdjecia'] as $val){
            echo '<img src="/upload2/'.$val.'" onclick="dodajNaklejke2(\'https://'.$_SERVER['HTTP_HOST'].'/upload2/'.$val.'\',0.3,0,0);" class="imgside"> ';
        }?></div>
        </div></div><?php }?>
    </div>          
    </div>     
    </div>
    </div>

</div>        
    <div class="overwhite" style="display:none !important;">
        <div class="loading5">

            <img src="/img/fotomagnesy_new_logo.png" class=" bounce">


        </div>


    </div>
<?php if($_GET['co']=='imiennik' and !isset($_GET['wzor'])){
echo '<div class="podsumowanie" style="width:90%;height:90%;display:block;background:#F1F1F1;padding:0px;margin:5%;top:0;left:0"><i class="material-icons cl">highlight_off</i><iframe style="overflow-x:hidden;border:0px;width:100%;height:100%;overflow:auto" src="/imiennik-fast.php?coto='.str_replace('/','',$_SERVER['REQUEST_URI']).'"></iframe></div>';
}?>


        <div class="podsumowanie"><br><input type="hidden" value="" class="ksztalt"><i class="material-icons cl">close</i><h3>Wybierz rozmiar i ilość</h3>
          <p>Ilość sztuk:<br>
          <?php if($_GET['co']=='imiennik' and explode('?',$_SERVER['REQUEST_URI'])[0]=='/naprasowanki'){?>
          <input type="hidden" value="naprasowanki" class="podksztalt">
          <select id="quantity" style="">
              <option value="">...</option><option value="50" selected>50</option><option value="100">100</option><option value="150">150</option><option value="200" >200</option><option value="250">250</option><option value="300" >300</option><option value="350">350</option><option value="400" >400</option><option value="450">450</option><option value="500" >500</option><option value="550">550</option><option value="600">600</option><option value="650">650</option><option value="700" >700</option><option value="750">750</option><option value="800">800</option><option value="850">850</option><option value="900" >900</option><option value="950">950</option><option value="1000">1000</option>
            </select>
          <?php }elseif($_GET['co']=='imiennik'){?>
          <select id="quantity" style="">
              <option value="">...</option><option value="100" selected>100</option><option value="200" >200</option><option value="300" >300</option><option value="400" >400</option><option value="500" >500</option><option value="600">600</option><option value="700" >700</option><option value="800" >800</option><option value="900" >900</option><option value="1000">1000</option>
            </select>
          <?php } else{
            echo '<select id="quantity" style="">';
echo '<option value="">...</option>'; // Default option or placeholder

for ($i = 1; $i <= 1000; $i++) {
    echo "<option value='$i'>$i</option>";
}

echo '</select>';

          
          }
          ?>
          </p>         
          <p class="rozmiarspan"></p>
          <!--p>Rozmiar magnesu: <select id="rozmiar"></select></p-->
          <input type="hidden" name="ses" id="ses" value="<?php echo $image;?>">  
          <p class="submit-buttons-container"> 
            <button class="dodajost kolejny" style="margin:10px 0px;padding:10px 64px;background:#00B9FF">Zapisz i utwórz kolejny</button>

            <button class="dodajost" style="padding:10px 30px">Zapisz i przejdź do podsumowania</button></p>
    </div>

<close-area style="display:none"><i class="material-icons">close</i></close-area>     
<text-areaeditor ><textarea class="textarea_the_box" style="margin-right:0px"></textarea><div class="zwin_panel_ok" onclick="zwinpodpanel()" ><i class="material-icons">done</i></div></text-areaeditor>
<editor-controls><navigation-bar class="ng-tns-c3-11 ng-trigger ng-trigger-navAnimation ng-star-inserted" style="display: block;"><div class="scroll-container scroll-container-x" customscrollbar=""> <ul>            
            <li class="menutope tbram"><a data-id="3" ><i class="material-icons">filter_frames</i><br />Ramki</a></li>                                                                                                              
            <?php if($_GET['co']=='pion'){?><li class=""><a href="/poziom?wzory=<?php echo $_GET['wzory']?>"><i class="material-icons">screen_rotation</i><br />Zmień orientację</a></li>      <?php }?> 
            <?php if($_GET['co']=='poziom'){?><li class=""><a href="/pion?wzory=<?php echo $_GET['wzory']?>"><i class="material-icons">screen_rotation</i><br />Zmień orientację</a></li>      <?php }?> 
            <?php if($_GET['co']=='kartkapion'){?><li class=""><a href="/kartkapoziom?wzory=<?php echo $_GET['wzory']?>&wzor=20181114170009"><i class="material-icons">screen_rotation</i><br />Zmień orientację magnesu</a></li>      <?php }?> 
            <?php if($_GET['co']=='kartkapoziom'){?><li class=""><a href="/kartkapion?wzory=<?php echo $_GET['wzory']?>&wzor=20181114123209"><i class="material-icons">screen_rotation</i><br />Zmień orientację magnesu</a></li>      <?php }?>  
            <li class=""><a onclick="dodaj('tutaj wpisz swój tekst',<?php echo $tekstx;?>,<?php echo $teksty;?>,'Arial',<?php echo $tekstrozmiar;?>,'#000000','center');"><i class="material-icons">playlist_add</i><br />Dodaj tekst</a></li>    
            <li class=" wgrajzdjecie" style="display:inline-block"><a><i class="material-icons">file_upload</i><br />Wgraj zdjęcia<input id="fileupload3" type="file" name="files[]" multiple=""></a></li>
            <li class="menutope tbnakl"><a data-id="1" ><i class="material-icons">face</i><br />Naklejki</a></li>
            <li class="menutope tbozd"><a data-id="2" ><i class="material-icons">format_shapes</i><br />Ozdobniki</a></li>
        </ul></div></navigation-bar></editor-controls>

<script type="text/javascript">     
(function($) {       
    $(window).load(function() { // czekamy, aż załaduje się cała strona
          <?php if(trim($_SERVER['SERVER_NAME']) == 'prolabel.pl'){  ?>
                $('li.wgrajzdjecie').show();
                 $('.uploadzdjecie').hide();
          <?php }?>    
          $('.overwhite').delay(0).hide(0);                
          <?php if(!isset($_GET['nomenu'])) echo "$('.wybierz-ksztalt').delay(200).show();";?>
       pobierzwgranezdjecia();   


    });
})(jQuery) 
</script>    
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.1/jquery.min.js?ver=555" integrity="sha512-nhY06wKras39lb9lRO76J4397CH1XpRSLfLJSftTeo3+q2vP7PaebILH9TqH+GRpnOhfAGjuYMVmVTOZJ+682w==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="/js/columnstojs.js?ver=555"></script> 
<div class="overlay" style="display: none;"></div>
</body>
</html>


<script type="text/javascript">
    if (document.getElementById("modalOpen")) {
    document.getElementById("modalOpen").onclick = function() {
  document.getElementById("myModal").style.display = "block";
  document.getElementById("modalIframe").src = "https://www.system.fotomagnesy.pl/koszyk.php"; // Set the iframe src to the desired URL
};

document.addEventListener("DOMContentLoaded", function() {
  document.getElementById("closeModal").onclick = function() {
    document.getElementById("myModal").style.display = "none";
  };
    document.getElementById("the2").onclick = function() {
    document.getElementById("myModal").style.display = "none";
  };
});

window.addEventListener("message", function(event) {
  // Sprawdź pochodzenie wiadomości, aby upewnić się, że jest bezpieczna
  if (event.origin !== "https://www.system.fotomagnesy.pl") { // Zmień na właściwą domenę
    return;
  }

if (event.data === "closeModalAndRedirect") {
    window.location.reload(); // Refreshes the current page
}

}, false);

}


</script>
<div id="myModal" style="display:none;">
  <div class="modal-content">
    <span id="closeModal" style="cursor:pointer;"><i class="material-icons">close</i></span>
    <iframe id="modalIframe" src="about:blank" style="width:100%;     height: 100vh;" frameborder="0"></iframe>
  </div>
</div>