@extends('front.layout.layout')


@section('content')
<section class="content-header mt-3">
    <div class="container">
        <div class="row mb-2 d-flex justify-content-between align-items-center">
            <div class="col-sm-9">
                <h1>Businesses</h1>
            </div>
            <div class="col-sm-3 text-right">
                <a href="{{ route('business.create') }}" class="btn btn-success">Add New Business</a>
            </div>
        </div>
    </div>
</section>

<section class="content">
    <div class="container">
        <div class="mt-4">
            <div class="row">
                @forelse ($bussiness as $biz)
                <div class="col-md-4">
                    <x-vertical-card :biz="$biz" />
                </div>
                @empty
                <p>No businesses found.</p>
                @endforelse
            </div>
            <div class="pagination-links">
                {{$bussiness->links()}}
            </div>
        </div>
    </div>
</section>
@endsection