@foreach($produtos as $produto)
    <div class="conf-box no-padding vinho-adega-box historico-box">
        <div class="vinho-adega-item">
            <div class="vinho-adega-left">
                <div class="mob-flex-helper">
                    <img src="{{ $produto->thumbnail_produto }}" class="main-img-vinho" alt="{{ $produto->produto_nome }} {{ $produto->sub_titulo }}">

                    <div class="vinho-adega-left-cont">
                        <h2>{{ $produto->produto_nome }}</h2>
                        <h3>{{ $produto->sub_titulo }}</h3>
                        <div class="hide-mobile">
                            <div class="person-info">
                                <img src="{{ $produto->thumbnail_membro ? $produto->thumbnail_membro : '/img/site/user-conf.png' }}" class="publish-user-pic" alt="">
                                <div class="texts-post">
                                    <strong>{{ $produto->nome_cadastro }}</strong>
                                    <span>{{ strftime('%A, %d de %B de %Y às %H:%M', strtotime($produto->data_fechamento)) }}</span>
                                </div>
                            </div>
                            <div class="box-avaliacoes-toggle">
                                <h5>Avaliação geral</h5>
                
                                @php 
                                    $mediaTotal = 0;
                                    $avaliacao  = (isset($avaliacoes[$produto->confraria_produto_id]) ? $avaliacoes[$produto->confraria_produto_id] : false);
                                    if($avaliacao && $avaliacao->total_avaliacao != 0 && $avaliacao->qtd_avaliacao != 0)
                                        $mediaTotal = number_format($avaliacao->total_avaliacao / $avaliacao->qtd_avaliacao, 1); 
                                @endphp
                                
                                <div class="botton-line">
                                    <div class="stars-list" title="3.5">
                                        @for($i = 1; $i <= 5; $i++)
                                            @if($mediaTotal < $i)
                                                @if(is_float($mediaTotal) && (round($mediaTotal) == $i))
                                                    <img src="/img/site/conf-star-half.svg">
                                                @else
                                                    <img src="/img/site/conf-star-empty.svg">
                                                @endif
                                            @else
                                                <img src="/img/site/conf-star-full.svg">
                                            @endif
                                        @endfor
                                    </div>
                                    <span class="see-more-historico" data-confraria-produto="{{ $produto->confraria_produto_id }}"><span class="qtd_avaliacoes_span" style="padding-right: 5px">
                                    {{ count($avaliacoes) }} </span>{{ count($avaliacoes) == 1 ? 'avaliação' : 'avaliações'  }} 
                                    <img src="/img/site/conf-adega-see-more.svg" alt="Ver mais"></span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="middle-top-adega-vinho hist hide-desktop">
                    <div class="person-info">
                        <img src="{{ $produto->thumbnail_membro ? $produto->thumbnail_membro : '/img/site/user-conf.png' }}" class="publish-user-pic" alt="">
                        <div class="texts-post">
                            <strong>{{ $produto->nome_cadastro }}</strong>
                            <span>{{ strftime('%A, %d de %B de %Y às %H:%M', strtotime($produto->data_fechamento)) }}</span>
                        </div>
                    </div>
                    <div class="box-avaliacoes-toggle">
                        <h5>Avaliação geral </h5>

                        @php 
                            $mediaTotal = 0;
                            $avaliacao  = (isset($avaliacoes[$produto->confraria_produto_id]) ? $avaliacoes[$produto->confraria_produto_id] : false);
                            if($avaliacao && $avaliacao->total_avaliacao != 0 && $avaliacao->qtd_avaliacao != 0)
                                $mediaTotal = number_format($avaliacao->total_avaliacao / $avaliacao->qtd_avaliacao, 1); 
                        @endphp

                        <div class="botton-line">
                            <div class="stars-list" title="{{ $mediaTotal }}">
                                @for($i = 1; $i <= 5; $i++)
                                    @if($mediaTotal < $i)
                                        @if(is_float($mediaTotal) && (round($mediaTotal) == $i))
                                            <img src="/img/site/conf-star-half.svg">
                                        @else
                                            <img src="/img/site/conf-star-empty.svg">
                                        @endif
                                    @else
                                        <img src="/img/site/conf-star-full.svg">
                                    @endif
                                @endfor
                            </div>
                            <span class="see-more-historico" data-confraria-produto="{{ $produto->confraria_produto_id }}"><span class="qtd_avaliacoes_span" style="padding-right: 5px">
                            {{ count($avaliacoes) }} </span>{{ count($avaliacoes) == 1 ? 'avaliação' : 'avaliações'  }} 
                            <img src="/img/site/conf-adega-see-more.svg" alt="Ver mais"></span>
                        </div>
                    </div>
                </div>

                <div class="comentarios-box">
                    <div class="lista-comentarios">
                        
                    </div>

                    <div class="publish-home">
                        <img src="{{ $cadastro->thumbnail_principal ? $cadastro->thumbnail_principal : '/img/site/user-conf.png' }}" class="publish-user-pic" alt="">

                        <div class="right-avaliacao-publish">
                            <div class="stars-list star-publish" title="3.5">
                                <div class="star-item" data-star="1">
                                    <img class="full" src="/img/site/conf-star-full.svg">
                                    <img class="empty" src="/img/site/conf-star-empty.svg">
                                </div>
                                <div class="star-item" data-star="2">
                                    <img class="full" src="/img/site/conf-star-full.svg">
                                    <img class="empty" src="/img/site/conf-star-empty.svg">
                                </div>
                                <div class="star-item" data-star="3">
                                    <img class="full" src="/img/site/conf-star-full.svg">
                                    <img class="empty" src="/img/site/conf-star-empty.svg">
                                </div>
                                <div class="star-item" data-star="4">
                                    <img class="full" src="/img/site/conf-star-full.svg">
                                    <img class="empty" src="/img/site/conf-star-empty.svg">
                                </div>
                                <div class="star-item" data-star="5">
                                    <img class="full" src="/img/site/conf-star-full.svg">
                                    <img class="empty" src="/img/site/conf-star-empty.svg">
                                </div>
                            </div>
                            <div class="input-publish-box">
                                <input type="hidden" value="{{ $produto->confraria_produto_id }}" name="confraria_produto_id" />
                                <input type="text" placeholder="Sua avaliação" name="avaliacao-mensagem">
                                <div class="list-uploads">
                                    <button class="publish-message enviar-avaliacao">Enviar</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="vinho-adega-right-cont">
                <div class="component-subtable">
                    <h3>Resumo do Rótulo</h3>
                    <div class="subtable-item">
                        <span><img src="/img/site/conf-hist-pedido.svg">Pedido</span>
                        <strong class="underlined open-pedido" pedido-id="{{ $produto->id_pedido_venda }}">#{{ $produto->id_pedido_venda }}</strong>
                    </div>
                    <div class="subtable-item">
                        <span><img src="/img/site/conf-hist-tipo.png">Tipo</span>
                        <strong>{{ $produto->castas }}</strong>
                    </div>
                    <div class="subtable-item">
                        <span><img src="/img/site/conf-hist-safra.svg">Safra</span>
                        <strong>{{ $produto->safra }}</strong>
                    </div>
                    <div class="subtable-item">
                        <span><img src="/img/site/conf-hist-teor.svg">Teor</span>
                        <strong>{{ $produto->teor_alcoolico }}</strong>
                    </div>
                    <div class="subtable-item">
                        <span><img src="/img/site/conf-hist-pais.svg">País</span>
                        <strong>{{ $produto->nome_pais }}</strong>
                    </div>
                    <div class="subtable-item">
                        <span><img src="/img/site/conf-hist-regiao.svg">Região</span>
                        <strong>{{ $produto->nome_regiao }}</strong>
                    </div>
                    <a href="{{ url('/produto/ficha-tecnica/') . '/' . $produto->slugProduto }}" target="_blank" class="download-ficha"><img src="/img/site/conf-hist-download.svg">Baixar ficha técnica</a>
                </div>
            </div>
        </div>
    </div>
@endforeach

@if(count($produtos) == 0)
    <div style="text-align: center; padding-top: 25px;">
        <h3>Nenhum produto encontrado.</h3>
    </div>
@endif