<div class="box resumo-compra">
	<div class="etapa">
		<div class="circle-icon">
			<i class="fa fa-user"></i>
		</div>
		<h2 class="etapa__title">Resumo da Compra</h2>
	</div>

	<?php $soma = 0; ?>
	<?php $preco_custo = 0; ?>
	<?php $unidades = 0; ?>
	<?php $total_economizado = 0; ?>
	<div id="cart-section" <?php echo count($cartItems) ? '' : 'class="hidden"'; ?>>

		<div class="table-scroll">
			<table class="tabela">
				<tr>
					<th class="resumo-font">Produto</th>
					<th class="resumo-font text-center hide-mobile">Qtd.</th>
					<th class="resumo-font text-right hide-mobile">Preço</th>
					<th class="resumo-font text-right hide-mobile">Ação</th>
				</tr>
				<?php foreach ($cartItems as $item): ?>
					<tr class="cart-item" data-rowid="<?php echo $item->rowId; ?>" data-ofertaid="<?php echo e($item->options->id); ?>">
						<input type="hidden" class="quantidade_vinhos" value="<?php echo $item->options->quantidade_vinhos; ?>">
						<input type="hidden" class="item-total" value="<?php echo number_format($item->price * $item->qty, 2,'.',''); ?>"/>
						<input type="hidden" class="item-total-economizado" value="<?php echo number_format(($item->options->preco_mercado - $item->price) * $item->qty, 2,'.',''); ?>"/>
						<td class="cart-item__produto" width="65%">
                            <?php if($item->options->tamanho): ?>
                            <a href="javascript:void(0)" class="art-item__img comprar-modal" data-slug="<?php echo e($item->options->slug); ?>" data-modelo="<?php echo e($item->options->modelo->id); ?>" data-tamanho="<?php echo e($item->options->tamanho->id); ?>">
                            <?php else: ?>
                            <a href="<?php echo e(url('oferta/'.$item->options->slug)); ?>" class="art-item__img">
                            <?php endif; ?>
								<img src="<?php echo $item->options->tipo == 'produto' ? $item->options->foto : $item->options->foto; ?>" alt="<?php echo $item->name; ?>">
							</a>
							<div class="texto">
								<p>
									<?php if($item->options->tamanho): ?>
									<a href="javascript:void(0)" class="comprar-modal" data-slug="<?php echo e($item->options->slug); ?>" data-modelo="<?php echo e($item->options->modelo->id); ?>" data-tamanho="<?php echo e($item->options->tamanho->id); ?>"><?php echo e($item->name); ?></a>
									<?php else: ?>
									<a href="<?php echo e(url('oferta/'.$item->options->slug)); ?>"><?php echo e($item->name); ?></a>
									<?php endif; ?>
								</p>
								<span class="valor_unitario">
									<?php echo ($item->options->tamanho ? "Tam. {$item->options->tamanho->nome}" : ''); ?>
									<?php echo ($item->options->modelo ? " - Mod. {$item->options->modelo->nome}" : ''); ?>
								</span>
								<span class="valor_unitario" data-preco="<?php echo number_format($item->price,2,'.',''); ?>" data-preco-mercado="<?php echo number_format($item->options->preco_mercado,2,'.',''); ?>">R$ <?php echo number_format($item->price, 2, ',', '.'); ?> / <?php echo $item->options->unidade_medida; ?></span>
							</div>
							<div class="cart-mobile hide-desktop">
								<select class="quantidade" name="quantidade">
                                <option value="1" selected>1</option>
                                    <?php if($item->options->maximo_por_cliente): ?>
                                        <?php for($i = 2; $i <= $item->options->maximo_por_cliente; $i++): ?>
                                            <option value="<?php echo $i; ?>"<?php echo ($i == $item->qty) ? 'selected' : ''; ?>><?php echo $i; ?></option>
                                        <?php endfor; ?>
                                    <?php else: ?>
                                        <?php for($a = 2; $a <= 10; $a++): ?>
                                            <option value="<?php echo $a; ?>" <?php echo ($a == $item->qty) ? 'selected' : ''; ?>><?php echo $a; ?></option>
                                        <?php endfor; ?>
                                    <?php endif; ?>
								</select>
								<span class="valor_total valor">R$ <?php echo number_format($item->price * $item->qty, 2, ',', '.'); ?></span>
								<span class="remover-cart">X</span>
							</div>
						</td>
						<td width="10%" class="text-center hide-mobile"><input class="quantidade" type="number" name="quantidade" value="<?php echo $item->qty; ?>"/> </td>
						<td width="15%" class="text-right hide-mobile"><span class="valor_total valor">R$ <?php echo number_format($item->price * $item->qty, 2, ',', '.'); ?></span></td>
						<td width="10%" class="text-right hide-mobile"><button class="btn-red remover-cart" type="button"> <i class="fa fa-trash"></i></button></td>
					</tr>
					<?php $unidades += $item->qty * $item->options->quantidade_vinhos; ?>
					<?php $soma += $item->price * $item->qty; ?>
					<?php $preco_custo += $item->options->preco_custo * $item->qty; ?>
					<?php $total_economizado += ($item->options->preco_mercado - $item->price) * $item->qty; ?>
				<?php endforeach ?>

			</table>
		</div>

		<div class="div-total">
			<p class="div-total__title">TOTAL</p>
			<div class="div-total__right">
				<p class="total_unidades"><?php echo $unidades ?> <?php echo e($unidades > 1 ? 'Itens' : 'Item'); ?></p>
				<div class="div-total__valor">
					<span class="total">R$ <?php echo number_format($soma, 2, ',', '.'); ?></span>
				</div>
			</div>
		</div>

        <?php if(isset($mostrarDesconto) && $mostrarDesconto): ?>
            <div class="voce-economizou">
                <p>Você está economizando <b>R$ <?php echo number_format($total_economizado, 2, ',', '.'); ?></b></p>
            </div>
        <?php endif; ?>

        <div id="cashback-line-checkout">
            <?php if($mostrarBoxCashback == true): ?>
                <?php echo $__env->make('checkout._box-cashback-checkout', ['info' => $info, 'confraria' => $confraria, 'soma' => $soma, 'valorCashback' => $valorCashback, 'totalValorItensCashback' => $totalValorItensCashback], array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
            <?php endif; ?>
        </div>

        <?php if($clienteLogado && $confraria): ?>
        <div class="checkout-confraria-box">
            <div class="cover-conf" style="background-image: url('/img/site/conf-cover-padrao.png');"></div>
            
            <div class="conf-check-content">
                <h3>Confraria</h3>
                <h2><?php echo e($confraria->nome); ?></h2>

                <div class="check-conf-boxes">
                    <div class="item-conf-check">
                        <label for="adega-pessoal">
                            <input type="radio" name="adega" class="tipo_adega" value="pessoal" id="adega-pessoal" <?php echo (isset($tipo_adega) && $tipo_adega == 'pessoal' ? 'checked="checked"' : '')?>>
                            <div class="fake-radio-conf"></div>
                            <span>Incluir pedido na <strong>Adega Pessoal</strong><i class="conf-info"><img src="/img/site/conf-info.svg"> <p>Inclua esse pedido na sua Adega Pessoal onde só você terá a visualização.</p></i></span>
                        </label>
                    </div>
                    <div class="item-conf-check">
                        <label for="adega-confraria">
                            <input type="radio" name="adega" class="tipo_adega" value="confraria" id="adega-confraria" <?php echo (isset($tipo_adega) && $tipo_adega == 'confraria' ? 'checked="checked"' : '')?>>
                            <div class="fake-radio-conf"></div>
                            <span>Incluir pedido na <strong>Adega da Confraria</strong><i class="conf-info"><img src="/img/site/conf-info.svg"> <p>Inclua esse pedido na Adega da sua Confraria para visualização de todos os confrades.</p></i></span>
                        </label>
                    </div>
                </div>
            </div>
        </div>
        <?php endif; ?>
		
	</div>

	<div id="cart-empty" <?php echo count($cartItems) ? 'class="hidden"' : ''; ?>>
		<p class="carrinho-vazio">Seu carrinho está vazio</p>
	</div>

</div>

<div class="modal-comprar">
    <span class="close-modal"></span>

    <div class="conteudo wear">
        
    </div>
</div>
<div class="modal-mask"></div>

<script type="text/javascript">

	function modalOferta(slug, modelo, tamanho, quantidade, row_id){
        $.ajax({
            type: "POST",
            url: 'oferta-modal/' + slug,
            data : {modelo_id : modelo, tamanho_id : tamanho, quantidade: quantidade, row_id: row_id, origem: 'true'},
            dataType: 'JSON',
            success: function(data){
                if(data.success){
                    $('.modal-comprar .conteudo').html(data.html);
                    modalJs();
                    $('.carregando').fadeOut();
                }else{
                    alertUtil.alertError('Erro ao carregar Infos');
                }
            },
        });
    }

    function modalJs(){

        /** Galeria vertical */
        $('.galle-vert').owlCarousel({
            items: 3,
            loop: false,
            nav: true,
            margin: 0,
        });
        $('.owl-carousel-vertical').data('owl.carousel').difference = function(first, second) {
            return {
                x: first.x - second.x + (first.y - second.y),
                y: first.y - second.y
            };
        };

        /** Troca de imagem principal */
        $(document).on('click', '.galle-vert .foto', function(){
            var $this = $(this);
            var src = $this.find('img').attr('src');
            var img = $this.data('imagem');

            $this.closest('.galle-vert').find('.foto').removeClass('active');
            $this.addClass('active');
            $('.oferta-foto img').attr('src', src);
            $('.oferta-foto img').attr('data-imagem', img);
        });

        /** Variação clique */
        $(document).on('click', '.tamanho button', function(){
            $('.tamanho button').removeClass('active');
            $(this).addClass('active');
        });

        /** Guia de medidas */
        $(document).on('click', '.wear .guia', function(){
            $('body').addClass('medidas-open');
        });
        $(document).on('click', '.medidas .close-medidas, .medidas-overlay', function(){
            $('body').removeClass('medidas-open');
        });

        /** Comprar */
        $(document).on('click', '.wear .btn-comprar', function(){

			var id                   = $(this).data('oferta');
			var quantidade           = $(this).closest('.wear').find('.quantidade_oferta').val();
			var modelo               = $(this).closest('.wear').find('.modelo-sel').val();
			var variacao             = $(this).closest('.wear').find('.tamanho button.active').data('id');
			var quantidade_by_client = $(this).closest('.wear').find('#quantidade_by_client').val();
			var row_id 				 = $(this).closest('.wear').find('.row_id').val();

            if(!variacao){
                alertUtil.alertError('Selecione um tamanho.', '', true);
            }else if(modelo == null){
                alertUtil.alertError('Selecione um modelo.', '', true);
            }else if(parseInt(quantidade) > parseInt(quantidade_by_client)){
                alertUtil.alertError('Oferta limitada a ' + quantidade_by_client + ' unidade(s) por cliente', '', true);
            }else{
                $(this).attr('disabled', true);
                $(this).addClass('btn-comprar--disable');

                $.ajax({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    url:'/add-oferta-cart',
                    type:'POST',
                    data:{
                        row_id: row_id,
                        oferta_id: id,
                        quantidade: quantidade,
                        tamanho: variacao,
                        modelo: modelo,
                        origem : 'listagem-cart'
                    },
                    beforeSend:function(){
                        $('.carregando').fadeIn();
                    },
                    success:function(data){
                        if(data.status){
                            window.location.href = "/checkout";
                        }else{
                            alertUtil.alertError(data.message, '', true);
                            $(this).attr('disabled', false);
                            $(this).removeClass('btn-comprar--disable');
                        }
                        $('.carregando').fadeOut();
                    }
                });    
            }
        });

        /** Galeria abrir */
        $(document).on('click', '.oferta-foto img', function(){
            var img = $(this).attr('data-imagem');
            $('[data-fancybox="gallery"][data-imagem="' + img + '"]')[0].click();
        });

        /** Masculino/feminino */
        $(document).on('click', '[guia-feminino]', function(){
            $('.medidas [guia-feminino]').addClass('active');
            $('.medidas [guia-masculino]').removeClass('active');
            $('.tabela-medidas .group.masculino').addClass('hidden');
            $('.tabela-medidas .group.feminino').removeClass('hidden');
        });
        $(document).on('click', '[guia-masculino]', function(){
            $('.medidas [guia-masculino]').addClass('active');
            $('.medidas [guia-feminino]').removeClass('active');
            $('.tabela-medidas .group.feminino').addClass('hidden');
            $('.tabela-medidas .group.masculino').removeClass('hidden');
        });

        /** On change modelo */
        $(document).on('change', '.modelo-sel', function(){
            var $this = $(this);
            var valor = $this.find('option:selected').text();
            var gen = valor.toLowerCase();

            $('.medidas [guia-' + gen + ']').click();
        });
    }

    $(document).on('ready', function(){

        /** On change Adega */
        $(document).on('change', '.tipo_adega', function(){
            var $this = $(this);
            console.log($this.val());
            var tipo_adega = $this.val();
            $('#tipo_adega').val(tipo_adega);
            getTipoAdega(tipo_adega);
        });

        /** Comprar modal */
        $(document).on('click', '.comprar-modal', function(){

            $('.carregando').fadeIn();
            $('.modal-comprar .conteudo').html('');
            $('body').addClass('modal-comprar-open');

			var slug       = $(this).attr('data-slug');
			var modelo     = $(this).attr('data-modelo');
			var tamanho    = $(this).attr('data-tamanho');
			var cart_item  = $(this).closest('.cart-item');
			var quantidade = cart_item.find('.quantidade').val();
			var row_id 	   = cart_item.data('rowid');

            modalOferta(slug, modelo, tamanho, quantidade, row_id);
        });

        /** Close modal */
        $(document).on('click', '.close-modal, .modal-mask', function(){
            $('body').removeClass('modal-comprar-open')
        });

    });
</script>