@php
$showMap = false;
@endphp

@if(@$showMap)

<div class="show-stores pt-3">
  <div class="new-card scrollbar scrollbar-pizza rounded p-3">

    <div class="">
      <h3 class="font-montserrat white-text text-left py-2">Pizzarias ( 7 )</h3>
    </div>

    <div class="row">

      @for($i=1;$i<=7;$i++)

      @php
      $i %2 == 0 ? $entrega = true : $entrega = false;
      @endphp

      <div class="col-lg-4 mb-2">
        <a href="#!">
          <div class="white rounded">
            <div class="row">
              <div class="col-lg-5">
                <div class="view zoom my-auto">
                  <img src="{{ asset('storage/images/store/logo.png') }}" class="img-fluid p-3" alt="">
                </div>
              </div>
              <div class="col-lg pl-0">
                <div class="pt-3 pr-3">
                  <h6 class="text-left font-montserrat fosco-text">LS Pizzaria</h6>
                  <div class="font-weight-bolder">
                    <i class="fas fa-star yellow-pizza-text mr-1"></i> <span> {!! $i * .71 !!} </span> &#x2022;
                    <small class="font-weight-bold ml-1"> {!! $i + 0.5 !!} km </small>
                  </div>
                </div>
                <div>
                  <p class="text-left pt-1 mb-0">
                    <small class="font-montserrat">Taxa de entrega R$ {!! - $i + 10 !!},00</small>
                  </p>
                  @if($entrega)
                  <p class="text-right pb-3 pr-3 mb-0">
                    <small class="font-montserrat green-pizza-text">40 a 60 min</small>
                  </p>
                  @else
                  <p class="text-right pb-3 pr-3 mb-0">
                    <small class="font-montserrat red-text"> &#x2022; Fechado</small>
                  </p>
                  @endif
                </div>
              </div>
            </div>
          </div>
        </a>
      </div>

      @endfor

    </div>

  </div>
</div>

@else

<div class="show-stores pt-3">
  <div class="new-card rounded p-3">
    <div>
      <iframe src="https://maps.google.com/maps?q=manhatan&t=&z=13&ie=UTF8&iwloc=&output=embed" height="492" width="1078" frameborder="0" class="z-depth-1 rounded" allowfullscreen>
      </iframe>

      <div class="align-map d-flex justify-content-center" style="margin-top: -6rem">
        <button class="btn btn-xs btn-red font-montserrat">Selecionar Pizzarias Próximas</button>
      </div>

    </div>
  </div>
</div>

@endif