<?php $__env->startSection('content'); ?>

<script>
    $('.carregando').fadeIn();
</script>

<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
        <h1>
            Produto
            <small>Listagem</small>
        </h1>
        <ol class="breadcrumb">
            <li><a href="<?php echo e(url('admin')); ?>"><i class="fa fa-dashboard"></i> Dashboard</a></li>
            <li><a href="<?php echo e(url('admin/produto/lista')); ?>"><i class="fa fa-dashboard"></i> Produtos</a></li>
            <li class="active">Gerador de Variação de Produtos</li>
        </ol>
    </section>

    <!-- Main content -->
    <section class="content">
        <div class="row">
            <div class="col-xs-12">
                <div class="box">
                    <div class="box-header">

                    </div>
                    <!-- /.box-header -->
                    <div class="box-body">
                        <form method="/" id="formFiltros" type="POST">

                        <div class="row">
                            <div class="col-md-12">
                                <label for="produto_id" class="control-label">DADOS PRODUTO</label>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-3">
                                <div class="row">
                                    <div class="col-md-12">
                                        <h6>Produto:</h6>
                                        <select name="produto_id" id="produto_id" class="form-control select2">
                                            <option value="0"></option>
                                            <?php $__currentLoopData = $listaProdutos; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $produto): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                <option value="<?php echo e($produto->id); ?>"><?php echo e($produto->nome); ?></option>
                                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="row">
                                    <div class="col-md-12">
                                        <h6>Oferta:</h6>
                                        <select name="oferta_id" id="oferta_id" class="form-control select2">
                                            <option value="0"></option>
                                            <?php $__currentLoopData = $listaOfertas; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $oferta): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                                <option value="<?php echo e($oferta->id); ?>"><?php echo e($oferta->titulo); ?> <?php echo e($oferta->sub_titulo); ?></option>
                                            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-3">
                                <div class="row">
                                    <div class="col-md-12">
                                        <h6>Quantidade:</h6>
                                        <input id="quantidade" required="required" type="number" class="form-control" value="<?php if(isset($quantidade) ? $quantidade : '')?>" name="quantidade">
                                    </div>
                                </div>
                            </div>
                        </div>

                        <br>

                        <div class="row">
                            <div class="col-md-12">
                                <button type="button" class="btn btn-primary" id="btn-listar-produtos">Listar Produtos</button>
                            </div>  
                        </div>

                        <br>

                        </form>
                        <!-- /.row -->
                        <div class="row">
                            <fieldset style="float:left; width: 100%" id="field-produtos" class="hidden">
                                <legend>Produtos</legend>
                                <div class="row">
                                    <div class="col-md-12">
                                        <table class="table table-bordered table-striped" id="produtos-lista">
                                        <thead>
                                            <tr>
                                                <th class="no-sort text-center"><input type="checkbox" name="selecionar_todos"/></th>
                                                <th>SKU</th>
                                                <th>Nome</th>
                                                <th>Modelo</th>
                                                <th>Tamanho</th>
                                                <th>Disponibilidade</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                        </tbody>
                                        </table>

                                        <button type="button" class="btn btn-primary" id="btn-gerar-produtos">Gerar Produtos</button>

                                    </div>
                                </div>
                            </fieldset>
                        </div>
                    </div>
                </div>
                <!-- /.box -->
            </div>
            <!-- /.col -->
        </div>
        <!-- /.row -->
    </section>
    <!-- /.content -->
</div>
<!-- /.content-wrapper -->
<script>

    $('[name="selecionar_todos"]').click(function(){
        if($(this).is(':checked')){
            $('[name="item_produto[]"]').prop('checked', true);
        }else{
            $('[name="item_produto[]"]').prop('checked', false);
        }
    });

    $('#btn-listar-produtos').click(function(e){

        var produto    = $('#produto_id').val();
        var oferta     = $('#oferta_id').val();
        var quantidade = $('#quantidade').val();

        if(produto == 0){
            alertUtil.alertWarning('Campo "Produto" Obrigatório');
        }else if(oferta == 0){
            alertUtil.alertWarning('Campo "Oferta" Obrigatório');
        }else if(quantidade == ''){
            alertUtil.alertWarning('Campo "Quantidade" Obrigatório');
        }else{
            $.ajax({
                url: '/admin/produto/gerador-lista-produtos-variacao',
                type: 'POST',
                data: $('#formFiltros').serialize(), // serializes the form's elements.
                dataType: 'json',
                beforeSend:function(){
                    $('.carregando').fadeIn();
                    $('#field-produtos').removeClass('hidden');
                },
                success:function(data){
                    $('.carregando').fadeOut();
                    $('#produtos-lista tbody').html(data.html);
                },
                error:function(){
                    $('.carregando').fadeOut();
                    alertUtil.alertError('Erro durante listagem produtos!');
                }
            });
        }

    });

    $('#btn-gerar-produtos').click(function(e){

        var produtos_selecionados = $('[name="item_produto[]"]:checked');
        var produto  = 0;
        var produtos = [];
        var item     = {};
        var validaProduto = false;
        var produto_id    = $('#produto_id').val();
        var oferta_id     = $('#oferta_id').val();

        if(produtos_selecionados.length > 0){

            $( produtos_selecionados ).each(function( index ) {

                produto       = produtos_selecionados[index].value;
                validaProduto = validacaoProduto(produto);

                if(validaProduto == false){
                    e.preventDefault();
                    alertUtil.alertError('Campos Obrigatórios "Produto: ' + $('#produto_nome_' + produto).val() + '"  não informados!');
                    return false;
                }else{

                    item  = {
                        sku             : $('#produto_sku_' + produto).val(),
                        nome            : $('#produto_nome_' + produto).val(),
                        tamanho         : $('#produto_tamanho_' + produto).val(),
                        modelo          : $('#produto_modelo_' + produto).val(),
                        disponibilidade : $('#produto_disponibilidade_' + produto).val(),
                    };

                    produtos.push(item);

                }

            });

            if(validaProduto == true){
                $.ajax({
                    url: '/admin/produto/gerador-produtos-variacao',
                    type: 'POST',
                    data: {produto_id: produto_id, oferta_id: oferta_id, produtos: produtos},
                    dataType: 'json',
                    beforeSend:function(){
                        $('.carregando').fadeIn();
                    },
                    success:function(data){
                        $('.carregando').fadeOut();
                        resetGerador();
                        alertUtil.alertSuccess(data.message);
                    },
                    error:function(){
                        $('.carregando').fadeOut();
                        alertUtil.alertError('Erro durante gravação produtos!');
                    }
                });
            }

        }else{
            alertUtil.alertWarning('Você deve selecionar ao menos um produto');
        }

    }); 

    function validacaoProduto(produto){

        var field  = '';
        var result = true;

        var fields = [
            'sku',
            'nome',
            'modelo',
            'tamanho',
            'disponibilidade',
        ];

        $( fields ).each(function( index ) {
            field = $('#produto_' + fields[index] + '_' + produto).val();
            if(field == ''){
                $('#produto_' + fields[index] + '_' + produto).addClass('form-control__error');
                result = false;
            }else{
                $('#produto_' + fields[index] + '_' + produto).removeClass('form-control__error');
            }
        });

        return result;

    }

    function calculaCustoEfetivo(row){
        var preco_custo = $('#produto_preco_custo_' + row).val();
        var estado_fornecedor = $('#estado_fornecedor').val();
        if(estado_fornecedor != '' && estado_fornecedor != 'RS'){
            var acrescimo = (preco_custo * 14) / 100;
            preco_custo = parseFloat(preco_custo) + parseFloat(acrescimo);
            preco_custo = number_format(preco_custo,2,'.','');
        }
        $('#produto_custo_efetivo_' + row).val(preco_custo);
    }

    function resetGerador(){
        $('#field-produtos').addClass('hidden');
        $('#produtos-lista tbody').html('');
        $('#produto_id, #oferta_id').val(0);
        $('#quantidade').val('');
    }

    $(document).ready(function(){

        $('.select2').select2();

        $('.carregando').fadeOut();

    });
</script>
<?php $__env->stopSection(); ?>

<?php echo $__env->make($current_template, array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>