<table class="table table-hover portlet light bg-inverse" id="repTable" style="width: 100%;">
    <thead>
        <tr>
            <th class="wds10">#</th>
            <th>    Date</th>
            <th class="wds10">    No Of Updates</th>
            <th class="wds10">    Details</th>
        </tr>
    </thead>
    <tbody>
        {assign var="i" value="1"}
        {foreach $visits as $data}
        <tr>
            <td>{$i}</td>
            <td>   {$data.visitdate} </td>
            <td>   {$data.updatesCount} </td>
            <td> 
                {if   $data.updatesCount > 0 }
                <a class="btn blue btn-xs visitUpdateDetails" data-id="{$data.visitId}"  href="javascript:;" >
                    <i class="fa fa-eye"></i>
                </a> 
                {/if}
            </td>
        </tr>
        {assign var="i" value={$i+1}}
        {/foreach}
    </tbody>
</table>
