{include file="header.tpl.html" extra_title="Associate Emails"}
{include file="navigation.tpl.html"}

{if $app_setup.support_email != 'enabled'}
  <table width="300" align="center">
    <tr>
      <td>
        &nbsp;<span class="default"><b>Sorry, but this feature has been disabled by the administrator.</b>
        <br /><br />
        &nbsp;<a class="link" href="javascript:history.go(-1);">Go Back</a></span>
        <br /><br />
      </td>
    </tr>
  </table>
{elseif $no_access == 1}
  <table width="300" align="center">
    <tr>
      <td>
        &nbsp;<span class="default"><b>Sorry, but you do not have access to this page.</b>
        <br /><br />
        &nbsp;<a class="link" href="javascript:history.go(-1);">Go Back</a></span>
        <br /><br />
      </td>
    </tr>
  </table>
{else}
  {include file="email_filter_form.tpl.html"}
<div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;"></div>
<script language="JavaScript" src="{$rel_url}js/overlib_mini.js"></script>
<script language="JavaScript">
<!--
var page_url = '{$smarty.server.PHP_SELF}';
var current_page = {$list_info.current_page};
var last_page = {$list_info.last_page};
{literal}
function viewEmail(account_id, email_id)
{
    var features = 'width=740,height=580,top=30,left=30,resizable=yes,scrollbars=yes,toolbar=no,location=no,menubar=no,status=no';
    var emailWin = window.open('view_email.php?cat=list_emails&ema_id=' + account_id + '&id=' + email_id, '_email_' + email_id, features);
    emailWin.focus();
}
function goPage(f, new_page)
{
    if ((new_page > last_page+1) || (new_page <= 0) ||
            (new_page == current_page+1) || (!isNumberOnly(new_page))) {
        f.page.value = current_page+1;
        return false;
    }
    setPage(new_page-1);
}
function setPage(new_page)
{
    if ((new_page > last_page) || (new_page < 0) ||
            (new_page == current_page)) {
        return false;
    }
    window.location.href = page_url + "?" + replaceParam(window.location.href, 'pagerRow', new_page);
}
function hideAssociated(f)
{
    if (f.hide_associated.checked) {
        window.location.href = page_url + "?" + replaceParam(window.location.href, 'hide_associated', '1');
    } else {
        window.location.href = page_url + "?" + replaceParam(window.location.href, 'hide_associated', '0');
    }
}
function resizePager(f)
{
    var pagesize = f.page_size.options[f.page_size.selectedIndex].value;
    window.location.href = page_url + "?" + replaceParam(window.location.href, 'rows', pagesize);
}
window.onload = disableFields;
function disableFields()
{
    var f = document.email_list_form;
    if (current_page == 0) {
        f.first.disabled = true;
        f.previous.disabled = true;
    }
    if (current_page == last_page) {
        f.next.disabled = true;
        f.last.disabled = true;
    }
    if ((current_page == 0) && (current_page == last_page)) {
        f.page.disabled = true;
        f.go.disabled = true;
    }
}
function openRemovedList()
{
    var features = 'width=560,height=460,top=30,left=30,resizable=yes,scrollbars=yes,toolbar=no,location=no,menubar=no,status=no';
    var removedEmailWin = window.open('removed_emails.php', '_removedEmail', features);
    removedEmailWin.focus();
}
function associateEmails(f)
{
    if (!hasOneChecked(f, 'item[]')) {
        alert('Please choose which emails need to be associated.');
        return false;
    }
    if (f.issue.options[f.issue.selectedIndex].value == 'support') {
        f.target = '';
        f.action = 'ticket.php';
    } else if (f.issue.options[f.issue.selectedIndex].value == 'new') {
        f.target = '';
        f.action = 'new.php';
    } else {
        var issue_id = getSelectedOption(f, 'issue');
        var features = 'width=420,height=400,top=30,left=30,resizable=yes,scrollbars=yes,toolbar=no,location=no,menubar=no,status=no';
        var window_name = '_associateEmail_' + issue_id;
        f.target = window_name;
        var popupWin = window.open('', window_name, features);
        popupWin.focus();
    }
    f.submit();
}
function removeEmails(f)
{
    if (!hasOneChecked(f, 'item[]')) {
        alert('Please choose which emails need to be marked as deleted.');
        return false;
    }
    if (!confirm('This action will mark the selected email messages as deleted.')) {
        return false;
    } else {
        var features = 'width=420,height=400,top=30,left=30,resizable=yes,scrollbars=yes,toolbar=no,location=no,menubar=no,status=no';
        var popupWin = window.open('', '_popup', features);
        f.cat.value = 'remove_email';
        f.method = 'post';
        f.action = 'popup.php';
        f.submit();
        popupWin.focus();
    }
}
//-->
</script>
{/literal}
<table width="100%" bgcolor="{$cell_color}" border="0" cellspacing="0" cellpadding="1" align="center">
<form name="email_list_form" target="_popup" method="get" action="associate.php">
<input type="hidden" name="cat" value="associate">
  <tr>
    <td>
      <table bgcolor="#FFFFFF" width="100%" cellspacing="1" cellpadding="2" border="0">
        <tr>
          <td colspan="{if $has_customer_integration}7{else}6{/if}" class="default">
            <b>Viewing Emails ({$list_info.total_rows} emails found{if $list_info.end_offset > 0}, {math equation="x + 1" x=$list_info.start_offset} - {$list_info.end_offset} shown{/if})</b>
            {include file="help_link.tpl.html" topic="support_emails"}
          </td>
        </tr>
        <tr bgcolor="{$cell_color}">
          <td width="1%">{if $list}<input type="button" value="All" class="shortcut" onClick="javascript:toggleSelectAll(this.form, 'item[]');">{/if}</td>
          <td align="center" class="default_white">
            <a title="sort by sender" href="{$sorting.links.sup_from}" class="white_link">Sender</a>
            {if $sorting.images.sup_from != ""}<a title="sort by sender" href="{$sorting.links.sup_from}" class="white_link"><img border="0" src="{$sorting.images.sup_from}"></a>{/if}
          </td>
          {if $has_customer_integration}
          <td align="center" class="default_white" nowrap>
            <a title="sort by sender" href="{$sorting.links.sup_customer_id}" class="white_link">Customer</a>
            {if $sorting.images.sup_customer_id != ""}<a title="sort by customer" href="{$sorting.links.sup_customer_id}" class="white_link"><img border="0" src="{$sorting.images.sup_customer_id}"></a>{/if}
          </td>
          {/if}
          <td align="center" class="default_white">
            <a title="sort by date" href="{$sorting.links.sup_date}" class="white_link">Date</a>
            {if $sorting.images.sup_date != ""}<a title="sort by date" href="{$sorting.links.sup_date}" class="white_link"><img border="0" src="{$sorting.images.sup_date}"></a>{/if}
          </td>
          <td align="center" class="default_white">
            <a title="sort by recipient" href="{$sorting.links.sup_to}" class="white_link">To</a>
            {if $sorting.images.sup_to != ""}<a title="sort by recipient" href="{$sorting.links.sup_to}" class="white_link"><img border="0" src="{$sorting.images.sup_to}"></a>{/if}
          </td>
          <td align="center" class="default_white" nowrap>
            <a title="sort by status" href="{$sorting.links.sup_iss_id}" class="white_link">Status</a>
            {if $sorting.images.sup_iss_id != ""}<a title="sort by status" href="{$sorting.links.sup_iss_id}" class="white_link"><img border="0" src="{$sorting.images.sup_iss_id}"></a>{/if}
          </td>
          <td class="default_white" width="45%">
            &nbsp;<a title="sort by subject" href="{$sorting.links.sup_subject}" class="white_link">Subject</a>
            {if $sorting.images.sup_subject != ""}<a title="sort by subject" href="{$sorting.links.sup_subject}" class="white_link"><img border="0" src="{$sorting.images.sup_subject}"></a>{/if}
          </td>
        </tr>
        {section name="i" loop=$list}
        <tr bgcolor="{if $list[i].sup_iss_id != 0}{$light_color}{else}#99CCFF{/if}">
          <td align="center" width="1%" class="default"><input type="checkbox" name="item[]" value="{$list[i].sup_id}" {if $list[i].sup_iss_id != 0}disabled{/if}></td>
          <td class="default">{$list[i].sup_from|escape:"html"}</td>
          {if $has_customer_integration}
          <td class="default" nowrap>{$list[i].customer_title|escape:"html"}</td>
          {/if}
          <td align="center" class="default" nowrap>{$list[i].sup_date}</td>
          <td class="default">{$list[i].sup_to|escape:"html"|replace:",":" "}</td>
          <td align="center" class="default" nowrap>
            {if $list[i].sup_iss_id != 0}
            associated (<a class="link" title="view issue details" href="view.php?id={$list[i].sup_iss_id}">{$list[i].sup_iss_id}</a>)
            {else}
            <b>pending</b>
            {/if}
          </td>
          <td class="default" width="45%">
            &nbsp;<a href="javascript:void(null);" title="view email details" onClick="javascript:viewEmail({$list[i].sup_ema_id}, {$list[i].sup_id});" class="link">{$list[i].sup_subject|default:"<Empty Subject Header>"|escape:"html"}</a>
            {if $list[i].sup_has_attachment}
            <a href="javascript:void(null);" title="view email details" onClick="javascript:viewEmail({$list[i].sup_ema_id}, {$list[i].sup_id});" class="link"><img src="{$rel_url}images/attachment.gif" border="0"></a
            {/if}
          </td>
        </tr>
        {sectionelse}
        <tr bgcolor="gray">
          <td colspan="{if $has_customer_integration}7{else}6{/if}" class="default_white" align="center">
            <i>No emails could be found.</i>
          </td>
        </tr>
        {/section}
        <tr bgcolor="{$cell_color}">
          <td colspan="{if $has_customer_integration}7{else}6{/if}">
            <table width="100%" cellspacing="0" cellpadding="0">
              <tr>
                <td width="35%">
                  {if $list}
                  <input type="button" value="All" class="shortcut" onClick="javascript:toggleSelectAll(this.form, 'item[]');">
                  <input type="button" value="Associate &gt;" class="shortcut" onClick="javascript:associateEmails(this.form);">
                  <select name="issue" class="default">
                    <option value="new">New Issue</option>
                    {html_options output=$issues values=$issues}
                  </select>
                  {if not ($os.mac and $browser.ie)}<a title="lookup issues by their summaries" href="javascript:void(null);" onClick="return overlib(getOverlibContents('{include file="lookup_layer.tpl.html" list=$assoc_issues}', 'email_list_form', 'issue'), STICKY, HEIGHT, 50, WIDTH, 160, BELOW, RIGHT, CLOSECOLOR, '#FFFFFF', FGCOLOR, '#FFFFFF', BGCOLOR, '#333333', CAPTION, 'Lookup Details', CLOSECLICK);" onMouseOut="javascript:nd();"><img src="{$rel_url}images/lookup.gif" border="0"></a>{/if}
                  {/if}
                </td>
                <td width="40%" align="center">
                  <input name="first" type="button" value="|&lt;" class="shortcut" onClick="javascript:setPage(0);">
                  <input name="previous" type="button" value="&lt;&lt;" class="shortcut" onClick="javascript:setPage({$list_info.previous_page});">
                  <input type="text" name="page" size="3" maxlength="3" value="{math equation="x + 1" x=$list_info.current_page}" style="background: {$cell_color};" class="paging_input">
                  <input name="go" type="button" value="Go" class="shortcut" onClick="javascript:goPage(this.form, this.form.page.value);">
                  <input name="next" type="button" value="&gt;&gt;" class="shortcut" onClick="javascript:setPage({$list_info.next_page});">
                  <input name="last" type="button" value="&gt;|" class="shortcut" onClick="javascript:setPage({$list_info.last_page});">
                </td>
                <td nowrap align="center">
                  <span class="default_white">Rows:</span>
                  <select name="page_size" class="default" onChange="javascript:resizePager(this.form);">
                    <option value="5" {if $options.rows == 5}selected{/if}>5</option>
                    <option value="10" {if $options.rows == 10}selected{/if}>10</option>
                    <option value="25" {if $options.rows == 25}selected{/if}>25</option>
                    <option value="50" {if $options.rows == 50}selected{/if}>50</option>
                    <option value="100" {if $options.rows == 100}selected{/if}>100</option>
                    <option value="ALL" {if $options.rows == "ALL"}selected{/if}>ALL</option>
                  </select>
                  <input type="button" value="Set" class="shortcut" onClick="javascript:resizePager(this.form);">
                </td>
                <td width="25%" class="default_white" align="right">
                  <input type="checkbox" id="hide_associated" name="hide_associated" {if $options.hide_associated}checked{/if} onClick="javascript:hideAssociated(this.form);"> <label for="hide_associated">Hide Associated Emails</label>&nbsp;
                </td>
              </tr>
            </table>
          </td>
        </tr>
        <tr bgcolor="{$dark_color}">
          <td colspan="{if $has_customer_integration}7{else}6{/if}">
            <table width="100%" cellspacing="0" cellpadding="0">
              <tr>
                <td colspan="3">
                  {if $list}
                  <input type="button" value="Remove Selected Emails" class="shortcut" onClick="javascript:removeEmails(this.form);">
                  {/if}
                </td>
                <td align="right" class="default">
                  <a title="list all removed emails" class="link" href="javascript:void(null);" onClick="javascript:openRemovedList();">List Removed Emails</a>&nbsp;
                </td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</form>
</table>

{/if}

{include file="app_info.tpl.html"}
{include file="footer.tpl.html"}