<div class="galeria hidden hidden">
    <div class="item">
        <a data-fancybox="gallery" data-imagem="1" href="<?php echo e($oferta->thumbnail_principal); ?>"><img src="<?php echo e($oferta->thumbnail_principal); ?>"></a>
    </div>
    <?php foreach ($oferta->produtos as $produto): ?>
        <?php if (count($produto->listaImagens) > 0): ?>
                <?php foreach ($produto->listaImagens as $key => $imagem) { ?>
                    <div class="item">
                        <a data-fancybox="gallery" data-imagem="<?php echo $key + 2; ?>" href="<?php echo $imagem->thumbnail_principal; ?>"><img src="<?php echo $imagem->miniatura; ?>"></a>
                    </div>
                <?php } ?>
                <?php break; ?>
        <?php endif ?>
    <?php endforeach ?>
</div>


<div class="left">
    <div class="galle-vert owl-carousel owl-carousel-vertical">
        <div class="foto active" data-imagem="1">
            <figure>
                <img src="<?php echo e($oferta->thumbnail_principal); ?>" alt="<?php echo $oferta->titulo; ?>"> 
            </figure>
        </div>
        <?php foreach ($oferta->produtos as $produto): ?>
            <?php if (count($produto->listaImagens) > 0): ?>
                <?php foreach ($produto->listaImagens as $key => $imagem) { ?>
                    <div class="foto" data-imagem="<?php echo $key + 2; ?>">
                        <figure>
                            <img src="<?php echo $imagem->thumbnail_principal; ?>" alt="<?php echo $oferta->titulo; ?>"> 
                        </figure>
                    </div>
                <?php } ?>
                <?php break; ?>
            <?php endif ?>
        <?php endforeach ?>
    </div>
    <figure class="img-main">
        <div class="oferta-foto">
            <img src="<?php echo e($oferta->thumbnail_principal); ?>" data-imagem="1" alt="<?php echo e($oferta->titulo.' '.$oferta->sub_titulo); ?>" <?php echo count($oferta->produtos) > 1 ? 'style="max-width:90%"' : '';?>>
        </div>
    </figure>
</div>

<div class="right">
    <h1 class="titulo hide-mobile"><?php echo $oferta->titulo; ?> <?php echo $oferta->sub_titulo; ?></h1>

    <div class="preco">
        <?php if($oferta->preco_mercado != $oferta->preco_oferta):?>
            <h4 class="old_price">R$ <?php echo number_format($oferta->preco_mercado,2,',','.'); ?></h4>
        <?php endif; ?>
        <h3 class="new_price">R$ <?php echo number_format($oferta->preco_oferta,2,',','.'); ?></h3>
    </div>
    
    <?php if(isset($variacoes['tamanho'])): ?>
        <div class="div-tamanho">
            <div class="sec-tamanho">
                <label>Tamanho:</label>
                <div class="tamanho">
                    <?php $__currentLoopData = $variacoes['tamanho']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $tamanho): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <button type="button" data-id="<?php echo e($tamanho->id); ?>" class="<?php echo (isset($tamanho_id) && $tamanho_id == $tamanho->id ? 'active"' : '')?>"  <?php echo (isset($origem) ? 'disabled="disabled"' : '')?>><?php echo e($tamanho->nome); ?></button>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </div>
            </div>

            <span class="guia">
                <img src="img/site/guia.png" alt="Guia de medidas">
                <b>Guia de medidas</b>
            </span>
        </div>
    <?php endif; ?>

    <div class="bottom-line">
        <?php if(isset($variacoes['modelo'])): ?>
        <div class="modelo">
            <label>Modelo:</label>
            <select class="modelo-sel" <?php echo (isset($origem) ? 'disabled="disabled"' : '')?>>
                <option value="" selected disabled>Selecione</option>
                <?php $__currentLoopData = $variacoes['modelo']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $modelo): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <option value="<?php echo e($modelo->id); ?>" <?php echo (isset($modelo_id) && $modelo_id == $modelo->id ? 'selected="selected"' : '')?>><?php echo e($modelo->nome); ?></option>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </select>
        </div>
        <?php endif; ?>
        <?php if(!isset($origem)): ?>
        <div class="button_amount">
            <label>Qtde.:</label>
            <input type="hidden" id="quantidade_by_client" value="<?php echo $oferta->quantidade_maxima_por_cliente; ?>">
            <input type="hidden" id="row_id" class="row_id" value="<?php echo isset($row_id) ? $row_id : ''; ?>">
            <select class="quantidade_oferta">
                <option value="1" selected>1</option>
                <?php if(isset($oferta->quantidade_maxima_por_cliente)): ?>
                    <?php for($i = 2; $i <= $oferta->quantidade_maxima_por_cliente; $i++): ?>
                        <option value="<?php echo $i; ?>" <?php echo (isset($quantidade) && $quantidade == $i ? 'selected="selected"' : '')?>><?php echo $i; ?></option>
                    <?php endfor; ?>
                <?php else: ?>
                    <?php for($a = 2; $a <= 10; $a++): ?>
                        <option value="<?php echo $a; ?>" <?php echo (isset($quantidade) && $quantidade == $a ? 'selected="selected"' : '')?>><?php echo $a; ?></option>
                    <?php endfor; ?>
                <?php endif; ?>
            </select>
        </div>
        <div class="button_add">
            <button class="btn-comprar" data-oferta="<?php echo $oferta->id; ?>">Comprar</button>
        </div>
        <?php endif; ?>
    </div>
    
</div>


<div class="medidas">
    <span class="close-medidas"></span>

    <h4>Guia de medidas</h4>
    
    <div class="selector">
        <span guia-masculino class="active">Masculino</span>
        <span guia-feminino>Feminino</span>
    </div>

    <div class="tabela-medidas">
        <div class="group first">
            <span>Tamanhos</span>
            <span class="comp">Comprimento <b>(Altura)</b></span>
            <span>Largura</span>
        </div>
        <div class="group masculino">
            <span>M</span>
            <span>72</span>
            <span>54</span>
        </div>
        <div class="group masculino">
            <span>G</span>
            <span>74</span>
            <span>56</span>
        </div>
        <div class="group masculino">
            <span>GG</span>
            <span>76</span>
            <span>58</span>
        </div>
        <div class="group last masculino">
            <span>XG</span>
            <span>79</span>
            <span>61</span>
        </div>
        <div class="group feminino hidden">
            <span>M</span>
            <span>56</span>
            <span>38</span>
        </div>
        <div class="group feminino hidden">
            <span>G</span>
            <span>59</span>
            <span>41</span>
        </div>
        <div class="group feminino hidden">
            <span>GG</span>
            <span>63</span>
            <span>45</span>
        </div>
        <div class="group last feminino hidden">
            <span>XG</span>
            <span>68</span>
            <span>48</span>
        </div>
    </div>

    <p class="bottom-text"><b>*</b>Pode haver variação de até 2 centímetros dependendo do modelo.</p>
</div>
<div class="medidas-overlay"></div>

<script>
    gtag('ec:addProduct', {
    'id': '<?php echo $oferta->id; ?>',
    'name': '<?php echo $oferta->titulo.' '.$oferta->sub_titulo; ?>',
    'category': 'Oferta',
    //'brand': '<?php //echo $produto->fornecedor->nome; ?>'
    //'variant': 'black'
    });

    gtag('ec:setAction', 'detail');

    gtag('send', 'pageview');
</script>