<!--many_many_more_contacts
	<div class="scroll-pane contacts-fat-list">
        <div class="feedback notification">
			[%=resource_string('feedback.contacts.index.manymorecontacts',contacts.length)%]
			
        </div>

        <ol>
            [%
            for(index=0;index<contacts.length;index++){
                var _contact = contacts[index];


                with(_contact){
                    %]
                   <li class="contact-card" rel="[%=id%]"><img class="photo" alt="photo" src="/api/contacts/[%=id%]/avatar" style="clear:both;height:1.5em;width:1.5em;"/><span class="contact_name">[%=firstName%]&nbsp;[%=lastName%]</span></li>
                   [%
                }
            }
            %]

        </ol>

    </div>
-->

<div class="contact-list-holder">
    <div class="gen-toolbar toolbar">
      <ul>
        <li class="export-ui">
			<a title="Export" href="#" id="link-contact-export">Export</a>
			<span class="exporting-field hide">
				<ul>
					<li><a id="download-as-csv" href="/export?exportIds=[%=selected.toString()%]&format=csv">CSV</a></li>
					<li><a id="cancel-export" href="#cancel-export">Cancel</a></li>
				</ul>
	        </span>
		</li>
        <li class="tag-ui">
          <a title="Tag" href="#" id="link-contact-tag">Tag</a>
		<span class="tagging-field hide">
          <ul>
			<li>
            <input type="text" id="multi-tag-field"/></li>
			<li><a id="add-tag" href="#">Add</a></li>
            <li><a id="cancel-tag" href="#">Cancel</a></li>
          </ul>
</span>
        </li>
        <li><a title="Delete" href="#" id="link-contact-delete">Delete</a></li>
        <li class="merge-ui">
          <a title="Merge" href="#" id="link-contact-merge">Merge</a>
          <span class="merging-confirm hide">
            <p class="merge-message" style="float:left;">Select a destination contact</p>
            <p class="merge-confirm-message" style="float:left;">This will merge [NUM] contacts into [NAME]</p>
            <input type="submit" id="confirm-merge" value="Confirm"/>
            <a id="cancel-merge" href="#">Cancel</a>
          </span>
        </li>
      </ul>
    </div>

    [%=render_partial('many_many_more_contacts',{contacts:contacts})%]

</div>


    
