@php
    Theme::set('pageTitle', __('Agents'));
@endphp

<section class="flat-section flat-agents">
    <div class="container">
        <div class="row row-cols-1 row-cols-sm-2 row-cols-md-4">
            @foreach($accounts as $account)
                <div class="box col mb-4">
                    <div class="box-agent hover-img wow fadeIn" data-wow-delay=".2s" data-wow-duration="2000ms">
                        <div class="box-img img-style mb-2">
                            {{ RvMedia::image($account->avatar_url, $account->name) }}
                            {!! Theme::partial('shortcodes.agents.partials.social-links', compact('account')) !!}
                        </div>
                        <div class="content">
                            <div class="info">
                                <a href="{{ $account->url }}">
                                    <h6 class="link">{{ $account->name }}</h6>
                                </a>
                                {!! Theme::partial('shortcodes.agents.partials.info', compact('account')) !!}
                            </div>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>

        {{ $accounts->links(Theme::getThemeNamespace('partials.pagination')) }}
    </div>
</section>