<?

$con=mysqli_connect("localhost", "highstan_aluloft", "oxXH{J;DOPm5", "highstan_aluloft_price");


$result = mysqli_query($con,"SELECT * FROM postavke");
$row = mysqli_fetch_array($result);

 

$naslovXV=$row["naslov"];
$opisXV=$row["opis"];
$kljucneXV=$row["kljucne"];
$adresaXV=$row["adresa"];
$gradXV=$row["grad"];
$zemljaXV=$row["zemlja"];
$telefonXV=$row["telefon"];
$telefon2XV=$row["telefon2"];
$emailXV=$row["email"];
$domenaXV=$row["domena"];
$kursEUR="1.9558";
$valuta="&#163;";



$koef_masa=30;   // po m2

$fire_krilo=1000;


?>


<?


$result = mysqli_query($con,"SELECT * FROM cijene");
$row = mysqli_fetch_array($result);

 

$steel_price=$row["steel"];
$koeficijent=$row["provizija"];
$delivery=$row["delivery"];
$pdv=$row["pdv"];
$sliding_door1=$row["sliding_door"];
$sliding_door_d=$row["sliding_door_d"];
 
$hinged_door_price=$row["hinged_door_price"];
$pivot_door_price=$row["pivot_door_price"];

  
 
?>











<?


$result = mysqli_query($con,"SELECT * FROM tekstovi where id='1'");
$row = mysqli_fetch_array($result);


$tekst_naslov1=$row["naslov"];
$tekst_opis1=$row["tekst"];
 

  
 
?>




<?


$result = mysqli_query($con,"SELECT * FROM tekstovi where id='2'");
$row = mysqli_fetch_array($result);

 
$instalacija_opis=$row["tekst"];
 

  
 
?>












 

<?
$sirina="1000";
$visina="2100";
$krilo_1="400";
$pomocno="800";
$krilo_2="400";
$krilo_3="400";
$model=$_GET["model"];
 
$boja_in=1;
$boja_out=1;
 
 
 
$boja_okvir_in=1;
$boja_okvir_out=1;
  
 
$zastita="0";
$rozeta="999";
$status="";
$kontstrukcija="1";
$dekor_in="0";
$dekor_out="0";
$tip="1";
$staklo="1";
$staklo_panel="1";
$hinges="1";
 
$boja_out2=1;
$dekor_out2=0;
$brava=0;
$locking="0";
$locking2="0";
$viewers="0";
$unlocking="0";
$letterbox="1";
$letterbox="0";
$cilindar="0";
$pogled="1";
$rukohvat_in="1";
$handle_color="37";
$cill="0";

$corner="0";
$adc="0";


$addon_left="0";
$addon_right="0";
$addon_top="0";
$addon_bottom="0";
$pozicija_rukohvat="70";
$dupla="";
$background="";
$pozicija_rukohvat_x="15";
$rukohvat="1";
$lett_x="60";
$lett_y="36";
$lett_y="36";
$foto_in="";
$designsldelight="0";

$proizvod="1";
$naruceno="0";
$cijena="0";
$repeat_left="1";
$repeat_right="1";


$glavno_krilo="";
$sirina_pomocno="0";
$rukohvat_pomocno="0";
$led_hand="0";
$last_url="";
$sql = "SELECT count(*) from konfigurator where sesija='$sesija' and naruceno='0'"; 
$result = mysqli_query ($con,$sql); 
$row = mysqli_fetch_array($result);
$count_kf=$row["count(*)"];



$sql6 = "SELECT * from vat_log where sesija='$sesija'"; 
$result6 = mysqli_query ($con,$sql6); 
$row6 = mysqli_fetch_array($result6);
$vat_log=$row6["vat"];
if($vat_log==""){ 
mysqli_query($con,"INSERT INTO `vat_log` VALUES (0,'".$sesija."','".$pdv."')") ; 
}

$konfig_id=$_GET["konfig_id"];
 
 
 $podjela_vert=0;
 $podjela_hor=0;
 $dupla="0";
 $prod_id_nav="0";
 $model_d=1;
 $system_option=1;
 $slide_model=1;
  $prikaz="2D";
  $left_design="1";
  $right_design="1";
  $top_design="1";
  $zid=24;
  $povrsina=0;
  $t_w=0;
  $t_h=0; 
  $kolicina=1;  
   $scena="On";
   $kotiranje=0;
 
if($count_kf==0 && $konfig_id==""){ 
mysqli_query($con,"INSERT INTO `konfigurator` VALUES (0,'".$sesija."','".$proizvod."','".$system_option."','".$sirina."','".$visina."','".$model_d."','".$kontstrukcija."','".$staklo."','".$staklo_panel."','".$tip."','".$boja_in."','".$boja_out."','".$rukohvat."','".$pomocno."','".$krilo_1."','".$krilo_2."','".$krilo_3."','".$status."','".$hinges."','".$pogled."','".$glavno_krilo."','".$sirina_pomocno."','".$dupla."','".$foto_out."','".$foto_in."','".$podjela_vert."','".$podjela_hor."','".$naruceno."','".$cijena."','".$prod_id_nav."','".$slide_model."','".$prikaz."','".$left_design."','".$right_design."','".$top_design."','".$zid."','".$scena."','".$repeat_left."','".$repeat_right."','".$povrsina."','".$t_w."','".$t_h."','".$kolicina."','".$kotiranje."','".$pdv."')") ; 


}


 
?>


 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title><? echo $naslovXV; ?></title>
<meta property="og:title" content="<? echo $naslovXV; ?>" /> 
<meta property="og:description" content="<? echo $naslovXV; ?>"/> 
<meta property="og:image" content="https://konfigurator.ba/qstal/img/fb.jpg" />	

<link rel="shortcut icon" type="image/x-icon" href="img/favicon.png">
 
 
<?
$sql = "SELECT *  from konfig_edit where sesija='$sesija'"; 
$result = mysqli_query ($con,$sql); 
$row = mysqli_fetch_array($result);
$konf_edit_log=$row["konfig_id"];
?>
 
 
 
<?
$add_title="ADD TO CART";
$sql = "SELECT *  from konfigurator where sesija='$sesija' and naruceno='0' order by id desc limit 1"; 
if($konf_edit_log!=""){$sql = "SELECT *  from konfigurator where id='$konf_edit_log'";  $add_title="UPDATE CART";   }

$result = mysqli_query ($con,$sql); 
$row = mysqli_fetch_array($result);
$id_log=$row["id"];
$model_log=$row["model"];
$konstrukcija_log=$row["konstrukcija"];
$boja_out_log=$row["boja_out"];
$boja_in_log=$row["boja_in"];
$tip_log=$row["tip"];
$staklo_log=$row["staklo"];
$pogled_log=$row["pogled"];
$proizvod_log=$row["proizvod"];
$system_option_log=$row["system_option"];
$zid_log=$row["zid"];

$sirina_log=$row["sirina"];
$visina_log=$row["visina"];
 
 
$kotiranje_log=$row["kotiranje"];

$repeat_left_log=$row["repeat_left"];
$repeat_right_log=$row["repeat_right"];  
  
  
  
$designsldelight_log=$row["designsldelight"];

$prod_id_nav_log=$row["prod_id"];

$pomocno_top_log=$row["pomocno_top"];
$pomocno_left_log=$row["pomocno_left"];
$pomocno_rig_log=$row["pomocno_rig"];
$dekor_out_log=$row["dekor_out"];
$dekor_out2_log=$row["dekor_out2"];

$hand_out_log=$row["rukohvat"];
$rukohvat_in_log=$row["rukohvat_in"];
$zastita_log=$row["zastita"];
$hinges_log=$row["hinges"];
$letterbox_log=$row["letterbox"];
$locking_log=$row["locking"];
$locking2_log=$row["locking2"];
$brava_log=$row["brava"];
$viewers_log=$row["viewers"];
$cilindar_log=$row["cilindar"];
$rozeta_log=$row["rozeta"];
$slide_model_log=$row["slide_model"];
$prikaz_log=$row["prikaz"];

$left_design_log=$row["left_design"];
$right_design_log=$row["right_design"];
$top_design_log=$row["top_design"];


$boja_okvir_in_log=$row["boja_okvir_in"];
$boja_okvir_out=$row["boja_okvir_out"];
$konstrukcija_log=$row["konstrukcija"];
$boja_out2_log=$row["boja_out2"];

$vert_log=$row["podjela_vert"];
$hor_log=$row["podjela_hor"];
$scena_log=$row["scena"];
$povrsina_sum_log=$row["povrsina"];



if($pogled_log=="1"){$set_pogled="2";}
if($pogled_log=="2"){$set_pogled="1";}

if($prikaz_log=="2D"){$set_prikaz="3D";}
if($prikaz_log=="3D"){$set_prikaz="2D";}

if($scena_log=="On"){$set_scena="Off";}
if($scena_log=="Off"){$set_scena="On";}


if($kotiranje_log=="0"){$kotiranje_set="1";}
if($kotiranje_log=="1"){$kotiranje_set="0";}


 



$price=0;
$foto_out=$row["foto_out"];


$povrsina_krila=$sirina_log*$visina_log/1000000;
$povrsina_total=$povrsina_krila;
$povrsina_total=number_format((float)$povrsina_total, 2, '.', '');




if($stat_add=="add"){$kotiranje_log=1; $prikaz_log="2D"; $scena_log="Off"; }



?>



<?
$sql = "SELECT *  from ralkarta where id='$boja_out_log'";
$result = mysqli_query ($con,$sql); 
$row = mysqli_fetch_array($result);
$boja_out_sifra=$row["sifra"];
$sifra_linear=$row["sifra_linear"];
$boja_doplata=$row["doplata"];
$boja_foto=$row["foto"];
$boja_border=$row["border"];


 



?>


<?
$sql = "SELECT count(*)  from oprema_log where konfig_id='$id_log' and description like 'handle_slave_door'";
$result = mysqli_query ($con,$sql); 
$row = mysqli_fetch_array($result);
$hand_SD=$row["count(*)"];
?>



<?
$sql = "SELECT *  from handles where id='$hand_out_log'";
$result = mysqli_query ($con,$sql); 
$row = mysqli_fetch_array($result);
$hand_dizajn=$row["dizajn"];
?>

<?
$sql = "SELECT *  from hinges where id='$hinges_log'";
$result = mysqli_query ($con,$sql); 
$row = mysqli_fetch_array($result);
$hinges_naziv=$row["naziv"];
?>


<?
$sql = "SELECT *  from zid where id='$zid_log'";
$result = mysqli_query ($con,$sql); 
$row = mysqli_fetch_array($result);
$zid_boja_sifra=$row["boja"];
$zid_boja_foto=$row["foto"];
$font_color=$row["font_color"];
$cart_img=$row["icons"];
$logo_img=$row["logo_color"];
$login_img="login_white.png";
$logout_img="logout_white.png";




if($prikaz_log=="3D"){$font_color="#000000";}
if($prikaz_log=="3D"){$cart_img="cart_black.png";    $login_img="login_black.png";   $logout_img="logout_black.png";  }
if($prikaz_log=="3D"){$logo_img="logo.png";     }



if($scena_log=="Off"){$font_color="#000000";}
if($scena_log=="Off"){$cart_img="cart_black.png";    $login_img="login_black.png";   $logout_img="logout_black.png";  }
if($scena_log=="Off"){$logo_img="logo.png";     }
?>



 





<?

$sql = "SELECT *  from system_options where id='$system_option_log'";
$result = mysqli_query ($con,$sql); 
$row = mysqli_fetch_array($result);
$door_typ=$row["door_typ"];
$door_typ_log=$row["door_typ"];
$proizvod_css=$row["css_design"];
$proizvod_css_scr=$row["css_design_scr"];
$animacija_left=$row["animacija_left"];
$animacija_right=$row["animacija_right"];
$system_otvaranje=$row["otvaranje"];

$sirina_min=$row["sirina_min"];
$sirina_max=$row["sirina_max"];

$visina_min=$row["visina_min"];
$visina_max=$row["visina_max"];
$doorset=$row["doorset"];
$max_door_povrsina=$row["max_povrsina"];


if($konstrukcija_log=="3"){$animacija_open=$animacija_left;}
if($konstrukcija_log=="4"){$animacija_open=$animacija_right;}


 


$frame_size=7;
$frame_size2=14;
$frame_sizeX=10;
$frame_sizeGlass=20;
$frame_sizeGlassX=7;


if($door_typ=="Fire"){
$frame_size=10;
$frame_size2=16;
$frame_sizeX=14;
$frame_sizeGlass=30;
$frame_sizeGlassX=12;
}



$sirina_krilo_m=$sirina_log/1000;
$visina_krilo_m=$visina_log/1000;


 

 
?>



<?
$sql = "SELECT *  from tipovi where id='$tip_log'";
$result = mysqli_query ($con,$sql); 
$row = mysqli_fetch_array($result);

$krilo_left_log=$row["krilo_left"];
$krilo_top_log=$row["krilo_top"];
$krilo_right_log=$row["krilo_rig"];
$zaobljeno_log=$row["zaobljeno"];



 
$sirina_total=$sirina_log;
$visina_total=$visina_log;
 

$pomocno_left_log_total=$pomocno_left_log*$repeat_left_log;
$pomocno_right_log_total=$pomocno_rig_log*$repeat_right_log;




if($krilo_left_log=="1"){$sirina_total=$sirina_total+$pomocno_left_log_total;}
if($krilo_right_log=="1"){$sirina_total=$sirina_total+$pomocno_right_log_total;}
if($krilo_top_log=="1"){$visina_total=$visina_total+$pomocno_top_log;}






$povrsina_sum=$sirina_total*$visina_total/1000000;
$povrsina_sum=number_format((float)$povrsina_sum, 2, '.', '');



mysqli_query($con,"UPDATE `konfigurator` set povrsina='$povrsina_sum', total_width='$sirina_total', total_height='$visina_total' where id='$id_log'");

 


?>







 <?
$sql = "SELECT *  from construct where id='$konstrukcija_log'";
$result = mysqli_query ($con,$sql); 
$row = mysqli_fetch_array($result);
$hinge_side_log=$row["hinge_side"];

?>

<?


$sqlKO = "SELECT count(*) from konfig_log where sesija='$sesija' and naruceno='DA'"; 
$resultKO = mysqli_query ($con,$sqlKO); 
$rowKO = mysqli_fetch_array($resultKO);
$countKorpa=$rowKO["count(*)"];

?>



<?
$sql = "SELECT *  from proizvodi where id='$proizvod_log'";
$result = mysqli_query ($con,$sql); 
$row = mysqli_fetch_array($result);
$fiks_panel=$row["fiks"];
$slide_door_log=$row["slide_door"];
$product_dvokrilna=$row["dvokrilna"];
$product_arched=$row["arched"];

    

?>




<?
$sql = "SELECT *  from proizvodi where proizvod='$proizvod_log'";
$result = mysqli_query ($con,$sql); 
$row = mysqli_fetch_array($result);
 
  $max_sirina=$row["max_sirina"];
	$max_visina=$row["max_visina"];





?>


<?
$sql = "SELECT *  from nav_position";
$result = mysqli_query ($con,$sql); 
$row = mysqli_fetch_array($result);
$nav1_poz=$row["nav1"];
$nav2_poz=$row["nav2"];
?>


<?
$sql = "SELECT *  from dekori where id='$dekor_out_log'";
$result = mysqli_query ($con,$sql); 
$row = mysqli_fetch_array($result);
$dekor_out_img=$row["foto"];
?>


<?
$sql = "SELECT *  from dekori where id='$dekor_out2_log'";
$result = mysqli_query ($con,$sql); 
$row = mysqli_fetch_array($result);
$dekor_out2_img=$row["foto"];
?>



<?
$sql = "SELECT *  from modeli where id='$model_log'";
$result = mysqli_query ($con,$sql); 
$row = mysqli_fetch_array($result);
$model_naziv=$row["naziv"];
$model_cijena=$row["cijena"];
$sec_mat=$row["sec_mat"];
$door_aplikacija=$row["aplikacija"];
$door_dekor=$row["door_dekor"];
$design_panel=$row["design_panel"];
$door_editable=$row["editable"];
$klizna=$row["klizna"];
$rukohvat_precke=$row["rukohvat"]; 
$dizajn_css=$row["dizajn_css"]; 
$model_doplata=$row["doplata"]; 


$width_min=$row["width_min"]; 
$width_max=$row["width_max"]; 
$height_min=$row["height_min"]; 
$height_max=$row["height_max"]; 

 
?>



<?
$sql = "SELECT *  from stakla where id='$staklo_log'";
$result = mysqli_query ($con,$sql); 
$row = mysqli_fetch_array($result);
$staklo_img=$row["foto_ispis"];
$staklo_cijena=$row["cijena"];
if($model_doplata=="1"){$staklo_cijena=$row["cijena2"];}




?>

 



<?
$sql = "SELECT *  from sidelights where id='$left_design_log'";
$result = mysqli_query ($con,$sql); 
$row = mysqli_fetch_array($result);
$dizajn_css_left=$row["design_left"]; 
$model_doplata_left=$row["doplata"]; 


?>

<?
$sql = "SELECT *  from sidelights where id='$right_design_log'";
$result = mysqli_query ($con,$sql); 
$row = mysqli_fetch_array($result);
$dizajn_css_right=$row["design_right"]; 
$model_doplata_right=$row["doplata"]; 
?>

<?
$sql = "SELECT *  from modeli_top where id='$top_design_log'";
$result = mysqli_query ($con,$sql); 
$row = mysqli_fetch_array($result);
$dizajn_css_top=$row["dizajn_css"]; 
?>



<?
$sql = "SELECT *  from model_cijene where model_id='$model_log'";
$result = mysqli_query ($con,$sql); 
$row = mysqli_fetch_array($result);
$model_cijena=$row["cijena"];
?>




<?
$price=$model_cijena;

?>



<?
$sql = "SELECT * from app_nav_log where sesija='$sesija'"; 
$result = mysqli_query ($con,$sql); 
$row = mysqli_fetch_array($result);
$nav_id=$row["nav_id"];
$nav_tab=$row["nav_tab"];

 

?>





 <?
 
$sql = "SELECT count(*),sum(cijena) from konfigurator where sesija='$sesija' and naruceno='1'"; 
$result = mysqli_query ($con,$sql); 
$row = mysqli_fetch_array($result);
$count_korpa=$row["count(*)"];
$sum_korpa=$row["sum(cijena)"];
 

$sum_korpa = number_format($sum_korpa, 2, '.', '');

?>
  

<style type="text/css">




#paint_box{
position:absolute;
right:-220px;
top:0px;
width:200px;
height:400px;
background:#FFFFFF;
padding:10px;
z-index:99999999999;
border:#999999 solid 1px;
border-radius:3px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}




#zid_color{
width:30px;
height:30px;
margin:10px;
display:inline-block;
vertical-align:top;
}


#zid_color:hover{
opacity:0.8;
}


.modal {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(77, 77, 77, .7);
  transition: all .4s;
}

.modal:target {
  visibility: visible;
  opacity: 1;
}

.modal__content {
  border-radius: 4px;
  position: relative;
  width: 1000px;
  max-width: 90%;
  background: #fff;
  padding: 40px;
  font-family:Arial, Helvetica, sans-serif;
}

.modal__footer {
  text-align: right;
  a {
    color: #585858;
  }
  i {
    color: #d02d2c;
  }
}
.modal__close {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #585858;
  text-decoration: none;
}	




         .btn-grad {background: radial-gradient(circle at top, #e87388 , #3b365e);}
         .btn-grad {
            margin: 10px;
            padding: 15px 45px;
            text-align: center;
            text-transform: uppercase;
            transition: 0.5s;
            background-size: 200% auto;
            color: white;            
            box-shadow: 0 0 20px #eee;
            border-radius: 10px;
            display: block;
          }

          .btn-grad:hover {
            background-position: right center; /* change the direction of the change here */
            color: #fff;
            text-decoration: none;
          }
		  
		  
		  
		  
		  
		  
		  
		  
		  
#p1{
background:#F5F5F5;
height:px;
line-height:30px;
padding:0px;
margin:0px;
font-size:13px;
padding-left:10px;
}
#p2{
background:#E1E1E1;
height:33px;
line-height:30px;
padding:0px;
margin:0px;
font-size:13px;
padding-left:10px;
}

#p3{
background:#313131;
height:33px;
line-height:30px;
padding:0px;
margin:0px;
font-size:13px;
padding-left:10px;
 
}



#p4{
background:#333333;
height:33px;
line-height:30px;
padding:0px;
margin:0px;
font-size:13px;
padding-left:10px;
 color:#FFFFFF;
 font-weight:600;
}

#price{
background:#494949;
height:33px;
line-height:30px;
padding:0px;
margin:0px;
font-size:15px;
padding-right:10px;
color:#FFFFFF;
text-align:right;
font-weight:600;
}


#price2{
background:#E10000;
height:33px;
line-height:30px;
padding:0px;
margin:0px;
font-size:15px;
padding-right:10px;
color:#FFFFFF;
text-align:right;
font-weight:600;
}





#paint{
position:absolute;
right:0px;
top:30px;
width:40px;
z-index:99999999;

}



#div1{
width:300px;
height:30px;
line-height:30px;
display:inline-block;
vertical-align:top;
}


#div2{
width:200px;
height:30px;
line-height:30px;
display:inline-block;
vertical-align:top;
}


#div3{
width:200px;
height:30px;
line-height:30px;
display:inline-block;
vertical-align:top;
}



#div4{
width:200px;
height:30px;
line-height:30px;
display:inline-block;
vertical-align:top;
}
         
#prikaz{
width:40px;
 
position:absolute;
right:60px;
top:30px;

 padding:5px;
border-radius: 2px;
z-index:99999999;
 z-index:99999999;

}



#model_img{
width:56px;
 
position:absolute;
right:166px;
top:80px;

 padding:15px;
border-radius: 20px;
background-image: radial-gradient(circle, #641e43, #55193a, #471431, #390f28, #2c0a1f);
z-index:99999999;
 z-index:99999999;
border:rgba(255,255,255,0.7) solid 1px;
}

 


#rotate{
height:40px;
position:absolute;
right:30px;
bottom:calc(50% + 30px);
z-index:9999999999999999999999999999;
opacity:0.3;

}


#rotate:hover{
opacity:1;
}


#rotate2{
height:40px;
position:absolute;
right:40px;
bottom:calc(50% - 30px);
z-index:999999999999999999999999999999;
opacity:0.3;

}


#rotate2:hover{
opacity:1;
}



#cover{
width:400px;
position:absolute;
left:calc(50% - 200px);
top:350px;
}


 
 
 

 
#model{
width:200px;
height:400px;
margin:10px;
 
}



#scroller{
width:90%;
height:490px;
position:absolute;
left:50px;
bottom:40px;
 
white-space:nowrap;
overflow-x:auto;


}




#logo_2{
position:absolute;
width:130px;
right:20px;
top:20px;
z-index:999999;
}







 
#price{
position:absolute;
right:20px;
width:400px;
height:60px;
top:260px;
font-family:Arial, Helvetica, sans-serif;
font-size:44px;
color:#FFFFFF;
text-align:left;
font-weight:500;

letter-spacing:5px;
}


#model{
position:absolute;
left:50px;
width:300px;
height:60px;
top:260px;
font-family:Arial, Helvetica, sans-serif;
font-size:44px;
color:#FFFFFF;
text-align:left;
font-weight:500;
letter-spacing:5px;
}



#tab_color1{
width:140px;
height:46px;
line-height:46px;
position:absolute;
right:30px;
top:200px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
border-radius: 10px;
font-size:13px;
background: linear-gradient(145deg, #3f484a, #353c3e);
 z-index:99999999;
}

#tab_color2{
width:140px;
height:46px;
line-height:46px;
position:absolute;
right:30px;
top:260px;
font-size:13px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
text-align:center;

border-radius: 10px;
background: linear-gradient(145deg, #3f484a, #353c3e);
 z-index:99999999;
 	 
}


#tab_color3{
width:160px;
height:66px;
line-height:66px;
position:absolute;
right:30px;
top:700px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
text-align:center;

border-radius: 20px;
background: linear-gradient(145deg, #3f484a, #353c3e);	
z-index:99999999;		 
}


#tab_color4{
width:160px;
height:66px;
line-height:66px;
position:absolute;
right:30px;
top:800px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
text-align:center;

border-radius: 20px;
background: linear-gradient(145deg, #3f484a, #353c3e);	
z-index:99999999;		 
}


.col_activ_tab{ 
box-shadow: inset 28px 28px 57px #E68F40,
            inset -28px -28px 57px #E68F40;
			
			
 
z-index:99999999;}


#tab_color1:hover{opacity:0.8;}
#tab_color2:hover{opacity:0.8;}
#tab_color3:hover{opacity:0.8;}
#tab_color4:hover{opacity:0.8;}



#left_side{
position:absolute;
width:120px;
height:100vh;

left:0px;
top:0px;
text-align:center;
background: linear-gradient(148deg, rgba(24,32,48,1) 0%, rgba(45,54,71,1) 100%);
z-index:9999999999999999999;
  
}



#right_side{
width:10%;
height:100%;

position:absolute;
right:0px;
top:0px;
}

#central_side{
width:75%;
height:100%;

position:absolute;
left:10%;
top:0px;
}





@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}




#enquire{
position:absolute;
right:20px;
bottom:170px;
height:60px;
color:<? echo $font_color;  ?>;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
width:300px;
line-height:30px;
vertical-align:top;
z-index:999999;


<?  if($prikaz_log=="2D"){echo 'color:#ffffff;';} ?>
}


#enquire_btn{
 width: 52px;
height: 52px;
z-index:999999;
border-radius: 50%;
display:inline-block;
text-align:center;
display:inline-block;
background:#313131;
z-index:9999999999999999;
  
}


#enquire_btn:hover{
background:#333333;  
}
 
#enquire_txt{
width:120px;
height:52px;
display:inline-block;
line-height:56px;
vertical-align:top;
text-align:left;
letter-spacing:1px;
z-index:999999;
color:<? echo $font_color;  ?>;
}



#enquire_btn:hover{
background:#1F203F;
}

#enq{height:30px; padding-top:10px; z-index:999999;}




#price_box{
position:absolute;
right:20px;
bottom:70px;
height:60px;
color:<? echo $font_color;  ?>;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
width:200px;
line-height:30px;
vertical-align:top;
text-align:left;
letter-spacing:2px;
}

#price_box2{
width:100%;
height:32px;
display:inline-block;
line-height:26px;
vertical-align:top;
text-align:left;
letter-spacing:1px;
font-size:26px;
color:<? echo $font_color;  ?>;
}

 


#korpa_box{
position:absolute;
width:130px;
right:200px;
top:30px;
height:30px;
text-align:right;
font-size:18px;
line-height:30px;
font-family:Arial, Helvetica, sans-serif;
z-index:9999999;
color:<? echo $font_color;  ?>;
}

#login_box{
position:absolute;
width:150px;
right:340px;
top:30px;
height:30px;
text-align:right;
font-size:13px;
line-height:30px;
font-family:Arial, Helvetica, sans-serif;
z-index:9999999;
color:<? echo $font_color;  ?>;

}





#login{
position:absolute;
width:26px;
right:26px;
left:0px;
top:0px;
}




#cart1{
position:absolute;
width:26px;
left:0px;

top:0px;
}

#cart2{
position:absolute;
width:18px;
height:18px;
right:12px;
text-align:center;
line-height:18px;
left:20px;
top:-8px;
background:#FF6600;
color:#FFFFFF;
border-radius:60px;
font-size:14px;
}


@import url("https://fonts.googleapis.com/css?family=Raleway:400");

 
@property --angle {
  syntax: '<angle>';
  initial-value: 90deg;
  inherits: true;
}

@property --gradX {
  syntax: '<percentage>';
  initial-value: 50%;
  inherits: true;
}

@property --gradY {
  syntax: '<percentage>';
  initial-value: 0%;
  inherits: true;
}
 

:root {
  --d: 10500ms;
  --angle: 90deg;
  --gradX: 100%;
  --gradY: 50%;
  --c1: rgba(168, 239, 255, 1);
  --c2: rgba(168, 239, 255, 0.1);
}

 
.box {
 
  
  border: 0.25rem solid;
 
  border-image: conic-gradient(from var(--angle), var(--c2), var(--c1) 0.1turn, var(--c1) 0.15turn, var(--c2) 0.25turn) 30;
  animation: borderRotate var(--d) linear infinite forwards;
}

.box:nth-child(2) {
  border-image: radial-gradient(ellipse at var(--gradX) var(--gradY), var(--c1), var(--c1) 10%, var(--c2) 40%) 30;
  animation: borderRadial var(--d) linear infinite forwards;
}

@keyframes borderRotate {
  100% {
    --angle: 420deg;
  }
}

@keyframes borderRadial {
  20% {
    --gradX: 100%;
    --gradY: 50%;
  }
  40% {
    --gradX: 100%;
    --gradY: 100%;
  }
  60% {
    --gradX: 50%;
    --gradY: 100%;
  }
  80% {
    --gradX: 0%;
    --gradY: 50%;
  }
  100% {
    --gradX: 50%;
    --gradY: 0%;
  }
}

#small_logo{

width:40px;
margin-top:30px;
margin-bottom:30px;
}
 
 




 
 @media (min-width: 1000px) {
#footerX{
display:none;
}



}
 



#scene_box{
position:absolute;
top:200px;
right:10px;
width:120px;
height:300px;
border-radius:2px;
line-height:26px;
text-align:right;
padding:5px;
color:#111111;
z-index:9999999999999;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
  transform-style: preserve-3d;
 perspective: 500000000px;
 transform:translateZ(1200px);
}


#scene_1{
background:#ffffff;
width:110px;
height:26px;
border-radius:2px;
line-height:26px;
text-align:right;
padding:5px;
color:#111111;
margin:4px;
position:relative;
border:rgba(0,0,0,0.03) solid 1px;
}


#scene_1:hover{
background:#333333;
color:#FFFFFF;
}


#scene_icon{
position:absolute;
left:10px;
top:6px;
height:24px;

}





#close_wl{
position:absolute;
left:10px;
top:20px;
height:18px;

}











  @media (max-width: 1000px) {
#footerX{
display:block;
}

#left_side{
display:none;
}

#descnav{
display:none;
}

#sec_nav_desk{
display:none;
}





<?   

 if($prikaz_log=="3D"){
 echo '#paint_box{  display:none;  }';
 }
?>

#enquire{
position:absolute;
right:20px;
top:250px;
height:60px;
color:#111111;
font-size:24px;
font-family:Arial, Helvetica, sans-serif;
width:280px;
line-height:30px;
vertical-align:top;
z-index:999999;
font-weight:600;
 

<?  if($prikaz_log=="2D"){echo 'color:#ffffff;';} ?>
}





#enquire_txt{
width:220px;
height:52px;
display:inline-block;
line-height:56px;
vertical-align:top;
text-align:left;
letter-spacing:1px;
z-index:999999;
}









#rotate{
height:40px;
position:absolute;
right:10px;
bottom:calc(50% + 30px);
z-index:9999999999999999;
opacity:0.3;

}


#rotate:hover{
opacity:1;
}


#rotate2{
height:40px;
position:absolute;
right:10px;
bottom:calc(50% - 30px);
z-index:999999999999999999;
opacity:0.3;

}


#rotate2:hover{
opacity:1;
}

 




}




</style>
 

<link href="css/style_desk.css" rel="stylesheet"> 


<style type="text/css">
 

 
 <?
if($scena_log=="Off"){
echo '
#zid1{display:none;}
#wall_top{display:none;}
#pod1{display:none;}
#wall_left{display:none;}
#pod{display:none;}
#pod2{display:none;}
#wall_right{display:none;}
';
}

?>



#door_krilo{  box-shadow: 8.0px 16.0px 16.0px hsl(0deg 0% 0% / 0.05); }
#door_glass{  box-shadow: 8.0px 16.0px 16.0px hsl(0deg 0% 0% / 0.05); }
#door_krilo{  box-shadow: 8.0px 16.0px 16.0px hsl(0deg 0% 0% / 0.05); }






#door_glass{
  
 box-shadow: inset 0 0 5px 5px rgba(0,0,0,0.1);
 } 
 
 #door_glass_gl{
box-shadow: inset 0 0 5px 5px rgba(0,0,0,0.1);
  
 } 



#main_frame{
position:fixed;
left:0px;
top:0px;
width:100%;
height:100%;
background:#006699;
overflow: hidden;
 overflow-y: hidden;
  overflow-x: hidden;

background: linear-gradient(157deg, rgba(255,255,255,1) 0%, rgba(228,237,255,1) 100%);
background-size:100% 100%;
}







@media only screen and (max-width: 1000px) {
#logo_2{
position:absolute;
width:300px;
left:50px;
top:30px;
 z-index:999999;
}




#scene_box{
position:absolute;
top:160px;
right:10px;
width:120px;
height:300px;
border-radius:2px;
line-height:26px;
text-align:right;
padding:5px;
color:#111111;
z-index:9999999999999;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
  transform-style: preserve-3d;
 perspective: 50000px;
 transform:translateZ(300px);
}



#enquire{
position:absolute;
right:20px;
top:100px;
height:60px;
color:#111111;
font-size:24px;
font-family:Arial, Helvetica, sans-serif;
width:280px;
line-height:30px;
vertical-align:top;
z-index:999999;
font-weight:600;
 

<?  if($prikaz_log=="2D"){echo 'color:#ffffff;';} ?>
}





#price_box{
position:absolute;
left:50px;
top:200px;
height:60px;
font-size:22px;
font-family:Arial, Helvetica, sans-serif;
width:300px;
line-height:50px;
vertical-align:top;
text-align:left;
letter-spacing:2px;
font-weight:500;
 color:<? echo $font_color;  ?>;
}

#price_box2{
width:100%;
height:32px;
display:inline-block;
line-height:26px;
vertical-align:top;
text-align:left;
letter-spacing:1px;
font-size:46px;
color:<? echo $font_color;  ?>;
}






#korpa_box{
position:absolute;
width:350px;
right:40px;
top:30px;
height:40px;
text-align:right;
font-size:38px;
line-height:30px;
font-family:Arial, Helvetica, sans-serif;
z-index:9999999;
color:<? echo $font_color;  ?>;
}




#cart1{
position:absolute;
width:50px;
right:26px;
left:100px;
top:0px;
}

#cart2{
position:absolute;
width:28px;
height:28px;
right:2px;
text-align:center;
line-height:28px;
left:130px;
top:-8px;
background:#FF6600;
color:#FFFFFF;
border-radius:60px;
font-size:24px;
}


#login{
position:absolute;
width:56px;
right:26px;
left:0px;
top:0px;
}


}






#addimg_box{
position:absolute;
width:500px;
height:140px;
top:calc(50% - 70px);
left:calc(50% - 250px);
background:#FFFFFF;
border:#666666 solid 2px;
z-index:999999999;
font-family:Arial, Helvetica, sans-serif;
padding:10px;
border-radius:10px;
 box-shadow:  8px 6px 10px rgba(0, 0, 0, 0.3);
 display:none;
}


#filefld{
width:250px;
height:44px;
border:#CCCCCC solid 1px;
display:inlinee-block;
vertical-align:top;
}



#addbtn{
width:100px;
height:44px;
border:#CCCCCC solid 1px;
background:#333333;
color:#FFFFFF;
border:0px;
display:inlinee-block;
vertical-align:top;
}


#addbtn:hover{
background:#666666;
}
</style>







 </head>

<body onload="screenshot()">



<div id="main_frame">

   <script type="text/javascript" src="html2canvas-master/dist/html2canvas.js"></script>








<div id="">
  
  
  
  
<div id="korpa_box">
<a href="cart.php"><img src="img/<?  echo $cart_img; ?>" id="cart1"></a> &nbsp;&nbsp; <? echo $valuta; ?> <? echo $sum_korpa; ?> </span>
<div id="cart2"><? echo $count_korpa; ?></div>
</div>



<div id="login_box">

<? if($user==""){  echo '<a href="login.php"><img src="img/',$login_img,'" id="login"></a>';} ?>
<? if($user!=""){  echo '<a href="cms.php">DASHBOARD</a> &nbsp;&nbsp;&nbsp;<a href="odjava.php"><img src="img/',$logout_img,'" id="login"></a> ';} ?>
</div>



<div id="scene_box">



<div id="scene_1"  onClick="paint()" ><img src="icon/paint.png" id="scene_icon"> Wall Colour</div>

<a href="updkonfig.php?kon_id=<? echo $id_log; ?>&&pr=<? echo $set_prikaz; ?>"><div id="scene_1"><img src="icon/3d.png" id="scene_icon">   <? echo $set_prikaz; ?></div></a>
<a href="updkonfig.php?kon_id=<? echo $id_log; ?>&&scena=<? echo $set_scena; ?>"><div id="scene_1"><img src="icon/wall_icon.png" id="scene_icon"> Scene <? echo $set_scena; ?></div></a>
<div id="scene_1" onMouseOver="opendoor()" ><img src="img/open_door.png" id="scene_icon"> Open Door</div>
<div id="scene_1"  onMouseOver="closedoor()" ><img src="img/close_door.png" id="scene_icon"> Close Door</div>
<a href="updkonfig.php?kon_id=<? echo $id_log; ?>&&ko=<? echo $kotiranje_set; ?>"><div id="scene_1"><img src="img/mr.png" id="scene_icon">Dimensions</div></a>
<div id="scene_1"  onClick="addimg()" > View in your room</div>



</div>



<div id="left_side">


<a href="index.php"><img src="img/h.png" id="small_logo" style="z-index:99999999;"></a>


<?  include 'desktop_nav.php'; ?>


</div>




<a href="index.php"><img src="img/<? echo $logo_img; ?>" id="logo_2"></a>


 

 


 
<? include $proizvod_css;   include 'door.php';   include $hand_dizajn;   ?>
 

 
 
 
  
 
<?  echo $animacija_open; ?>


 
 
 
  
<? include 'desktop_nav_sec.php'; ?> 
<? include 'price.php'; ?> 




<? echo '  <a href="index.php?id=',$id_log,'&&stat=add"><div id="enquire"> <div id="enquire_txt">',$add_title,'</div><div id="enquire_btn"><img src="img/enq.png" id="enq"></div></div><div id="enquire"></div></a>'; ?>



<div id="price_box"    onMouseOver="showprice()" >PRICE   <div id="price_box2"><?  echo $valuta; ?>  <?  echo $price_total; ?></div></div>

  
  








</div>

  








 <div id="paint_box">
 
 <img src="img/close2.png" id="close_wl" onMouseOver="paint_close()" >
 
 <p>WALL COLOUR</p>
<?
$sql2 = "SELECT * from zid"; 
$result2 = mysqli_query ($con,$sql2); 
while($row2 = mysqli_fetch_array($result2)){

$idcol=$row2["id"];
$zid_sifra=$row2["boja"]; 


echo '<a href="updkonfig.php?wall=',$idcol,'&&kon_id=',$id_log,'"><div id="zid_color" style="background:'.$zid_sifra.'"></div></a>';

}
 
 ?>
 
 
 </div>

 
 
 
 
 
  <div id="addimg_box">
  <img src="img/close2.png" id="close_wl" onClick="addimg_close()" >
<p> To view this screen in your room, please upload a photo</p>
 <div>
 <form action="" method="post" enctype="multipart/form-data">
  
 <input name="photo1" type="file"  id="filefld"/>
 <input name="add" type="submit" value="ADD"  id="addbtn"/>
 
 

<?

$target = "userbg/"; 
$target = $target . basename( $_FILES['photo1']['name']); 
$random_digit=rand(000000,999999);


$id=$_POST["id"];
$slikax=$_REQUEST["photo1"];
$slikax=($_FILES['photo1']['name']); 
if($slikax!=""){$slika=$random_digit.$slikax;}
$target = "userbg/".$slika; 
 

if($slikax!=""){
mysqli_query($con,"INSERT INTO `background_log` VALUES (0,'".$sesija."','".$slika."')") ; 
$types = array('image/jpeg', 'image/gif', 'image/png', 'application/pdf');
if (in_array($_FILES['photo1']['type'], $types)) {
move_uploaded_file($_FILES['photo1']['tmp_name'], $target);
}

echo '<meta http-equiv="refresh" content="0; url=bg.php">';

}






?>

 
 </form>
 
 
  </div>
 
 </div>

 
 
 
 
 
 
 

<script>
function paint() {
document.getElementById('paint_box').style.right = "0px"; 
document.getElementById('paint_box').style.transition = " 1s"; 
}

function paint_close() {
document.getElementById('paint_box').style.right = "-220px"; 
document.getElementById('paint_box').style.transition = " 1s"; 
}






function addimg() {
document.getElementById('addimg_box').style.display = "block"; 
document.getElementById('addimg_box').style.transition = " 1s"; 
}


function addimg_close() {
document.getElementById('addimg_box').style.display = "none"; 
document.getElementById('addimg_box').style.transition = " 1s"; 
}



</script>



<!--
      <script id="rendered-js" >
const zoomElement = document.querySelector(".workspace");
let zoom = 1;
const ZOOM_SPEED = 0.1;

document.addEventListener("wheel", function (e) {
  if (e.deltaY > 0) {
    zoomElement.style.transform = `scale(${(zoom += ZOOM_SPEED)})`;
  } else {
    zoomElement.style.transform = `scale(${(zoom -= ZOOM_SPEED)})`;
  }
});

    </script>
 
  -->


<?   include 'nav.php'; ?>







<?

if($stat_add=="add"){

 
mysqli_query($con,"UPDATE `konfigurator` set naruceno='1', cijena='$price_total' where id='$id_log'");
mysqli_query($con,"DELETE FROM konfig_edit WHERE konfig_id='$id_log'") ; 
echo '<meta http-equiv="refresh" content="2; URL=cart.php" />';
}

?>







</div>

</body>
</html>