<div style="border-top:1px solid #D4D4D4;padding-bottom: 17px;"></div>
<div class="blue-box" style="clear:both;padding:4px !important;">
    <table class="automation">
        <tbody>
            <tr>
                <td>
                    <!-- BEGIN DYNAMIC BLOCK: addnotebtn -->
                    <span  id="addnotebutton"></span>
                    <!-- END DYNAMIC BLOCK: addnotebtn -->
                    <!-- BEGIN DYNAMIC BLOCK: noaddnotebtn -->
                    &nbsp;
                    <!-- END DYNAMIC BLOCK: noaddnotebtn -->
                </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){
        document.getElementById('groupnotesdiv').style.display = "";
    }
</script>