@extends('layouts.app')

@section('content')

<h2 class="m-5 font-weight-light justify-content-center d-flex">Clique em uma loja para ver seus cupons</h2>

<div class="row md-p-5 d-flex justify-content-center">

    @php $hasCupons = false; @endphp

    @foreach($stores as $userStore)
        @if($userStore->hasCoupon())
            <a href="{{ route('store.view', $userStore->username) }}" class="block col-lg-4 col-md-12 mb-4">
                <div class="h-100 card d-flex flex-column pb-2 justify-content-between border-lg shadow-sm rounded text-center">
                    <span class="block p-1">{{ $userStore->name }}</span>
                    <img class="block w-100 img-store" onerror="this.onerror=null;this.src='/images/logo_preta.svg';" src="{{ env('AWS_AVATAR_URL') . $userStore->picture }}" alt="{{ $userStore->picture }}">
                </div>
            </a>
            @php $hasCupons = true @endphp
        @endif
    @endforeach

    @if(!$hasCupons)
        <h2 class="d-flex justify-content-center mb-5 w-100 text-black-50">Não foram encontrados cupons</h2>
    @endif
</div>

@endsection