@extends('layouts.app')

@section('content')

<h1 class="mb-5 font-weight-light justify-content-center d-flex">Escolha uma região para ver as lojas</h1>

@if (session('status'))
    <div class="alert alert-success" role="alert">
        {{ session('status') }}
    </div>
@endif

<div class="row d-flex justify-content-center">
    @foreach($actingRegions as $actingRegion)
        <div class="col-lg-3 col-md-12">
            <div class="card selectedcard border-0 shadow-sm regions mb-4 p-3 rounded text-body">
                <div class="card-body p-0">
                    <p class="card-text icon d-flex justify-content-center w-100">
                        <img class="locationpoint" src="/images/icons/room-24px.svg" alt="">
                    </p>
                    <h5 class="card-title d-flex justify-content-center">{{ $actingRegion->name }}</h5>
                </div>
                <div class="card-body button p-0">
                    <a href="{{ route('region.stores', $actingRegion->slug) }}" class="btn bg-main mt-3 pr-5 pl-5">Ver Lojas</a>
                </div>
            </div>
        </div>
    @endforeach
</div>

@endsection