@if($accountants->isEmpty())
    <div class="col-12 text-center">
        <p class="placeholder-text">No tax professional found. Please try another search.</p>
    </div>
@else
    @foreach($accountants as $accountant)
    <div class="col-lg-3">
        <div class="member-box align-center">
            <div class="inner">
                <div class="member-avatar">
                    <div class="avatar-inner position-relative">
                        <img src="{{ Storage::disk('s3')->url('avatar/'.$accountant->avatar) }}" alt="Member" class="img-fluid rounded-circle">
                    </div>
                </div>
                <div class="member-content text-center mt-3">
                    <h4 class="name">{{ $accountant->first_name }} {{ $accountant->last_name }}</h4>
                    <div class="position">{{ $accountant->business_name }}</div>

                    <div class="contact-info mt-3">
                        <p style="font-size: 12px;">
                        {{ $accountant->email }}
                        @if(isset($accountant->phone))
                        | {{ $accountant->phone }}
                        @endif
                        </p>

                        @if(isset($accountant->city) && isset($accountant->country))
                        <p style="font-size: 12px;">{{ $accountant->city }}, {{ $accountant->country }}</p>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
    @endforeach

    {!! $accountants->links() !!}
@endif