{{define "base"}}
<strong class="has-text-info">Statistics</strong>
<table class="table is-fullwidth" style="font-size: small">
    <tr>
        <td width="50%">
            <strong class="is-size-7">Photos shared:</label>
        </td>
        <td>
            <a href="/u/{{.User.Username}}/photos" class="has-text-info">
                <i class="fa fa-image mr-1"></i>
                {{FormatNumberCommas .PhotoCount}}
            </a>
        </td>
    </tr>
    <tr>
        <td>
            <strong class="is-size-7">Forum threads written:</label>
        </td>
        <td>
            <a href="/forum/search?username={{.User.Username}}&type=threads" class="has-text-info">
                <i class="fa fa-comment mr-1"></i>
                {{FormatNumberCommas .ForumThreadCount}}
            </a>
        </td>
    </tr>
    <tr>
        <td>
            <strong class="is-size-7">Forum comments:</label>
        </td>
        <td>
            <a href="/forum/search?username={{.User.Username}}" class="has-text-info">
                <i class="fa fa-comments mr-1"></i>
                {{FormatNumberCommas .ForumReplyCount}}
            </a>
        </td>
    </tr>
</table>

<strong class="has-text-info">Social</strong>
<table class="table is-fullwidth" style="font-size: small">
    <tr>
        <td width="50%">
            <strong class="is-size-7">Friends:</label>
        </td>
        <td>
            <a href="/u/{{.User.Username}}/friends" class="has-text-info">
                <i class="fa fa-user-group mr-1"></i> {{FormatNumberCommas .FriendCount}}
            </a>
        </td>
    </tr>
    <tr>
        <td>
            <strong class="is-size-7">Photo comments written:</label>
        </td>
        <td>
            <i class="fa fa-comments mr-1"></i> {{FormatNumberCommas .PhotoCommentCount}}
        </td>
    </tr>
    <tr>
        <td>
            <strong class="is-size-7">Photo comments received:</label>
        </td>
        <td>
            <i class="fa fa-comments mr-1"></i> {{FormatNumberCommas .CommentsReceivedCount}}
        </td>
    </tr>
    <tr>
        <td>
            <strong class="is-size-7">Likes given:</label>
        </td>
        <td>
            <i class="fa fa-heart mr-1"></i> {{FormatNumberCommas .LikesGivenCount}}
        </td>
    </tr>
    <tr>
        <td>
            <strong class="is-size-7">Likes received:</label>
        </td>
        <td>
            <i class="fa fa-heart mr-1"></i> {{FormatNumberCommas .LikesReceivedCount}}
        </td>
    </tr>
</table>
{{end}}