<div class="page-bar">
    <ul class="page-breadcrumb">
        <li>
            <span>Catalogo</span>
            <i class="fa fa-circle"></i>
        </li>
        <li>
            <span>Produtos</span>
            <i class="fa fa-circle"></i>
        </li>
        <li>
            <span>Adicionar</span>
        </li>
    </ul>
</div>

<div class="portlet">
    <div class="portlet-title">
        <div class="caption">
            <i class="fa fa-pencil font-dark"></i>
            <span class="caption-subject font-dark bold uppercase">Adicionar Produtos</span>
        </div>
    </div>
    <div class="portlet-body">
        <?php
        $data = filter_input_array(INPUT_POST, FILTER_DEFAULT);
        if (!empty($data['SendPostForm'])):
            unset($data['SendPostForm']);
            unset($data['galeria_img'], $data['promocao_preco'], $data['promocao_data_ini'],$data['promocao_data_fim']);
            $data['produto_thumb'] = ($_FILES['produto_thumb']['tmp_name'] ? $_FILES['produto_thumb'] : 'null');
            $data['produto_data'] = date("Y-m-d H:i:s");
            
            $departamento = $data['produto_departamento_id'];
            
            require('_models/AdminProduto.class.php');
            $cadastra = new AdminProduto;
            $cadastra->ExeCreate($data);

            if ($cadastra->getResult()):
                //montado array de cadastro dos departamentos
                $Dados['produto_id'] = $cadastra->getResult();
                $Dados['departamento_id'] = $departamento;
                //cadastrar o departamento do produto
                $Create = new Create;
                $Create->ExeCreate("tp_produtos_departamentos", $Dados);
                
                if (!empty($_FILES['produto_img']['tmp_name'])):
                    $envGaleria = new AdminProduto;
                    $envGaleria->gbSend($_FILES['produto_img'], $cadastra->getResult());
                endif;
                WSErro($cadastra->getError()[0], $cadastra->getError()[1]);
                header('Location: painel.php?exe=catalogo/produto_update&create=true&produtoid=' . $cadastra->getResult());
            else:
                WSErro($cadastra->getError()[0], $cadastra->getError()[1]);
            endif;
        endif;
        ?>
        <form class="form-horizontal" name="ProForm" role="form" method="POST" action="" enctype="multipart/form-data">
            <div class="form-body">
                <div class="form-group">
                    <label class="col-md-2 control-label">Produto
                        <span class="required">*</span>
                    </label>
                    <div class="col-md-10">
                        <input type="text" class="form-control" name="produto_titulo" value="<?php if (isset($data['produto_titulo'])) echo htmlspecialchars($data['produto_titulo']); ?>" placeholder="Produto"> 
                    </div>
                </div>
                <div class="form-group ">
                    <label class="col-md-2 control-label" for="form_control_1">Descrição
                        <span class="required">*</span>
                    </label>
                    <div class="col-md-10">
                        <textarea name="produto_descricao" data-provide="markdown" rows="10"><?php if (isset($data['produto_descricao'])) echo htmlspecialchars($data['produto_descricao']); ?></textarea>
                        <div class="form-control-focus"> </div>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-md-2 control-label">Meta título
                        <span class="required">*</span>
                    </label>
                    <div class="col-md-10">
                        <input type="text" class="form-control" name="produto_tag_title" value="<?php if (isset($data['produto_tag_title'])) echo htmlspecialchars($data['produto_tag_title']); ?>" placeholder="Meta título"> 
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-md-2 control-label">Meta Descrição</label>
                    <div class="col-md-10">
                        <textarea rows="6" class="form-control" name="produto_tag_description" placeholder="Meta descrição"><?php if (isset($data['produto_tag_description'])) echo htmlspecialchars($data['produto_tag_description']); ?></textarea>
                    </div>
                </div>
            </div>

            <div class="form-body">
                <div class="form-group">
                    <label class="col-md-2 control-label">Preço
                    </label>
                    <div class="col-md-10">
                        <input type="tel" class="form-control" name="produto_preco" value="<?php if (isset($data['produto_preco'])) echo htmlspecialchars($data['produto_preco']); ?>" placeholder="Ex. 1999.90"> 
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-md-2 control-label">Quantidade
                    </label>
                    <div class="col-md-10">
                        <input type="number" class="form-control" name="produto_quantidade" value="<?php if (isset($data['produto_quantidade'])) echo htmlspecialchars($data['produto_quantidade']); ?>" placeholder=""> 
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-md-2 control-label">Mínimo por venda
                    </label>
                    <div class="col-md-10">
                        <input type="text" class="form-control" value="<?php if (isset($data['produto_minimo_venda'])) echo htmlspecialchars($data['produto_minimo_venda']); ?>" name="produto_minimo_venda"> 
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-md-2 control-label">Reduzir estoque</label>
                    <div class="col-md-10">
                        <select class="form-control" name="produto_reduzir">
                            <option value="1">Sim</option>
                            <option value="0">Não</option>
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-md-2 control-label">Se esgotado</label>
                    <div class="col-md-10">
                        <select class="form-control" name="produto_estoque_esgotado">
                            <?php
                            $readSes = new Read;
                            $readSes->ExeRead("tp_status_estoque");
                            if (!$readSes->getResult()):
                                echo '<option disabled="disabled" value="null"> Cadastre antes um status! </option>';
                            else:
                                foreach ($readSes->getResult() as $ses):
                                    echo "<option value=\"{$ses['status_estoque_id']}\" ";

                                    if ($ses['status_estoque_id'] == $data['produto_estoque_esgotado']):
                                        echo ' selected="selected" ';
                                    endif;

                                    echo "> {$ses['status_estoque_nome']} </option>";
                                endforeach;
                            endif;
                            ?>
                        </select>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-md-2 control-label">Dimensões (C x L x A) 
                    </label>
                    <div class="col-md-3">
                        <input type="text" class="form-control" name="produto_comprimento" value="<?php if (isset($data['produto_comprimento'])) echo htmlspecialchars($data['produto_comprimento']); ?>" placeholder="Comprimento"> 
                    </div>
                    <div class="col-md-3">
                        <input type="text" class="form-control" name="produto_altura" value="<?php if (isset($data['produto_altura'])) echo htmlspecialchars($data['produto_altura']); ?>" placeholder="Altura"> 
                    </div>
                    <div class="col-md-3">
                        <input type="text" class="form-control" name="produto_largura" value="<?php if (isset($data['produto_largura'])) echo htmlspecialchars($data['produto_largura']); ?>" placeholder="Largura"> 
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-md-2 control-label" for="form_control_1">Precisa de frete ?</label>
                    <div class="col-md-10">
                        <div class="md-radio-inline">
                            <?php
                            if(isset($data['produto_frete']) && $data['produto_frete'] == 2):
                                $nao = "checked";
                                $sim = "";
                            else:
                                $nao = "";
                                $sim = "checked";
                            endif;
                            ?>
                            <div class="md-radio">
                                <input <?= $sim; ?> type="radio" id="checkbox1_8" name="produto_frete" value="1" class="md-radiobtn">
                                <label for="checkbox1_8">
                                    <span class="inc"></span>
                                    <span class="check"></span>
                                    <span class="box"></span> Sim </label>
                            </div>
                            <div class="md-radio">
                                <input <?= $nao; ?> type="radio" id="checkbox1_9" name="produto_frete" value="2" class="md-radiobtn">
                                <label for="checkbox1_9">
                                    <span class="inc"></span>
                                    <span class="check"></span>
                                    <span class="box"></span> Não </label>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label col-md-2">Disponivel a partir de </label>
                    <div class="col-md-3">
                        <?php 
                        if (isset($data['produto_data_disponivel'])):
                            $data_disponivel = $data['produto_data_disponivel'];
                        else:
                            $data_disponivel = date("d/m/Y");
                        endif;
                        ?>
                        <input class="form-control" name="produto_data_disponivel" type="text" value="<?= $data_disponivel; ?>" maxlength="8" placeholder="Ex. 01/01/2018">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-md-2 control-label">Peso
                    </label>
                    <div class="col-md-10">
                        <input type="text" class="form-control" name="produto_peso" value="<?php if (isset($data['produto_peso'])) echo htmlspecialchars($data['produto_peso']); ?>" placeholder="Peso"> 
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-md-2 control-label">Situação</label>
                    <div class="col-md-10">
                        <select class="form-control" name="produto_status">
                            <option value="1">Habilitado</option>
                            <option value="0">Desabilitado</option>
                        </select>
                    </div>
                </div>

            </div>
            <div class="form-body">
                <div class="form-group">
                    <label class="col-md-2 control-label">Marcas
                    </label>
                    <div class="col-md-10">
                        <select class="form-control" name="fabricante_id">
                            <option value="">Selecione...</option>
                            <?php
                            $readSes = new Read;
                            $readSes->ExeRead("tp_fabricantes");
                            if (!$readSes->getResult()):
                                echo '<option disabled="disabled" value="null"> Cadastre antes um fabricante! </option>';
                            else:
                                foreach ($readSes->getResult() as $ses):
                                    echo "<option value=\"{$ses['fabricante_id']}\" ";

                                    if ($ses['fabricante_id'] == $data['fabricante_id']):
                                        echo ' selected="selected" ';
                                    endif;

                                    echo "> {$ses['fabricante_titulo']} </option>";
                                endforeach;
                            endif;
                            ?>
                        </select> 
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-md-2 control-label">Departamento
                    </label>
                    <div class="col-md-10">
                        <select class="form-control" name="produto_departamento_id">
                            <option value="">Selecione...</option>
                            <?php
                            $readSes = new Read;
                            $readSes->ExeRead("tp_departamentos", "WHERE departamento_parente IS NULL ORDER BY departamento_titulo");
                            if ($readSes->getRowCount() >= 1):
                                foreach ($readSes->getResult() as $ses):
                                    echo "<option disabled=\"disabled\" value=\"\"> {$ses['departamento_titulo']} </option>";
                                    $readCat = new Read;
                                    $readCat->ExeRead("tp_departamentos", "WHERE departamento_parente = :parent", "parent={$ses['departamento_id']}");
                                    if ($readCat->getRowCount() >= 1):
                                        foreach ($readCat->getResult() as $cat):
                                            echo "<option ";
                                            if ($data['produto_departamento_id'] == $cat['departamento_id']):
                                                echo "selected=\"selected\" ";
                                            endif;
                                            echo "value=\"{$cat['departamento_id']}\"> &raquo; {$cat['departamento_titulo']} </option>";
                                        endforeach;
                                    endif;
                                endforeach;
                            endif;
                            ?>
                        </select> 
                    </div>
                </div>
            </div>
            <div class="tab-content">
<!--                <div class="tab-pane active" id="tab_images">
                    <div class="row">
                        <label class="col-md-2 control-label">Promoções
                        </label>
                        <div class=" col-md-10">
                            <table class="table table-bordered table-hover">
                                <thead>
                                    <tr role="row" class="heading">
                                        <th width="10%"> Preço </th>
                                        <th width="10%"> Data inicial </th>
                                        <th width="10%"> Data final </th>
                                        <th width="10%">
                                            <a href="javascript:;" class="btn btn-success btn-sm" id="add_input">
                                                <i class="fa fa-plus"></i> Adcionar
                                            </a> 
                                        </th>
                                    </tr>
                                </thead>
                                <tbody id="add_img">
                                    <tr id="add">

                                        <td>
                                            <input type="text" class="form-control" name="promocao_preco[]" placeholder="Ex. 1999.90"> 
                                        </td>
                                        <td>
                                            <input type="text" class="form-control" name="promocao_data_ini[]" placeholder="01/01/2018"> 
                                        </td>
                                        <td>
                                            <input type="text" class="form-control" name="promocao_data_fim[]" placeholder="31/12/2018"> 
                                        </td>
                                        <td>
                                            <a href="javascript:;" class="btn btn-default btn-sm" id="remove_img">
                                                <i class="fa fa-times"></i> Remover
                                            </a>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>-->
            </div>
            <div class="tab-content">
                <div class="tab-pane active" id="tab_images">
                    <div class="row">
                        <label class="col-md-2 control-label">Imagens Principal
                        </label>
                        <div class=" col-md-10">
                            <table class="table table-bordered table-hover">
                                <thead>
                                    <tr role="row" class="heading">
                                        <th> Imagem </th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>
                                            <div class="fileinput fileinput-new" data-provides="fileinput">
                                                <div class="fileinput-preview thumbnail" data-trigger="fileinput" style="width: 120px; height: 100px;">
                                                </div>
                                                <div>
                                                    <span class="btn red btn-outline btn-file" style="display: none">
                                                        <input type="file" name="produto_thumb"> 
                                                    </span>
                                                </div>
                                            </div>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>

                    <div class="row">
                        <label class="col-md-2 control-label">Galeria de imagens
                        </label>
                        <div class=" col-md-10">
                            <table class="table table-bordered table-hover">
                                <thead>
                                    <tr role="row" class="heading">
                                        <th width="80%"> Imagem adcionais </th>
                                        <th width="10%">
                                            <a href="javascript:;" class="btn btn-success btn-sm" id="add_input2">
                                                <i class="fa fa-plus"></i> Adcionar
                                            </a> 
                                        </th>
                                    </tr>
                                </thead>
                                <tbody id="add_img2">
                                    <tr id="add2">
                                        <td>
                                            <div class="fileinput fileinput-new" data-provides="fileinput">
                                                <div class="fileinput-preview thumbnail" data-trigger="fileinput" style="width: 120px; height: 100px;">
                                                </div>
                                                <div>
                                                    <span class="btn red btn-outline btn-file" style="display: none">
                                                        <input type="file" name="produto_img[]"> 
                                                    </span>
                                                </div>
                                            </div>
                                        </td>
                                        <td>
                                            <a href="javascript:;" class="btn btn-default btn-sm" id="remove_img2">
                                                <i class="fa fa-times"></i> Remover</a>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>

            <div class="form-actions">
                <div class="row">
                    <div class="col-md-offset-2 col-md-10">  
                        <button type="submit" name="SendPostForm" value="enviar" class="btn btn-success"><i class="fa fa-save"></i> <span class="hidden-xs"> Cadastrar Produto</span></button>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>

<script type="text/javascript" src="<?= INCLUDE_PATH; ?>/js/jquery.form.min.js"></script>
<script>
    $(function () {
        var img_new = $('#add_img');
        $(document).on('click', '#add_input', function () {
            $('<tr>' +
                    '<td>' +
                    '<input type="text" class="form-control" name="promocao_preco[]" placeholder="Ex. 1999.90"> ' +
                    '</td>' +
                    '<td>' +
                    '<input type="text" class="form-control" name="promocao_data_ini" placeholder="01/01/2018">' +
                    '</td>' +
                    '<td>' +
                    '<input type="text" class="form-control" name="promocao_data_fim" placeholder="31/12/2018">' +
                    '</td>' +
                    '<td>' +
                    '<a href="javascript:;" class="btn btn-default btn-sm" id="remove_img">' +
                    '<i class="fa fa-times"></i> Remover</a>' +
                    '</td>' +
                    '</tr>').appendTo(img_new);
            return false;
        });
        $(document).on('click', '#remove_img', function () {
            $(this).parents('tr').remove();
            return false;
        });
    });
    $(function () {
        var img_new = $('#add_img2');

        $(document).on('click', '#add_input2', function () {
            $('<tr>' +
                    '<td>' +
                    '<div class="fileinput fileinput-new" data-provides="fileinput">' +
                    '<div class="fileinput-preview thumbnail" data-trigger="fileinput" style="width: 120px; height: 100px;">' +
                    '</div>' +
                    '<div>' +
                    '<span class="btn red btn-outline btn-file" style="display: none">' +
                    '<input type="file" name="produto_img[]"> ' +
                    '</span>' +
                    '</div>' +
                    '</div>' +
                    '</td>' +
                    '<td>' +
                    '<a href="javascript:;" class="btn btn-default btn-sm" id="remove_img2">' +
                    '<i class="fa fa-times"></i> Remover</a>' +
                    '</td>' +
                    '</tr>').appendTo(img_new);
            return false;
        });
        $(document).on('click', '#remove_img2', function () {
            $(this).parents('tr').remove();
            return false;
        });
    });
</script>