<?php
error_reporting(E_WARNING);
require_once("funcoes.php");
require_once("valida.php");

?>
<!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>Adicionar Produtos / Painel de Administra&ccedil;&atilde;o</title>
<?php require_once("topo.php"); ?>  
<link rel="stylesheet" href="css/query-ui.css" />
<script src="js/jquery-1.9.1.js"></script>
<script src="js/jquery-ui.js"></script>
<script type="text/javascript" src="../ckeditor/ckeditor.js"></script>
<script src="../ckeditor/_samples/sample.js" type="text/javascript"></script>
<div id="conteudo">

	<div id="top_conteudo">  
    <form name="salvar" action="gerenciar_produtos.php?pag=1" method="post" enctype="multipart/form-data">
    	<p style=""> Novo Produto</p>
        <div class="criar_produto">
        		<input type="button" name="salvar_produto" value="Salvar" onClick="ExecutaAcao('gerenciar_produtos.php?pag=1');" />

            </div>
            
            <?php
            
			$select	=	mysql_query("SELECT * FROM tb_produto ORDER BY cod DESC LIMIT 1");
			$sql	=	mysql_fetch_assoc($select);
			
			?>
            
            <div class="criar_produto" style="margin:0 10px; text-align:center">
            	<input type="button" name="salvar_produto" value="Salvar e Continuar" onClick="ExecutaAcao('editar_produto.php');" />
            </div>
        </div>   
                
        <div id="cadastros">
        
                <div id="tabs"> 
                    <ul>
                        <li><a href="#geral"><span>Geral</span></a></li>
                        <li><a href="#imagem"><span>Imagem</span></a></li>
                        <li><a href="#mais-fotos"><span>Fotos</span></a></li>
                        <li><a href="#categorias"><span>Categorias</span></a></li>
                        <li><a href="#seo"><span>SEO</span></a></li>
                        <li><a href="#caracteristica"><span>Características</span></a>
                        <li><a href="#opcoes-cores"><span>Opções de Cores</span></a></li>
                        <li><a href="#opcoes-tamanhos"><span>Opções de Tamanho</span></a></li>
                        <li><a href="#etiquetas"><span>Etiquetas</span></a></li>
                        <li><a href="#relacionados"><span>Relacionados</span></a></li>
       				</ul>
        <div id="geral">
            <table>

                <tr>
                    <input type="hidden" name="salvar_produto" value="true" />
                    <td>Nome: </td>
                    <td><input type="text" name="nome" /></td>
                </tr>
                
                <tr>
                    <td>SKU: </td>
                    <td><input type="text" name="sku" placeholder="Ex: 5401" /></td>
                </tr>

                <tr>
                    <td>Preço: </td>
                    <td><input type="text" name="valor" placeholder="Ex: 1999 (apenas numeros inteiros)" /></td>
                </tr>

                <tr>
                    <td>Preço promocional: </td>
                    <td><input type="text" name="valor_promocional" placeholder="Ex: 999 (apenas numeros inteiros)" /></td>
                </tr>
      
                <tr>
                    <td>Descrição Curta: </td>
                    <td><textarea name="descricao" placeholder=""></textarea></td>
                    <td></td>
                </tr>

                <tr>
                    <td>Descrição Completa: </td>
                    <td><textarea name="descricao_completa" placeholder="" class="ckeditor" cols="80" id="editor"></textarea></td>
                    <td></td>
                </tr>

                <tr>
                    <td>Busca interna: </td>
                    <td><textarea name="busca_interna" placeholder=""></textarea></td>
                    <td></td>
                </tr>

                <tr>
                    <td>Situação: </td>
                    <td><select name="status">
                            <option value="2">Desabilitado</option>
                            <option value="1">Habilitado</option>
                        </select>
                    </td>
                </tr>
    
                
             </table>          
        
        </div> 
        <div id="imagem">
		<table>
        
            <tr>
                <td>Imagem principal: </td>
                <td><input type="file" name="foto" required="required" /></td>
            </tr>

         </table>
            
           </div>
        
        
         <div id="seo">
         
                <table>
                
                    <tr>
                        <td>Title</td>
                        <td><input type="text" onkeyup="limitaInput(this.value)" id="title" name="titulo_seo" /><span style="font-size:10px; color:#666;" >caracteres restantes:</span> <span id="contador3" style="font-size:10px; color:#666;">90</span></td>
                    </tr>
                
                    <tr>
                        <td>Meta Description: </td>
                        <td><textarea onkeyup="limitaTextarea(this.value)" id="descricao_seo" name="descricao_seo"></textarea><span style="font-size:10px; color:#666;" >caracteres restantes:</span> <span id="contador" style="font-size:10px; color:#666;">155</span></td>
                        <td></td>
                    </tr>
                    
                    <tr>
                        <td>URL Amigável</td>
                        <td><input type="text" name="url_seo" /></td>
                    </tr>
                
                </table>        
        
        </div> 

        <div id="caracteristica">
         
                <table>
                
                    <tr>
                        <td>Material: </td>
                        <td><input type="text" name="material" /></td>
                    </tr>

                    <tr>
                        <td>Garantia: </td>
                        <td><input type="text" name="garantia" /></td>
                    </tr>

                    <tr>
                        <td>Prazo de produção: </td>
                        <td><input type="text" name="prazo" /></td>
                    </tr>

                    <tr>
                        <td>Fabricante: </td>
                        <td><input type="text" name="fabricante" /></td>
                    </tr>

                    <tr>
                        <td>Instruções: </td>
                        <td><textarea name="instrucoes"></textarea></td>
                    </tr>

                </table>        
        
        </div> 
       
         <div id="opcoes-cores">


            <table>

                <tr>
                    <th>Cor</th>
                    
                </tr>
                <?php
                
                
                $selectcor  =   "SELECT * FROM tb_cor ORDER BY nome ASC";
                $querycor   =   mysql_query($selectcor);
                echo mysql_error();
                while($sqlcor   =   mysql_fetch_array($querycor)){
                
                 ?>
                
                <tr>
                    <td><label><input type="checkbox" name="opcoescor[]" value="<?php echo $sqlcor['cod'];?>" style="float: left;" /><div style="background: <?php echo $sqlcor['hexadecimal'];?>; padding:10px; color: #fff; text-shadow: 1px 1px #000; float: left; margin-bottom: 10px;"><?php echo $sqlcor['nome'];?></div></label></td>
                </tr>

                
             
                <?php } ?>
                
             </table>
            
         </div>


         <div id="opcoes-tamanhos">
       
            <table>

                <tr>
                    <th style="width:150px">Nome do campo</th>
                    <th style="width:150px">Comprimento</th>
                    <th style="width:150px">Altura</th>
                    <th style="width:150px">Largura</th>
                    <th style="width:80px">Peso</th>
                </tr>

                <tr>
                    <td><input type="text" name="nomenclatura[]" style="width:150px" placeholder="Nome do campo"></td>
                    <td><input type="text" name="largura2[]" style="width:150px" value="" /></td>
                    <td><input type="text" name="altura2[]" style="width:150px" value="" /></td>
                    <td><input type="text" name="profundidade2[]" style="width:150px" value="" /></td>
                    <td><input type="text" name="peso[]" style="width:80px" value="" /></td>
                </tr>

                <tr>
                    <td><input type="text" name="nomenclatura[]" style="width:150px" placeholder="Nome do campo"></td>
                    <td><input type="text" name="largura2[]" style="width:150px" value="" /></td>
                    <td><input type="text" name="altura2[]" style="width:150px" value="" /></td>
                    <td><input type="text" name="profundidade2[]" style="width:150px" value="" /></td>
                    <td><input type="text" name="peso[]" style="width:80px" value="" /></td>

                </tr>

                <tr>
                    <td><input type="text" name="nomenclatura[]" style="width:150px" placeholder="Nome do campo"></td>
                    <td><input type="text" name="largura2[]" style="width:150px" value="" /></td>
                    <td><input type="text" name="altura2[]" style="width:150px" value="" /></td>
                    <td><input type="text" name="profundidade2[]" style="width:150px" value="" /></td>
                    <td><input type="text" name="peso[]" style="width:80px" value="" /></td>
                </tr>

                <tr>
                    <td><input type="text" name="nomenclatura[]" style="width:150px" placeholder="Nome do campo"></td>
                    <td><input type="text" name="largura2[]" style="width:150px" value="" /></td>
                    <td><input type="text" name="altura2[]" style="width:150px" value="" /></td>
                    <td><input type="text" name="profundidade2[]" style="width:150px" value="" /></td>
                    <td><input type="text" name="peso[]" style="width:80px" value="" /></td>
                </tr>

                <tr>
                    <td><input type="text" name="nomenclatura[]" style="width:150px" placeholder="Nome do campo"></td>
                    <td><input type="text" name="largura2[]" style="width:150px" value="" /></td>
                    <td><input type="text" name="altura2[]" style="width:150px" value="" /></td>
                    <td><input type="text" name="profundidade2[]" style="width:150px" value="" /></td>
                    <td><input type="text" name="peso[]" style="width:80px" value="" /></td>                </tr>
                
             </table>
            
         </div>
        
        

        <div id="categorias">
            
           <?php

            function categoryTree($filiacao = 0){

                global $db;
                $selectcat = mysql_query("SELECT * FROM tb_categoria WHERE filiacao = $filiacao ORDER BY ordem ASC");

               
                if(mysql_num_rows($selectcat) > 0){
                    echo "<ul style='list-style:none;'>";
                    while($row = mysql_fetch_assoc($selectcat)){
                        if($filiacao > 0){
                            $i3 = 20;
                        } else {
                            $i3 = 0;
                        }
                        echo '<label><li style="margin-left:'.$i3.'px; margin-bottom:10px; font-size:12px;"><input style="margin:5px 5px 0 5px;" type="checkbox" name="categoria[]" value='.$row['cod'].' />'.$row['nome'].'</li></label>';
                        categoryTree($row['cod']);
                    }
                    echo "</ul>";
                    
                }
            }


           ?>

            <?php categoryTree(); ?>


         </div>

         <div id="etiquetas">
           <table>
                <?php
                
                
                $selectcor  =   "SELECT * FROM tb_etiquetas ORDER BY nome ASC";
                $querycor   =   mysql_query($selectcor);
                echo mysql_error();
                while($sqlcor   =   mysql_fetch_array($querycor)){
                
                 ?>
                
                <tr>
                    <td><label><input type="checkbox" name="opcoesetiquetas[]" value="<?php echo $sqlcor['cod'];?>" style="float: left;" /><?php echo $sqlcor['nome'];?></label></td>
                
                </tr>

                
             
                <?php } ?>
                
             </table>
            
         </div>

         <div id="relacionados">
           <table>
            <tr>
            <th style="width:20px"></th>
            <th style="width:430px">Nome<br /><input type="text"></th>
            <th style="width:130px">SKU<br /><input type="text"></th>
            <th style="width:130px">Preço</th>
            <th style="width:130px">Status</th>
            </tr>   

             <?php
             $sql            =   "SELECT * FROM tb_produto ORDER BY cod DESC";
                $query          =   mysql_query($sql) or die();
                while($sql = mysql_fetch_assoc($query)){ ?>
                <tr>
                    <td><input type="checkbox" name="relacionados[]" value="<?php echo $sql['cod'];?>" style="float: left;" /></td>
                    <td style="text-align:left;"><?php echo $sql['nome'] ?> </td>
                    <td><?php echo $sql['sku'] ?> </td>
                    <td><?php echo $sql['preco'] ?> </td>
                    <td style="width:130px"><?php if($sql['status'] == 1){ echo "<img src='images/liberado.png' />"; } else { echo "<img src='images/bloqueado.png' />";  } ?> </td>
                </tr>
             
                <?php } ?>
                
             </table>
            
         </div>

         </form>

         <div id="mais-fotos">
            <table>
                
                <p>Para utilizar essa opção você precisa salvar o produto.</p>
                
             </table>
            
         </div>

         


        </div>
       
        <script>
        $( "#tabs" ).tabs();
        </script>
        </table>
  
    </div>
    </div>
    </div>
    </div>



<script type="text/javascript">


    function limitaTextarea(valor) {
    quantidade = 155;
    total = valor.length;

    if(total <= quantidade) {
        resto = quantidade- total;
        document.getElementById('contador').innerHTML = resto;
    } else {
        document.getElementById('descricao_seo').value = valor.substr(0, quantidade);
    }
}

    function limitaTextarea2(valor) {
    quantidade = 199;
    total = valor.length;

    if(total <= quantidade) {
        resto = quantidade- total;
        document.getElementById('contador2').innerHTML = resto;
    } else {
        document.getElementById('keywords_seo').value = valor.substr(0, quantidade);
    }
}

function limitaInput(valor) {
    quantidade = 90;
    total = valor.length;

    if(total <= quantidade) {
        resto = quantidade- total;
        document.getElementById('contador3').innerHTML = resto;
    } else {
        document.getElementById('title').value = valor.substr(0, quantidade);
    }
}

function ExecutaAcao(valor){
   document.salvar.action = valor; 
   document.salvar.submit();
}

</script>




    <script>
    $(function(){
        $("#relacionados input").keyup(function(){     
            var index = $(this).parent().index();
            var nth = "#relacionados td:nth-child("+(index+1).toString()+")";
            var valor = $(this).val().toUpperCase();
            $("#relacionados tbody tr").show();
            $(nth).each(function(){
                if($(this).text().toUpperCase().indexOf(valor) < 0){
                    $(this).parent().hide();
                }
            });
        });

    
    });
    </script>

<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
<script type="text/javascript" src="ckfinder/ckfinder.js"></script>


<script>
    CKEDITOR.replace( 'editor', {
    filebrowserBrowseUrl: 'ckfinder/ckfinder.html',
    filebrowserUploadUrl: 'ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files',
} );
</script>

</body>
</html>