@extends('front.layout.app')

@section('content')

@if(count($stores)>0)
<section class="store-section mb-3">
    <div class="container-fluid pr-2rem pl-2rem ">
        <div class="row justify-content-space">
            <div class="box_container_title">
                <a href="#">{{__('word.stores')}}</a>
            </div>
        </div>
        <div class="row">
            @foreach($stores as $store)
                <div class="col-lg-3 col-md-6 col-sm-12 box-container mb-3">
                    <div class="img store-img">
                        <a href="{{route('single-store',$store->id)}}">
                            <img src="{{asset($store->logo)}}" data-loaded="true" class="full-width">
                        </a>
                    </div>
                    <div class="store-card full-width border-radius-5px p-2">
                        <p class="black-color fw-bold m-0 ad-title">{{$store->user->name}}</p>
                        <p class="black-color fw-bold m-0 ad-title">{{$store->bio}}</p>
                    </div>
                </div>
            @endforeach
        </div>
    </div>
    <div class="text-center">
        {{$stores->links()}}
    </div>
</section>
@endif
@endsection