<?php

use Source\Helpers\Check;
$status360 = false;

if (!empty($produto->produto_id)):
    $ProdutoPrice = str_price_usa($produto->produto_preco);
    $ProdutoMaxParcela = $produto->produto_parcela;
    $ProdutoMaxParcelaJuros = $produto->produto_max_parcela_sj;
    ?>
    <script type="application/ld+json" id="ld-json">
    <?= json_encode(getSchema($produto, $marcas, $categoria, $largeImage, $produtoReview, true)) ?>
    </script>
    <?php
    if ($produto->produto_image_360):
        ?>
        <script src="https://unpkg.com/@3dweb/360javascriptviewer"></script>
    <?php endif;
    ?>
    <script>
    $(function () {
        var level_1 = $('.variacao-level-1');
        var level_2 = $('.variacao-level-2');
        var level_3 = $('.variacao-level-3');
        var ImagensProdutos = JSON.parse('<?= json_encode($largeImage) ?>');
        var Imagens360 = JSON.parse('<?= json_encode($image360) ?>');

        /**
         * Carrega as defiições do produto quando é uma variação.
         * @returns {Boolean}
         */
        var loadproduto = function () {
            var produto_id = $('.variacao-level-1 li').data('produto');
            var variacao = $('.variacao-level-1 li.active').data('variacao');
            var config = $('.variacao-level-1 li.active').data('json');
    //                level_1.find('li').removeClass('active');
            $('.variacao-level-1 li.active').addClass('active');  
            
            if(!config){
                config = configToSelect('.variacao-level-1',variacao);
            }
             console.log(config);
            selecionarVariacao(level_2, variacao);
            var subvariacao = $('.variacao-level-2 li input,.variacao-level-2 li select').val(); 
            selecionarVariacao(level_3, subvariacao);

            UpdateProduto(config);
            return false;
        };
        /**
         * Carrega as imagens em 360º 
         * @returns {undefined}
         */
        var create360 = function () {
            var image = [];
            $.each(Imagens360, function (item, value) {
                image.push(value.src);
            });
            const viewer = new JavascriptViewer({
                mainHolderId: 'jsv-holder',
                mainImageId: 'jsv-image',
                imageUrls: image,
                speed: 70,
                inertia: 40,
                zoom: true,
                defaultProgressBar: true
            });

            // use events for example
            viewer.events().loadImage.on((progress) => {
//                console.log(`loading ${progress.percentage}%`)
            })

            viewer.events().started.on((result) => {
                // use a promise or a start event to trigger things    
            })

            viewer.start().then(() => {
                viewer.rotateDegrees(360).then(() => {
                    // continue with your amazing intro
                })
            });
        };
        /**
         * Atualiza a exibição dos imagens do produto, com relação a variação selecionada
         * @param {type} produto_id do produto selecionado
         * @param {type} title do produto selecionado
         * @returns {undefined}
         */
        var UpdateSlide = function (produto_id, title) {
            $('.produto-slider2 .swiper-wrapper,.produto-slider .swiper-wrapper').empty();

            if (Imagens360.length >= 1) {
                var item_slide = "<li class='swiper-slide'  data-produto='" + produto_id + "'><div id='jsv-holder'><img id='jsv-image' alt='" + title + "' src='" + Imagens360[0].src + "'></div></li>";
                $('.produto-slider2 .swiper-wrapper,.produto-slider .swiper-wrapper').append(item_slide);
            }
            $(ImagensProdutos).each(function (item, image) {
                if (image.id == produto_id) {
                    var item_slide = "<li class='swiper-slide zoom'  data-produto='" + image.id + "'><img itemprop='image' alt='" + title + "' data-zoom-image='" + image.zoom + "' src='" + image.src + "'/></li>";
                    $('.produto-slider2 .swiper-wrapper,.produto-slider .swiper-wrapper').append(item_slide);
                }
            });
            if (Imagens360.length >= 1) {
                create360();
            }
        };
        /**
         * Função que aplica a seleção da variação
         * @param {type} el Elemento onde se encontra os seletor das variações
         * @param {type} variacao variação ativa
         * @returns {undefined}
         */
        var selecionarVariacao = function (el, variacao, variacao_pai) {
    //            
    //            $('.box-variacao select').val('');
            if (el.find('li').length >= 1) {

                if (el.find('select').length >= 1) {
                    count = 1;
                    el.find('select').children().each(function (key, value) {
                        var referencia = $(this).data('referencia');

                        if (referencia != variacao) {
                            $(this).attr('disabled', true).css({display: "none"});
                            $(this).prop('selected', false);
                        } else {
                            if (count == 1) {
                                $(this).prop('selected', true);
                            }
                            $(this).attr('disabled', false).attr('style', '');
                            count++;
                        }
                    });
                } else {
                    el.find("li").css({display: "none"});
                    if (variacao_pai) {
                        el.find("[data-referencia='" + variacao + "'][data-referer='" + variacao_pai + "']").css({display: "inline-block"});
                    } else {
                        el.find("[data-referencia='" + variacao + "']").css({display: "inline-block"});
                    }

                }
            }
        };
        var configToSelect = function (el,variacao) {
            console.log(variacao)
            if ($(el).find('select').length >= 1) {
                var config = {};
                $(el).find('select').children().each(function (key, value) {
                    
                    if ($(this).val()==variacao) {                       
                        config = $(this).data('json');
                    }
                });
                return config;
            }else{
                return false;
            }
        };
        $('.box-variacao .disabled').click(function () {
    //            return false;
        });

        var execSlideProduto = function () {

            var swiperthumb = new Swiper(".produto-slider", {
                spaceBetween: 10,
                slidesPerView: 5,
                freeMode: true,
                watchSlidesProgress: true,
                navigation: {
                    nextEl: ".swiper-button-next",
                    prevEl: ".swiper-button-prev",
                },
            });
            var swiperproduto = new Swiper(".produto-slider2", {
                allowTouchMove: false,
                thumbs: {
                    swiper: swiperthumb,
                },
            });
 $('.zoomWindow').remove();
            $('.produto-slider2 .swiper-slide.zoom img').elevateZoom({
                zoomType: "inner",
                cursor: "crosshair",
    //                lensShape: "round",
                lensSize: 240,
                easing: true,
                zoomWindowWidth: 500,
                zoomWindowHeight: 500,
                responsive: true
            });
    //              swiperthumb.update();
    //              swiperproduto.update();

        }

        /**
         * Atualiza as informações do produto de acordo com a variação selecionada
         * @param {type} config definições da variação
         * @returns {undefined}        
         *  */
        function UpdateProduto(config) {
    //            $('.product-details-area .add-produto,.product-details-area .add-wishlist,.product-details-area .getCotacao').attr('data-item', config.produto_id);
            $('.product-details-area [itemprop="name"]').html(config.produto_name);
            $('.product-details-area .reference span').html(config.produto_sku);
            var stateObj = {page: "produto"};
            var url_produto = config.produto_url;
            var push_url = url_produto; 
 
            history.pushState(stateObj, config.produto_name, push_url);
            $('.product-details-area .form-produto').find('.title').val(config.produto_id);
            $('.product-details-area .form-produto').find('.price').val(config.produto_preco);
    //            $('.product-details-area .form-produto').find('.brand').val(config.produto_id);
    //            $('.product-details-area .form-produto').find('.category').val(config.produto_id);
            $('.product-details-area .form-produto').find('.variation').val(config.produto_variacao);
            $('.product-details-area .form-produto').find('.sku').val(config.produto_sku);
            $('.product-details-area .form-produto').find('.id').val(config.produto_id);

            console.log("Update "+config.produto_id);
            UpdateSlide(config.produto_id, config.produto_name);
            execSlideProduto()

            if (!config.produto_disponibilidade) {
                $('.estoque-off').removeClass("d-none");
                $('.ProductPrice').addClass("d-none");
                $('.pro-details-quality').addClass("d-none");
            } else {
                $('.estoque-off').addClass("d-none");
                $('.ProductPrice').removeClass("d-none");
                $('.pro-details-quality').removeClass("d-none");
            }

            if (config.produto_desconto) {
                $('.produto-preco .PriceDiscount').fadeIn().find('.PriceDiscountValue').text(config.produto_desconto + "%");
            }

            if (config.produto_preco_anterior) {
                $('.produto-preco .PriceOld').fadeIn().find('.PriceOldValue').text("R$ " + config.produto_preco_anterior);
            }
            var PriceOffers = '';

            if (config.parcela_principal > 1) {
                PriceOffers += '<dfn class="PriceCondition">ou em até <span class="PriceParcels">' + config.parcela_principal + 'x</span> sem juros de <span class="PriceParcelValue">R$ ' + config.valor_parcela + '</span></dfn>';
            }
            if (config.instant_price) {

                PriceOffers += '<small class="PriceInstant">ou à vista no <b>' + config.method + '</b> por <span class="PriceInstantValue" >R$ ' + config.instant_price + '</span> ';

                if (config.instant_desconto) {
                    PriceOffers += ' <label> com <span class="PriceInstantDiscount">R$ ' + config.instant_desconto + '</span> de desconto</label>';
                }
                PriceOffers += '</small>';
            }

            $('.produto-preco .PriceReal').find('.PriceRealValue').text("R$ " + config.produto_preco);
            $('.produto-preco .PriceOffers').html(PriceOffers);
            $('.modal-produto').find('.modal-price').text("R$ " + config.produto_preco);

        }
        /************AÇÕES QUE REALIZAM A MUDANÇA NAS VARIAÇÕES*************/
        //VARIAÇÃO NIVEL 1
        $('.variacao-level-1 li input,.variacao-level-1 li select').on('change', function () {
            var $this = $($(this).parent().parent());
            var produto_id = $this.data('produto');
            var variacao = $(this).val();
            var variacao_pai = $this.data('referer');

            var config = $this.data('json');
            console.log("Select "+produto_id);
            if(!config){
                config = configToSelect('.variacao-level-1',variacao);
            }
            console.log(config);
            level_1.find('li').removeClass('active');
            $('.variacao-level-2 input').prop("checked", false);
            $('.variacao-level-3 input').prop("checked", false);
            $this.addClass('active');


            $('.variacao-level-1 ').find('.mssg').html('');
            selecionarVariacao(level_2, variacao, variacao_pai);
            var subvariacao = $('.variacao-level-2 li input:checked,.variacao-level-2 li select').val();

            selecionarVariacao(level_3, subvariacao, variacao_pai);
            UpdateProduto(config);
        });
        //VARIAÇÃO NIVEL 2
        $('.variacao-level-2 li input,.variacao-level-2 li select').on('change', function () {
            var $this = $($(this).parent().parent());
            var produto_id = $this.data('produto');
            var variacao_pai = $this.data('referer');
            var variacao = $(this).val();
            var config = $this.data('json');
            if(!config){
                config = configToSelect('.variacao-level-2',variacao);
            }
            level_2.find('li').removeClass('active');
            $this.addClass('active');
            $('.variacao-level-2 ').find('.mssg').html('');

            $('.variacao-level-3 input').prop("checked", false);
            selecionarVariacao(level_3, variacao, variacao_pai);
            UpdateProduto(config);

        });
        //VARIAÇÃO NIVEL 3
        $('.variacao-level-3 li input,.variacao-level-3 li select').on('change', function () {
            var $this = $($(this).parent().parent());
            var produto_id = $this.data('produto');
            var variacao = $(this).val();
            var config = $this.data('json');
            if(!config){
                config = configToSelect('.variacao-level-3',variacao);
            }
            level_3.find('li').removeClass('active');
            $('.variacao-level-3 ').find('.mssg').html('');
            $this.addClass('active');
            UpdateProduto(config);

        });

        //VERIFICA SE O PRODUTO TEM VARIAÇÃO OU SE É UM PRODUTO SIMPLES
        if ($('.variacao-level-1 ul li').length >= 1) {
            loadproduto();
        } else {
            UpdateSlide('<?= $produto->produto_id ?>', '<?= $produto->produto_title ?>');
            execSlideProduto();
        }
        //ABRE A MODAL DE FORMAS DE PAGAMENTO
        $('.PriceFormas').on('click', function () {
            $('.modal-forma-pagamento').modal('show');
        });

    });
    </script>



    <div class="offcanvas-overlay"></div>
    <!-- Breadcrumb Area Start -->
    <div class="breadcrumb-area">
        <div class="container">
            <div class="row"> 
                <div class="col-md-12">
                    <div class="breadcrumb-content">
                        <?php
                        echo setBreadCrumd($page_breadcrumb)
                        ?>  
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- AD COMPONENT TOP -->
    <?php if (!empty($site['files']['pagina_top'])): ?>
        <div class="looja-page-top">        
            <?php
            $local_page = $site['files']['pagina_top'];
            require "dist/page/setComponente.php";
            ?>         
        </div>
    <?php endif; ?>
    <!-- Breadcrumb Area End-->
    <!-- Shop details Area start -->

    <section >        
        <?php
        if (!empty($variacao)):
            foreach ($variacao['data'] as $propriedade):
                if ($propriedade):
                    $name_grupo = str_studly_case($propriedade['grupo']);

                    if (strripos($name_grupo, "Cor") !== false):
                        echo "<meta itemprop='color' content='{$propriedade['variacao_title']}'> ";
                    endif;
                    if (strripos($name_grupo, "Tamanho") !== false):
                        echo "<meta itemprop='size' content='{$propriedade['variacao_title']}'> ";
                    endif;
                endif;
            endforeach;
        endif;
        ?>
        <div class="product-details-area mtb-60px"   >
            <?= formProduto($produto, ($categoria ? $categoria->title : ''), ($marcas ? $marcas->title : ''), '') ?>
            <div class="container"> 
                <div class="row">
                    <div class="col-xl-6 col-lg-6 col-md-12">
                        <div class="product-details-img product-details-tab">
                            <ul class="product-flag">
                                <?php if ($produto->novo): ?>  <li class="new">NOVO</li><?php endif; ?>
                                <?= $produto->flags ?>
                            </ul>  
                            <?php
                            if ($produto->produto_image_360):
                                $status360 = true; 
                                ?>
                                <div class="image360" data-target="#modal-image360" data-toggle="modal">
                                    <img  src='<?= SITE ?>shared/images/360graus.png' height="25"/>                                         
                                </div>                                   
                            <?php endif; ?>
                            <div class="exzooms " id="sexzoom" style="position:relative">  
                                <div  style="--swiper-navigation-color: var(--color-primary); --swiper-pagination-color: var(--color-primary)" class="swiper produto-slider2" >
                                    <div class="swiper-wrapper">
                                        <?php
                                        foreach ($largeImage as $images):

//                                          " <li class='swiper-slide'  data-produto='{$images['id']}'><img itemprop='image' alt='{$produto->produto_title}' data-zoom-image='{$images['zoom']}' src='{$images['src']}'/></li>";
                                        endforeach;
                                        ?> 
                                    </div>
                                    <div class="swiper-button-next"></div>
                                    <div class="swiper-button-prev"></div>
                                </div>
                                <div thumbsSlider="" class="swiper produto-slider">
                                    <div class="swiper-wrapper">
                                        <?php
                                        foreach ($largeImage as $images):
//                                            " <li class='swiper-slide'  data-produto='{$images['id']}'><img alt='{$produto->produto_title}' src='{$images['src']}'/></li>";
                                        endforeach;
                                        ?>  
                                    </div>

                                </div> 
                            </div> 

                        </div>
                    </div>

                    <div class="col-xl-6 col-lg-6 col-md-12">
                        <div class="product-details-content produto">
                            <h4 class="pro-categoria text-casa-red"><?= ($categoria ? $categoria->title : '') ?> </h4>
                            <h2 itemprop="name"><?= $produto->produto_title ?> 
                                <?php if ($user_afiliado): ?>
                                    <a href="#" onclick="navigator.clipboard.writeText(window.location.href + '<?= $link_afiliado ?>');
                                            alert('Copiado');" title="Copiar link" alt="Copiar link" class="d-inline-block"><i class="fa fa-copy"></i></a> 
                                   <?php endif; ?>
                            </h2>

                            <p class="reference">Referência:<span> <?= $produto->produto_codigo ?></span> | <a href="<?= SITE ?>produtos?marca=<?= ($marcas->name ?? "") ?>" class="text-dark" ><?= ($marcas->title ?? '') ?></a></p>
                            <?php if (PRODUTO_STATUS_AVALIACAO): ?>
                                <div class="pro-details-rating-wrap" >
                                    <span  class="d-none" ><?= ($produtoReview['media'] == 0 ? '1' : $produtoReview['media']) ?></span>  
                                    <span  class="d-none"><?= ($produtoReview['total'] == 0 ? 1 : $produtoReview['total']) ?></span> 
                                    <div class="rating-product" >                                   
                                        <?php
                                        for ($x = 1;
                                                $x <= 5;
                                                $x++):
                                            if ($produtoReview['avaliacao'] < $x):
                                                echo '<i class="fa fa-star-o text-secundary "></i>';
                                            else:
                                                echo '<i class="fa fa-star text-warning"></i>';
                                            endif;
                                        endfor;
                                        ?>   
                                    </div> 
                                    <span ><?= $produtoReview['media'] ?> (<?= $produtoReview['total'] ?>)</span>  
                                    <span class="read-review"><a class="reviews tab_reviews" href="#des-details3">Avaliar produto</a></span>
                                </div> 
                            <?php endif; ?>
                            <br> 
                            <?php if (PRODUTO_STATUS_ENTREGUE): ?>
                                <p>Vendido e entregue por <img src="<?= LOGO_DARK ?>" height="20" class="border-0" alt="<?= SITENAME ?>"/></p>
                            <?php endif; ?>
                            <div class="pro-details-list">
                                <?php if (PRODUTO_STATUS_DESCRICAO): ?>
                                    <p><?= $produto->produto_description_seo ?></p>     
                                <?php endif; ?>
                            </div>
                            <div class='box-variacao'>

                                <?php
                                 
                                $active_variacao = 0;
                                $active_subvariacao = 0;
                                if ($produtos_clone):
                                    $x = 1;
                                    foreach ($GrupoVariacao as $key => $grupoVar):
                                        echo "<div class='col-sm-12 variacao-level-1'><b>{$key}:</b><br>";
                                        echo "<div class='mssg'></div>";
                                        echo "<ul>";
                                        $label_grupo_variacao = GrupoGerarVariacao($grupoVar, $produto->produto_variacao,$produto->produto_id);

                                        $active_variacao = $label_grupo_variacao['active'];
                                        echo $label_grupo_variacao['options'];
                                        echo "</ul>";
                                        echo "</div>";
                                        $x++;
                                    endforeach;
                                    foreach ($GrupoSubVariacao as $key => $grupoSub):
                                        echo "<div class='col-sm-12 variacao-level-2'><b>{$key}:</b><br>";
                                        echo "<div class='mssg'></div>";
                                        echo "<ul>";
                                        $label_grupo_variacao = GrupoGerarVariacao($grupoSub, $produto->produto_subvariacao, $active_variacao);

                                        $active_variacao = $label_grupo_variacao['active'];
                                        echo $label_grupo_variacao['options'];
                                        echo "</ul>";
                                        echo "</div>";
                                        $x++;
                                    endforeach;
                                    foreach ($GrupoSubSubVariacao as $key => $grupoSub):
                                        echo "<div class='col-sm-12 variacao-level-3'><b>{$key}:</b><br>";
                                        echo "<div class='mssg'></div>";
                                        echo "<ul>";
                                        $label_grupo_variacao = GrupoGerarVariacao($grupoSub, $produto->produto_subsubvariacao, $active_variacao);

                                        $active_variacao = $label_grupo_variacao['active'];
                                        echo $label_grupo_variacao['options'];
                                        echo "</ul>";
                                        echo "</div>";
                                        $x++;
                                    endforeach;

                                endif;
                                ?>  
                            </div>
                            <?php if (!$produto->exibir_preco): ?>
                                <div class="product-login">
                                    <a href="<?= BASECLIENTE ?>" class="produto-b2b-message"><?= CONF_B2B_FRASE ?></a>
                                </div>
                            <?php endif; ?>  

                            <div class="produto-preco" >

                                <?php require REQUIRE_PATH . "include/produto_price_description.php"; ?>


                                <?php
                                if ($produto->produto_secao == 9 && PRODUTO_STATUS_CALCULADORA):
                                    require REQUIRE_PATH . "include/produto_calculadora_pisos.php";
                                endif;
                                ?>
                                <div class="message-quant"></div>
                                <?php if (PRODUTO_STATUS_BOTAO_COMPRAR || $produto->exibir_preco): ?>
                                    <div class="pro-details-quality mt-0px <?= (!$produto->disponibilidade ? "d-none" : "") ?>">

                                        <?php
                                        if (LOOJA_MODO == 1):
                                            ?>
                                            <div class="pro-details-cart btn-hover">
                                                <a href="#"  data-desc='<?= json_encode(["id" => $produto->produto_id, "image" => $largeImage[0], "link" => SITE . "produto/" . $produto->produto_url, "title" => $produto->produto_title, "price" => str_price_usa($produto->produto_preco)]) ?>'  class="text-uppercase btn-compra add-whatslist"><i class="fa fa-plus"></i> Adicionar a lista </a>
                                            </div>
                                            <?php
                                        else:
                                            if (PRODUTO_STATUS_QUANTIDADE):
                                                ?>

                                                <div class="cart-plus-minus">
                                                    <input class="cart-plus-minus-box econ-quant" data-max="<?= $quantidade_maxima ?>" type="text" name="qtybutton" value="<?= $quantidade_minima ?>" data-min="<?= $quantidade_minima ?>" />
                                                </div>
                                                <?php
                                            endif;
                                            ?>
                                            <div class="pro-details-cart btn-hover">
                                                <a href="#"    class="text-uppercase btn-compra add-produto"><i class="icon-bag"></i> Compra agora </a>
                                            </div>
                                        <?php
                                        endif;

                                        if (PRODUTO_STATUS_WHATSAPP):
                                            ?>
                                            <a href="<?= $link_whatsapp_vendedor ?>"  class='btn-whatsapp btn btn-sm produto-whatsapp'  target="_blank"><i class="fa fa-whatsapp"></i> Fale com vendedor </a>
                                        <?php endif; ?>
                                    </div>
                                    <div class="estoque-off mt-0px <?= ($produto->disponibilidade ? "d-none" : "") ?>">     
                                        <span class="d-block p-2">Produto não disponível, Já vendemos todo o estoque!</span>
                                        <div class="pro-details-cart p-2">
                                            <a href="#" class="btn btn-primary add-avise-quando-chegar"  ><i class="fa fa-send"></i> Avise quando chegar</a>
                                        </div>
                                    </div>
                                <?php endif; ?>
                                <?php if (PRODUTO_STATUS_BOTAO_FAVORITO && LOOJA_MODO != 1): ?>  
                                    <div class="pro-details-wish-com">                                      
                                        <div class="pro-details-wishlist">
                                            <a href="#" class="add-wishlist" title="Adicionar a lista de desejos"  ><i class="icon-heart"></i>Adicionar a Lista de desejos</a>
                                        </div> 
                                    </div>
                                <?php endif; ?>

                                <?php if ($produto->exibir_preco || !CONF_B2B_STATUS): ?>
                                    <div class="cotacao-frete mt-0px"> 
                                        <div class="cotacao-loading"></div>
                                        <span class="d-block p-2">Consultar prazo e valor do frete</span>
                                        <div class="cotacao-content p-2">
                                            <div class="w-50">
                                                <div class="input-group">
                                                    <input class="form-control cep input-cotacao" placeholder="00000-000">
                                                    <button class="input-group-append  getCotacao input-group-text" type="button"><div class=" "><i class="fa fa-search"></i></div></button>
                                                </div>    
                                            </div>    
                                            <a href="https://buscacepinter.correios.com.br/app/endereco/index.php" target="_blank">Não sei meu cep</a>
                                            <div class='w-100 cotacao-cidade-frete d-block py-2 text-primary'></div>
                                            <div class="cotacao-result">

                                            </div>
                                            <div class="cotacao-semfrete d-none">
                                                Não temos opção de frete para sua região, entre em contato com nosso vendedor <a href="<?= formatarTel(CONF_EMP_TELEFONE_WHATSAPP) ?>" title="Telefone do vendedor"><?= CONF_EMP_TELEFONE_WHATSAPP ?></a>
                                            </div>
                                            <small>*O prazo de entrega inicia-se no 1º dia útil após a confirmação do pagamento. 
                                                Informações referentes apenas para 01 unidade deste item.</small>
                                        </div>
                                    </div> 
                                <?php endif; ?> 


                                <?php if (PRODUTO_STATUS_COMPARTILHAR): ?>      
                                    <div class="pro-details-social-info">
                                        <span>Compartilhe</span>

                                        <?php require_once 'plugins/shared/socialshared.php'; ?>
                                    </div>
                                <?php endif; ?>
                                <!--                        <div class="pro-details-policy">
                                                            <ul>
                                                                <li><img src="assets/images/icons/policy.png" alt="" /><span>Security Policy (Edit With Customer Reassurance Module)</span></li>
                                                                <li><img src="assets/images/icons/policy-2.png" alt="" /><span>Delivery Policy (Edit With Customer Reassurance Module)</span></li>
                                                                <li><img src="assets/images/icons/policy-3.png" alt="" /><span>Return Policy (Edit With Customer Reassurance Module)</span></li>
                                                            </ul>
                                                        </div>-->
                                <?php if (PRODUTO_STATUS_INFORMATIVO): ?>      
                                    <div class="">  
                                        <small><b>Atenção:</b><br>Fotos meramente ilustrativas, produtos decorativos não acompanham o produto.
                                            As cores indicadas podem sofrer alterações em função da calibração do monitor.
                                            Não nos responsabilizamos pela montagem e instalação do produto.
                                            Todas as informações divulgadas são de responsabilidade do fornecedor/fabricante.</small>
                                    </div>
                                <?php endif; ?>                                
                            </div> 

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <?php if (!empty($lista_compre_junto)): ?>
            <!-- Feature Area start -->
            <div class="feature-area mt-60px mb-30px">
                <div class="container">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="section-title">
                                <h2 class="section-heading">Compre Junto</h2>
                            </div>
                        </div>
                    </div>

                    <div class="">
                        <div class="row">
                            <!-- Single Item -->
                            <?php
                            $total_anterior_juntos = $produto->produto_preco_anterior;
                            $total_juntos = $produto->produto_preco_produto;
                            $produtos_ids = [];
                            $produtos_ids[] = $produto->produto_id;
//                        $leveJunto = Read(DB_PRODUTS, "produto_ativar=:s AND produto_quantidade>0 LIMIT 3", "s=1")->getAll();
                            $count_junto = 1;
                            foreach ($lista_compre_junto as $produto):
//                                extract($juntos);
                                if ($count_junto <= 3):
                                    $class_col = "col-sm-4 col-md-3";
                                    require "component/rozer/views/tpl-produto-col.php";
                                    $total_anterior_juntos += ($produto->produto_preco_anterior != '0.00' ? $produto->produto_preco_anterior : $produto->produto_preco_principal);
                                    $total_juntos += $produto->produto_preco_principal;
                                    $produtos_ids[] = $produto->produto_id;
                                endif;
                                $count_junto++;
                            endforeach;
                            ?>
                            <div class="col-sm-12 col-md-3">
                                <div class="content-compre-junto">
                                    <div class="content-junto">
                                        <h5 class="title-junto">Compre Junto</h5>
                                        <del class="preco-de">de R$ <?= str_price($total_anterior_juntos) ?></del>
                                        <div class="preco-por">por R$ <?= str_price($total_juntos) ?></div>
                                        <div class="preco-descricao"> <?= $parcela_sem_juros ?>x Sem Juros</div>
                                        <button class="btn btn-primary add-compre-juntos" data-produto='<?= filter_var(json_encode(["produto" => $produtos_ids]), FILTER_SANITIZE_STRIPPED) ?>'>COMPRAR JUNTO</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Add Arrows -->           
                    </div>

                </div>
            </div>
        <?php endif; ?>
        <!-- Feature Area End -->
        <!-- Shop details Area End -->
        <!-- product details description area start -->
        <div class="description-review-area mb-60px">
            <div class="container">
                <div class="description-review-wrapper">
                    <?php if ($produto->produto_desc_completa): ?>
                        <div class="product-description-wrapper py-4" itemprop="description">
                            <h5>Descrição</h5>
                            <hr>
                            <p><?= $produto->produto_desc_completa ?></p>                             
                        </div>
                        <?php
                    endif;
                    if (PRODUTO_STATUS_DETALHES):
//verifica se tem alguma caracteristica desse produto para exibir
                        $Read->FulLRead("SELECT rel_value FROM " . DB_PRO_RELACIONA . " WHERE rel_produto=:pid AND rel_type='caract'", "pid={$produto->produto_id}");
                        if ($Read->getRowCount()):
                            $Read->ExeRead(DB_PRO_CARA, "WHERE cara_group='group'");
                            if ($Read->getResult()):
                                foreach ($Read->getResult() as $cara):
                                    $Read->ExeRead(DB_PRO_CARA, "WHERE cara_group='{$cara['cara_id']}'");

                                    if ($Read->getResult()):
                                        ?>
                                        <div class="product-anotherinfo-wrapper py-4" itemprop="additionalProperty" itemscoper itemtype="https://schema.org/PropertyValue"> 
                                            <h5 class='product-description-title'>Detalhes do produto</h5><hr> 
                                            <h3 class='product-description-subtitle'><?= $cara['cara_title'] ?></h3><table> 
                                                <?php
                                                foreach ($Read->getResult() as $cara):

                                                    $Read->FulLRead("SELECT rel_value FROM " . DB_PRO_RELACIONA . " WHERE rel_produto=:pid AND rel_item_id=:iid AND rel_type='caract'", "pid={$produto->produto_id}&iid={$cara['cara_id']}");
                                                    if ($Read->getResult() && $Read->getResult()[0]['rel_value']):
                                                        $value = $Read->getResult()[0]['rel_value'];
                                                        ?>
                                                        <tr>
                                                            <td width="200" align="right">
                                                                <span itemprop="name"> <b><?= $cara['cara_title'] ?>&nbsp;&nbsp;</b></span>
                                                            </td>
                                                            <td>&nbsp;&nbsp; <span itemprop="value" ><?= $value ?></span></td>
                                                        </tr><!-- comment -->
                                                        <?php
                                                    endif;
                                                endforeach;
                                                ?>
                                            </table></div> 
                                        <?php
                                    endif;

                                endforeach;
                            endif;
                        endif;
                    endif;
                    if (PRODUTO_STATUS_AVALIAR):
                        ?> 

                        <div class="product-anotherinfo-wrapper py-4" id="des-details3">  
                            <h5>Avaliações (<?= $produtoReview['total'] ?>)  <button class="btn btn-primary" data-target="#modal-avaliacao" data-toggle="modal">AVALIAR</button> </h5> 
                            <hr>
                            <?php
                            $item_comment_id = $item_produto_id;
                            $Comment_Rederecionar = "/produto/{$produto->produto_url}";
                            require "_cdn/comments/comment.php";
                            ?>

                        </div>
                        <?php
                    endif;
                    ?> 
                </div>
            </div>
        </div>
    </div>
    </section>
    <div class="modal-produto d-none">
        <div class='modal-container'>
            <div class="container">
                <h4>Você adicionou ao carrinho o produto:</h4>
                <ul class="d-flex justify-content-start">
                    <li><img src='<?= $largeImage[0]['src']; ?>'/></li>
                    <li>
                        <h2><?= $produto->produto_title ?></h2>
                        <div class="modal-preco ">R$ <?= $produto->produto_preco ?></div>
                    </li>
                </ul>
            </div>
            <div class="modal-produto-fotter">
                <div class="row">
                    <div class="col-sm-6 text-left"><button class="btn btn-waning btn-sm modal-close"><i class="icon-action-undo"></i> Continuar comprando</button></div>
                    <div class="col-sm-6 text-right"><a class="btn btn-primary btn-sm" href="<?= SITE ?>carrinho">Ir para o carrinho <i class="icon-basket-loaded"></i> </a></div>
                </div>
            </div>
        </div>
    </div>
    <?php
    $novo = false;
    if ($produto->produto_mesma_categoria && PRODUTO_STATUS_MESMA_CATEGORIA):
        require "component/rozer/caroucel/produto-mesma-categoria.php";
    endif;
else:
    ?>
    <!-- About Area Start -->
    <section class="area-404 mtb-60px">
        <div class="container">
            <div class="row">                    
                <div class="col-lg-6">
                    <div class="about-title">
                        <h2>404</h2>
                    </div>
                </div>
                <div class="col-lg-6">

                    <div class="area404-content">
                        <p class="mb-30px"> O produto que procura não existe. <br>ele pode ter cido movido, renomeado ou removido.
                        </p>
                        <p class="mb-30px"> Mais separamos alguns produtos que estão em oferta e destaque. Confira:
                        </p>

                    </div>
                </div>
            </div>

        </div>
    </section>
    <!-- About Area End -->
<?php
endif;

if (PRODUTO_STATUS_RECOMENDADO && !empty($produto->produto_associado)):
    require "component/rozer/caroucel/produto-recomendados.php";
endif;

if (PRODUTO_STATUS_COMPRE_TAMBEM && !empty($produto->produto_comprados)):
    require "component/rozer/caroucel/produto-compre-tambem.php";
endif;

if (PRODUTO_STATUS_VISITADOS):
    require "component/rozer/caroucel/produto-visitados.php";
endif;

require "component/rozer/caroucel/produto-em-destaque.php";
?>
<!-- AD COMPONENT -->
<?php if (!empty($site['files']['pagina_botton'])): ?>
    <div class="looja-page-center-2">

        <?php
        $local_page = $site['files']['pagina_botton'];
        $local_banner = 4;
        require "setComponente.php";
        ?>    

    </div>
<?php endif; ?>
<!--// AD COMPONENT -->

<!-- Modal -->
<?php
if (PRODUTO_STATUS_AVALIAR):
    ?>
    <div class="modal fade " id="modal-avaliacao" style="z-index: 9999" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title"><i class="fa fa-comment"></i> Faça sua avaliação</h4>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><i class='fa fa-times'></i></span></button>
                </div>
                <div class="modal-body">
                    <?php
                    $item_comment_id = $item_produto_id;
                    $comment_rederecionar = "/produto/{$produto->produto_url}";
                    require "_cdn/comments/avaliacao-form.php";
                    ?>

                </div>
            </div>
        </div>
    </div>
    <?php
endif;
?>
<?php
if ($status360):
    ?>
    <div class="modal fade " id="modal-image360" style="z-index: 9999" tabindex="-1" role="dialog">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><i class='fa fa-times'></i></span></button>
                <div class="modal-body">
                    <div class="card-produto-image-360">
                        <div class="produto-image-360">
                            <?php
                            foreach ($image360 as $giros):
                                echo "<img title='{$giros['title']}' src='" . ($giros['src']) . "'/>";
                            endforeach;
                            ?>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <?php
endif;
?>
<?php require REQUIRE_PATH . "include/produto_method_payment.php"; ?>