<div class="page-bar">
    <ul class="page-breadcrumb">
        <li>
            <span>Catalogo</span>
            <i class="fa fa-circle"></i>
        </li>
        <li>
            <span>Departamento</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">Alterar Departamento</span>
        </div>
        <div class="actions">
            <a href="painel.php?exe=catalogo/departamento" class="btn btn-xs blue" alt="Voltar" title="Voltar"><i class="fa fa-arrow-left"></i></a>
        </div>
    </div>
    <div class="portlet-body">
        <?php
        $data = filter_input_array(INPUT_POST, FILTER_DEFAULT);
        $depid = filter_input(INPUT_GET, 'depid', FILTER_VALIDATE_INT);
        if (!empty($data['SendPostForm'])):
            unset($data['SendPostForm']);

            require('_models/AdminDepartamento.class.php');
            $cadastra = new AdminDepartamento;
            $cadastra->ExeUpdate($depid, $data);


            WSErro($cadastra->getError()[0], $cadastra->getError()[1]);

        else:
            $read = new Read;
            $read->ExeRead("tp_departamentos", "WHERE departamento_id = :id", "id={$depid}");

            if (!$read->getResult()):
                header('Location: painel.php?exe=catalogo/departamento&empty=true');
            else:
                $data = $read->getResult()[0];
            endif;
//            echo '<pre>';
//            print_r($cadastra);
//            echo '</pre>';
        endif;

        $checkCreate = filter_input(INPUT_GET, 'create', FILTER_VALIDATE_BOOLEAN);
        if ($checkCreate && empty($cadastra)):
            $tipo = ( empty($data['departamento_parente']) ? 'seção' : 'categoria');
            WSErro("A {$tipo} <b>{$data['departamento_titulo']}</b> foi cadastrada com sucesso, continue atualizando.", WS_ACCEPT);
        endif;
        ?>
        <form class="form-horizontal j_departamento" name="DepForm" role="form" method="POST" action="" enctype="multipart/form-data">
            <div class="form-body">
                <div class="form-group">
                    <label class="col-md-2 control-label">Departamento
                        <span class="required">*</span>
                    </label>
                    <div class="col-md-10">
                        <input type="text" class="form-control" name="departamento_titulo" value="<?php if (isset($data['departamento_titulo'])) echo htmlspecialchars($data['departamento_titulo']); ?>" placeholder="Departamento"> 
                    </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="departamento_descricao" data-provide="markdown" rows="10"><?php if (isset($data['departamento_descricao'])) echo htmlspecialchars($data['departamento_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="departamento_tag_title" value="<?php if (isset($data['departamento_tag_title'])) echo htmlspecialchars($data['departamento_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="departamento_tag_description" placeholder="Meta descrição"><?php if (isset($data['departamento_tag_description'])) echo htmlspecialchars($data['departamento_tag_description']); ?></textarea>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-md-2 control-label">Meta Palavra-chave</label>
                    <div class="col-md-10">
                        <textarea rows="6" class="form-control" name="departamento_tag_key" placeholder="Meta Palavra-chave"><?php if (isset($data['departamento_tag_key'])) echo htmlspecialchars($data['departamento_tag_key']); ?></textarea>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-md-2 control-label">Departamento principal
                        <span class="required">*</span>
                    </label>
                    <div class="col-md-10">
                        <select class="form-control" name="departamento_parente">
                            <option value="">Selecione ...</option>
                            <?php
                            $ReadParente = new Read;
                            $ReadParente->ExeRead("tp_departamentos", "WHERE departamento_parente IS NULL ORDER BY departamento_titulo");
                            if ($ReadParente->getResult()):
                                foreach ($ReadParente->getResult() as $parentes):
                                    if ($data['departamento_parente'] == $parentes['departamento_id']):
                                        $selected = "selected";
                                    else:
                                        $selected = "";                                        
                                    endif;   
                                ?>
                            <option <?= $selected;?> value="<?= $parentes['departamento_id']; ?>"><?= $parentes['departamento_titulo']; ?></option>
                                    <?php
                                endforeach;
                            endif;
                            ?>
                        </select>
                    </div>
                </div>
                <!--                <div class="form-group">
                                    <label class="col-md-2 control-label">Filtros
                
                                    </label>
                                    <div class="col-md-10">
                                        <input type="text" class="form-control" name="departamento_titulo" value="" placeholder="Filtros"> 
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-md-2 control-label">Imagem</label>
                                    <div class="col-md-10">
                                        <div class="fileinput fileinput-new" data-provides="fileinput">
                                            <div class="fileinput-new thumbnail" style="width: 200px; height: 150px;">
                                                <img src="<?= HOME ?>/painel/assets/layouts/layout/img/no-image.png" alt="" /> </div>
                                            <div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 200px; max-height: 150px;"> </div>
                                            <div>
                                                <span class="btn default btn-file">
                                                    <span class="fileinput-new"> Selecionar imagem </span>
                                                    <span class="fileinput-exists"> Alterar </span>
                                                    <input type="file" name="cat_image"> </span>
                                                <a href="javascript:;" class="btn default fileinput-exists" data-dismiss="fileinput"> Remover </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>-->
                <div class="form-group">
                    <label class="col-md-2 control-label" for="form_control_1">Exibir no topo
                    </label>
                    <div class="col-md-10">
                        <div class="mt-checkbox-inline">
                            <label class="mt-checkbox">
                                <input type="checkbox" id="inlineCheckbox1" name="departamento_topo" value="1" checked=""> 
                                <span></span>
                            </label>
                        </div>
                    </div>
                </div>
                <!--                <div class="form-group">
                                    <label class="col-md-2 control-label">Colunas</label>
                                    <div class="col-md-10">
                                        <input type="number" class="form-control" name="departamento_colunas" value="1"> 
                                    </div>
                                </div>-->
                <div class="form-group">
                    <label class="col-md-2 control-label">Ordem</label>
                    <div class="col-md-10">
                        <input type="number" class="form-control" name="departamento_ordem" value="0"> 
                    </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="departamento_status">
                            <option value="1">Habilitado</option>
                            <option value="0">Desabilitado</option>
                        </select>
                    </div>
                </div>
            </div>
            <div class="form-actions">
                <div class="row">
                    <div class="col-md-offset-2 col-md-10">  
                        <!--<input type="submit" class="btn green" value="Cadastrar Categoria" name="SendPostForm" />-->
                        <button type="submit" name="SendPostForm" value="enviar" class="btn btn-success"><i class="fa fa-save"></i> <span class="hidden-xs"> Atualizar Departamento</span></button>
                    </div>
                </div>
            </div>
        </form>
        <hr>
    </div>   
</div>
<script type="text/javascript" src="<?= INCLUDE_PATH; ?>/js/jquery.form.min.js"></script>
<script>
    $('.j_departamento').submit(function () {
        var form = $(this);
        console.log(form);
        $(".trigger").remove();
        form.ajaxSubmit({
            url: '__jsc/ajax/departamento_create.php',
            dataType: 'json',
            data: {action: 'insert'},
            breforeSubmit: function () {
                console.log('antes');
            },
            uploadProgress: function () {
                console.log('durante');

            },
            success: function (data) {
                console.log(data)
                if (data.error[1] == 'accept') {
                    // document.location.href = 'painel.php?exe=mensagem/sucesso';
                    $("<div class=\"trigger " + data.error[1] + "\">" + data.error[0] + "</div>").prependTo(".j_departamento");
                    $('html, body').animate({scrollTop: 0}, 'slow');

                    // Limpando todos os campos do form
                    $(':input', '.j_departamento')
                            .not(':button, :submit, :reset, :hidden')
                            .val('')
                            .removeAttr('checked')
                            .removeAttr('selected');

                    // redefinir os valores iniciais do form
                    $('.j_departamento')[0].reset();
                } else {
                    $("<div class=\"trigger " + data.error[1] + "\">" + data.error[0] + "</div>").prependTo(".j_departamento");
                    $('html, body').animate({scrollTop: 0}, 'slow');
                }
            }
        })

        return false;
    });
</script>