{foreach from = $item->list item = 'row' name = 'people'}
    <div class="media bio">
        {if $row.image}
        <a class="pull-left" href="{$CURRENT_PAGE}/{$row.alias|htmlspecialchars}">
            {html_image_fs
                class = media-object
                name = $row.image
                width = $item->config.image.width
                height = $item->config.image.height
                method = $item->config.image.resizeMethod
                alt = $row.name
                title = $row.shortBio
            }

        </a>
        {/if}
        <div class="media-body">
            <div class="pull-left">
                <h3 class="media-heading">{$row.name|htmlspecialchars}</h3>
                {if $row.jobTitle}<p class="meta">{$row.jobTitle|htmlspecialchars}</p>{/if}
            </div>
            {if $row.socialLinks}
            <ul class="bio-social inline pull-left">
            {foreach from=$row.socialLinks item=socialLink}
                <li>
                    <a href="{$socialLink.link}" target="blank" title="View {$socialLink.serviceName} Profile"><i class="fa fa-{$socialLink.iconName}"></i></a>
                </li>
            {/foreach}
            </ul>
            {/if}
            <p class="clear">{$row.shortBio|truncate:$item->config.shortBioLength|htmlspecialchars|nl2br} <a href="{$CURRENT_PAGE_FINAL}/{$row.alias|htmlspecialchars}">Full bio</a></p>
        </div>
    </div>
{foreachelse}
    <div class="empty">There are no people at this time</div>
{/foreach}

{if $item->paginator}{include file="ViewController/list-paginator.tpl"|SMGetTemplate paginator = $item->paginator}{/if}