@if($product->associados->count() > 0)
  <div class="col-md-12">
    <i class="fa fa-gift"></i> <span style="">APROVEITE E COMPRE JUNTO</span>
    <hr>
  </div>

  <div class="col-lg-12">
    <div class="col-sm-1">
      <a href="#myCarousel" data-slide="next">
        <div class="btn btn-success" style="height: 240px; line-height: 240px;"><i class="fa fa-angle-double-left fa-3x"></i></div>
      </a>
    </div>
    <div class="col-sm-10">
      <!-- Slider -->
      <div class="row-fluid">
        <div class="span9" id="slider">
          <!-- Top part of the slider -->
          <div class="row-fluid">
            <div class="span2" id="carousel-bounding-box">
              <div id="myCarousel" class="carousel slide">
                <!-- Carousel items -->
                <div class="carousel-inner">
                  @foreach($product->associados as $associado)
                    <div class="active item" data-slide-number="0">
                      <div class="col-sm-3">
                        <img class="img-rounded" src="{{ asset($associado->cover) }}">
                      </div>
                      <div class="col-sm-3">
                        <h5>{{ $product->name }}
                          <small>{{ config('cart.currency_symbol') }} {{ number_format($product->price, 2, ',', '.') }}</small>
                        </h5>
                        <div class="description">{!! $product->description !!}</div>
                        <div class="excerpt">
                          <hr>
                          {!! str_limit($product->description, 20, ' ...') !!}</div>
                          <hr>
                          @if(auth()->check())
                            <button class="btn btn-success adicionaAssociado" data-produto="{{ $associado->id }}"><i class="fa fa-cart-plus"></i> Adicionar</button>
                          @else
                            <a href="{{ route('autentica.completo') }}" class="btn btn-success" title="Entre no site, para comprar">Entre no site, para comprar <i class="fas fa-sign-in-alt"></i></a>
                          @endif
                        </div>
                      </div>
                    @endforeach
                  </div>

                </div>
              </div>
              <div class="span4" id="carousel-text"></div>

            </div>
          </div>
        </div> <!--/Slider-->
      </div>
      <div class="col-sm-1">
        <a href="#myCarousel" data-slide="prev"><div class="btn btn-success" style="height: 240px; line-height: 240px;"><i class="fa fa-angle-double-right fa-3x"></i></div></a>
      </div>
    </div>

  @endif