@extends('layouts.app')

@section('content')

<div class="column text-left">
    <div class="row m-0 p-0 justify-content-between mb-3 mt-3">
        <h1 class="col-lg-5">Lojas Cadastradas</h1>
        <div>
            <a href="{{ route('admin.stores.create') }}" class="btn btn-dark text-white mb-3">Nova Loja</a>
        </div>
    </div>

    <div class="row m-0 p-0 md-p-5 d-flex justify-content-start">
        @foreach($stores as $userStore)
        <a href="{{ route('admin.stores.edit', $userStore->id) }}" 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->store->store_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>
        @endforeach
    </div>
</div>

@endsection