{block_decorator name="box" type="empty" toolbar=$toolbar}
<div class="ow_group_brief_info clearfix ow_smallmargin">
    {if $group.imgUrl}
        <div class="image">
            <a href="{$group.url}"><img src="{$group.imgUrl}" alt="{$group.title|escape}" /></a>
        </div>
        <div class="details" style="margin-left: 100px;">
    {else}
        <div class="details">
    {/if}

        <h3 class="title">
            <a href="{$group.url}">{$group.title}</a>
            {if $group.status == "approval"}  <span class='ow_group_approve_status'>{text key="groups+group_approve_status"}</span> {/if}
            {if isset($group.parentTitle)}
            <span id="group_parent_name" class="ow_small ow_remark">{$group.parentTitle}</span>{/if}
            {if $group.status == "approval"} <span class="ow_small ow_remark">({text key="base+pending_approval"})</span>{/if}
        </h3>
        <div class="body ow_smallmargin">
            {$group.description|autolink|more:300:true}
        </div>
            <div class="{$groupInfo.admin.class}">{$groupInfo.admin.label}</div>
            </br>
            <div class="{$groupInfo.date.class}">{$groupInfo.date.label}</div>
        <div class="clearfix">
                {add_content key='socialsharing.get_sharing_buttons' title=$group.title url=$group.url description=$group.description image=$group.imgUrl entityType='groups' entityId=$group.id}
        </div>
    </div>

</div>
<div class="clearfix">
    {add_content key='groups.brief_info.content.after_group_description'}
</div>
{/block_decorator}