@if(!empty($markets))
@foreach($markets as $market)
<div class="col-lg-4 col-md-6" style="margin-top: 10px;">
  <div class="media small-offer-banner offer-banner-v2">
    <div class="offer-banner-content align-self-center">
      <p>{{marketDeliverableDistance($market, $lat, $long)}}</p>
      <h3><a href="{{url('/market/detail/'.$market->id)}}">{{$market->name}}</a></h3>
      <div class="xs-btn-wraper">
        <a href="{{url('/market/products/'.$market->id)}}" class="btn btn-primary">GO SHOP</a>
      </div>
    </div><!-- .offer-banner-content END -->
    <div class="media-body">
      <img src="{!! env('IMAGE_URL').$market->getFirstMediaUrl('image') !!}" alt="{{$market->name}}">
    </div><!-- .media-body END -->
  </div><!-- .small-offer-banner END -->
</div>
@endforeach

@else
<h3>No market found</h3>
@endif