<div class="blue-box" style="clear:both;padding:4px !important;">
    <table class="automation">
        <tbody>
            <tr>
                <td><span  id="addnotebutton"></span></td>
                <td align="right" width="90">[l]Filter Type[/l]: &nbsp;&nbsp;</td>
                <td align="left" width="53">
                    <select name="archivednotesfilter" id="archivednotesfilter">
                        <option value="0">Un-Archived</option>
                        <option value="1">Archived</option>
                    </select>
                </td>
            </tr>
        </tbody>
    </table>
</div>
<div id="notes"></div>

<div id="groupnotesdiv" style="display:none;">
    <div class="blue-box" style="margin-top:25px; padding:4px !important;">
        <table class="automation">
            <tbody>
                <tr>
                    <td>[l]Group Notes[/l] &nbsp;&nbsp;<i style="font-size:10px;">*[l]Notes for any groups this customer is assigned to[/l]</i></td>
                </tr>
            </tbody>
        </table>
    </div>
    <div id="groupnotes"></div>
</div>
<input type="hidden" id="clientName" value="{userName}" />
<script type="text/javascript">
    var hasgroupnotes = {hasgroupnotes};
    if(hasgroupnotes){
        $('groupnotesdiv').style.display = "";
    }
</script>