@forelse ($data as $item)
    <div class="col-xl-4 col-md-6">
        <div class="vertical-card">
            <div class="card-img">
                @if ($item->account_information->logo)
                <img src="{{ asset($item->account_information->logo) }}" width="270" height="220">
                @elseif ($item->image)
                <img src="{{ asset($item->image) }}" width="270" height="220">
                @else
                <img src="{{ asset('main-site/assets/img/logo.png') }}" width="270" height="220">

                @endif

            </div>
            <div class="card-body">
                <h6 class="card-title mb-2 fw-bold">{{ $item->name }}</h6>
                <p class="dark-color opacity-50 small-text mb-0">
                    {{ $item->account_information->description }}</p>
            </div>
            <div class="card-footer">
                <a href="{{ route('suppliers.show',$item->id) }}" class="main-btn">{{ __("site.Navbar.Supplier") }}</a>
            </div>
        </div>
    </div>
@empty
    <div class="d-flex justify-content-center">
        <img src="{{ asset('main-site/assets/img/error.png') }}" width="300" height="300" class="img-fluid">
    </div>
@endforelse