{config_load file=$language_path section="general"}
{config_load file=$language_path section="emails"}
{if $SHOW_HEADER == '1'}
{yes_admin_page_menu main_title=$HEADING_TITLE buttons=$PAGE_HEADING_MENU_BUTTONS}
{else}
<style type="text/css">
{literal}
table#mail_listing tbody tr td.action img{
    width: 15px;
    cursor: pointer;
    margin-right: 4px;
}
table#mail_listing tbody tr td.action a.staff_allocated{
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border: 1px solid green;
}
table#mail_listing tbody tr td.action a.staff{
    padding: 2px;
    font-size: 16px;
    text-decoration: none;
}
table#mail_listing tbody tr td.action img.unallocate,table#mail_listing tbody tr td.action img.unclose{
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.5;    
}
table#mail_listing tbody tr td.action input{
    width: 13px;
    height: 13px;
    outline: 1px solid #000;
    margin-right: 4px;
}
table#mail_listing tbody tr td span.attachment{
	display:block;
	color:#787878;
	font-size: 0.8em;
	display: block;
	padding:2px;
}
table#mail_listing tbody tr td.ebayuser,table#mail_listing tbody tr td.ebayauction{
    background-image: url(images/ebay_category.gif);
    background-repeat: no-repeat;
    background-position: right center;
}
table#mail_listing tbody tr td span.attachment > span.attFilesize{
	padding-left: 4px;
	font-style: italic;
}
table#mail_listing tbody tr td.name a.allocated_user{
    cursor: pointer;
    text-decoration: underline;
}
.sender_id{
    color: #888;
    font-size: smaller;
}
a.history_comment{
    text-decoration: none;
    color: black;
}
a.mark_as_read{
    padding: 1px;
}
a.toggle_unread_allocation_history{
    margin-bottom: 10px;
    font-size: larger;
    padding: 2px;
}
{/literal}
</style>
<script type="text/javascript">
var text_title = '{#print#}';
var text_close = '{#close#}';
var text_unclose = '{#unclose#}';
var text_view = '{#view#} / {#edit#}';
var text_delete = '{#delete#}';
var text_allocate = '{#allocate#}';
var text_unallocate = '{#unallocate#}';
var text_staff = '{#staff_allocation#}';
var EXT_POPUP_WIDTH = '{$EXT_POPUP_WIDTH}';
var EXT_POPUP_HEIGHT = '{$EXT_POPUP_HEIGHT}';
var REALLY_SPAM_PROCESS = '{$REALLY_SPAM_PROCESS}';
var JS_CONFIRM_REALLY_DELETE_ITEMS = '{$JS_CONFIRM_REALLY_DELETE_ITEMS}';
var NEW_MAIL_LINK = '{$NEW_MAIL_LINK}';
var BASELINK = '{$BASELINK}';
var BASELINK_DELETE = '{$BASELINK_DELETE}';
var SEARCH_DEFAULTDATE = '{$SEARCH_DEFAULTDATE}';
var JS_CONFIRM_REALLY_UNALLOCATION = '{$JS_CONFIRM_REALLY_UNALLOCATION}';
var SUBMITTED_ORDER_BY = '{$SUBMITTED_ORDER_BY}';
var SUBMITTED_ORDER_DIRECTION = '{$SUBMITTED_ORDER_DIRECTION}';
var TEXT_SORT_BY = '{#text_sort_by#}';
var TEXT_SORT_ORDER_ASC = '{#text_sort_order_asc#}';
var TEXT_SORT_ORDER_DESC = '{#text_sort_order_desc#}';
var base_url = '{$SORT_BASE_URL}';
var AFTER_ALLOCATION_LINK = '{$AFTER_ALLOCATION_LINK}';
var OPEN_STAFF_ALLOCATION_ID = parseInt('{$OPEN_STAFF_ALLOCATION_ID}');
{literal}
$().ready(function(){
    $('table#mail_listing tbody tr td.action img.print').each(function(){
	$(this).attr('title',text_title);
	$(this).click(function(){
	   window.open('ebay_mail_main.php?action=print&showId='+$(this).closest('tr').attr('id'),'PRINT','width='+EXT_POPUP_WIDTH+',height='+EXT_POPUP_HEIGHT+',scrollbars=yes,resizable=yes');
	});
    });
    $('table#mail_listing tbody tr td.action img.close').each(function(){
	    $(this).attr('title',text_close);
	    $(this).click(function(){
            // im mailmaster popup
            showPreloader();
            var viewmailid = $(this).closest('tr').attr('id');
            if (typeof savemail === "function") { 
                savemail(viewmailid);
                return false;
            }
	        window.location.href = BASELINK+'&eId='+$(this).closest('tr').attr('id')+'&action=save';
	    });
    });
    $('table#mail_listing tbody tr td.action img.unclose').each(function(){
	    $(this).attr('title',text_unclose);
	    $(this).click(function(){
            // im mailmaster popup
            showPreloader();
            var viewmailid = $(this).closest('tr').attr('id');
            if (typeof unsavemail === "function") { 
                unsavemail(viewmailid);
                return false;
            }

	        window.location.href = BASELINK+'&eId='+$(this).closest('tr').attr('id')+'&action=unsave';
	    });
    });
    $('table#mail_listing tbody tr td.action img.view').each(function(){
	    $(this).attr('title',text_view);
        var viewmailid = $(this).closest('tr').attr('id');
	    $(this).click(function(){
            if (typeof viewmail === "function") { 
                viewmail(viewmailid);
                return false;
            }
    	    window.open('ebay_mail_frame.php?eId='+viewmailid+'&email='+encodeURIComponent($(this).parent().attr('id')),'yesmailmasterpopup');
	    });
    });
    $('table#mail_listing tbody tr td.action img.spam').each(function(){
	    $(this).attr('title','SPAM');
	    $(this).click(function(){
	        yes = confirm(REALLY_SPAM_PROCESS);
            var email = $(this).parent().attr('id');
	        if(yes){
                if (typeof spammail === "function") { 
                    spammail(email);
                    return true;
                }
		        window.location.href = BASELINK+'&action=spam_process&email='+email;
	        }
	});
    });
    $('table#mail_listing tbody tr td.action img.delete').each(function(){
		$(this).attr('title',text_delete);
		$(this).click(function(){
	    	really_delete_email($(this).closest('tr').attr('id'));
		});
    });
    $('table#mail_listing tbody tr td.action img.allocate').each(function(){
        if (typeof allocatemail === "function") { 
            $(this).hide();
            return true;
        }
	    $(this).attr('title',text_allocate);
	    $(this).click(function(){
	        $('#modal_window').dialog({
                title: $(this).attr('title'),
                modal: true,
                width: EXT_POPUP_WIDTH,
                height: 'auto'
            }).load(BASELINK+'&action=allocation&id='+$(this).closest('tr').attr('id'));
	    });
    });
    $('table#mail_listing tbody tr td.action img.unallocate').each(function(){
    	$(this).attr('title',text_unallocate);
	    $(this).click(function(){
	        yes = confirm(JS_CONFIRM_REALLY_UNALLOCATION);
	        if(yes){
                // im mailmaster popup
                showPreloader();
                var viewmailid = $(this).closest('tr').attr('id');
                if (typeof unallocatemail === "function") { 
                    unallocatemail(viewmailid);
                    return false;
                }
		        window.location.href = BASELINK+'&action=unallocation&id='+$(this).closest('tr').attr('id');
	        }
	});
    });
    $('table#mail_listing tbody tr td.subject').each(function(){
	    $(this).attr('title',text_view);
        var viewmailid = $(this).closest('tr').attr('id');
        $(this).children('.subject_text').css('cursor','pointer').css('text-decoration','underline').on('click',function(){
            if (typeof viewmail === "function") { 
                viewmail(viewmailid);
                return false;
            }
    		window.open('ebay_mail_frame.php?eId='+viewmailid+'&email='+encodeURIComponent($(this).data('email')),'_blank');
        });
    });
    $('table#mail_listing tbody tr td.name a.allocated_user').each(function(){
	$(this).click(function(){
	   window.open('customers.php?action=crm&cID='+$(this).attr('id'));
	});
    });
    $('table#mail_listing tbody tr td.subject a#view_attachments').each( function( intIndex ){
	    $(this).bind('click',function(){
		    targetElement = $(this).next();
		    if( targetElement.is(':visible') ){
			    targetElement.hide();
			    $(this).html('<img src="images/plus.gif" alt="" border="0" />');
		    }else{
			    targetElement.show();
			    $(this).html('<img src="images/minus.gif" alt="" border="0" />');
		    }
	    });
    });
    $('table#mail_listing tbody tr td.ebayuser').each(function(){
	$(this).attr('title','eBay User '+$(this).attr('id'));
    });
    $('table#mail_listing tbody tr td.ebayauction').each(function(){
	$(this).attr('title','eBay Auction '+$(this).attr('id'));
    });
    $('#new_mail').click(function(){
	    window.open(NEW_MAIL_LINK,'_blank');
    });
    var default_sort_direction = 'asc';
    $('table#mail_listing thead tr th.sortable').each(function(){
	    if( $(this).attr('id') == SUBMITTED_ORDER_BY){
		    var sort_direction = (SUBMITTED_ORDER_DIRECTION == 'asc') ? 'desc' : 'asc';
		    $(this).css('font-style','italic');
	    }else{
		    var sort_direction = default_sort_direction;
	    }
	    this.onclick = function(){
		    sort_string = '&order_by='+$(this).attr('id')+'%20'+sort_direction;
		    window.location.href = base_url+sort_string;
	    };
	    $(this).css('cursor','pointer');
            var title = TEXT_SORT_BY.replace(/%s/g,'').trim();
            title = title+' '+$(this).attr('id')+' '+((sort_direction == 'asc')?TEXT_SORT_ORDER_ASC:TEXT_SORT_ORDER_DESC);
            //alert(TEXT_SORT_BY);
	    //var title = sprintf(TEXT_SORT_BY,$(this).attr('id'),((sort_direction == 'asc')?TEXT_SORT_ORDER_ASC:TEXT_SORT_ORDER_DESC));
	    $(this).attr('title',title);
	    $(this).prepend('<font style="font-size: larger;">'+((sort_direction=='desc')?'&dtrif;':'&utrif;')+'</font>&nbsp;');
    });
    $('table#mail_listing tbody tr td.action a.staff').each(function(){
        if($(this).attr('title') == ''){
            $(this).attr('title',text_staff);
        }
        $(this).on('click',function(){
            if (parent.replyframe) {
                var md = $('#modal_window',parent.replyframe.document);
            }else{
                var md = $('#modal_window');
            }
            md.dialog({
               title: text_staff,
               modal: true,
               width: 'auto',
               height: 'auto'
            }).load('ebay_email.php?action=staff_allocation&id='+$(this).closest('tr').attr('id'));
        });
    });
    if(OPEN_STAFF_ALLOCATION_ID > 0){
           $('#modal_window').dialog({
               title: text_staff,
               modal: true,
               width: 'auto',
               height: 'auto'
           }).load('ebay_email.php?action=staff_allocation&id='+OPEN_STAFF_ALLOCATION_ID);
    }   
    $('#unread_allocation_history ul li').each(function(){
        $(this).prepend('<input type="checkbox" checked="checked" value="'+
                $(this).data('email_staff_allocation_history_id')+
                '" name="set_read_status[]" />').css('list-style-type','none');
    });
    $('a.select_all_unread').on('click',function(){
        $('#unread_allocation_history ul li input[name="set_read_status[]"]').each(function(){
            $(this).prop('checked',true);
        });
    });
    $('a.unselect_all_unread').on('click',function(){
        $('#unread_allocation_history ul li input[name="set_read_status[]"]').each(function(){
            $(this).prop('checked',false);
        });
    });
    $('a.history_comment').each(function(){
        $(this).on('click',function(){
           var email_id = $(this).closest('li').data('email_id');
           $('#modal_window').dialog({
               title: text_staff,
               modal: true,
               width: 'auto',
               height: 'auto'
           }).load('ebay_email.php?action=staff_allocation&id='+email_id);
        });
    });
    $('#unread_allocation_history a.mark_as_read').on('click',function(){
        if($('#unread_allocation_history ul li input[name="set_read_status[]"]:checked').length < 1){
            return false;
        }
        $('#unread_allocation_history ul li input[name="set_read_status[]"]:checked').each(function(){
            var current_history_entry = $(this);
            $.ajax({
                url: 'ebay_email.php?action=set_staff_allocation_read_status&email_staff_allocation_history_id='+$(this).val(),
                success: function(){
                    current_history_entry.parent().remove();
                },
                error: function(xhr){
                    alert('Error: Cant unread staff allocation history entry');
                }
            });
        });
    });
    $('#unread_allocation_history').hide();
    $('a.toggle_unread_allocation_history').on('click',function(){
        $('#unread_allocation_history').dialog({
            title: 'History',
            width: 'auto',
            height: 'auto'
        });
    });
});
function really_delete_email(eId) {
	yes = confirm(JS_CONFIRM_REALLY_DELETE_ITEMS);
	if(yes) {
		window.location.href=BASELINK+'&action=del&eId[]='+eId;
	}
}

{/literal}
</script>
{if $NEW_ALLOCATION_HISTORY}
<a class="toggle_unread_allocation_history ui-button ui-corner-all ui-state-active">{$NEW_ALLOCATION_HISTORY|count} {$BUTTON_TOGGLE_NEW_HISTORY_ENTRIES}</a>
<div id="unread_allocation_history" class="main">
    <a class="select_all_unread ui-button ui-corner-all ui-state-highlight" href="javascript:;">{#select_all#}</a> 
    <a class="unselect_all_unread ui-button ui-corner-all ui-state-highlight" href="javascript:;">{#unselect_all#}</a>
    <a class="mark_as_read ui-button ui-corner-all ui-state-default">{$BUTTON_MARK_AS_READ}</a>
    <ul>
        {foreach from=$NEW_ALLOCATION_HISTORY item=h}
        <li data-email_id="{$h.email_id}" data-email_staff_allocation_history_id="{$h.email_staff_allocation_history_id}">{yes_date_short date=$h.date_added} <a class="history_comment" href="javascript:;">{$h.comments}</a> &#128119;<span class="sender_id" data-sender_id="{$h.sender_id}">{yes_editor_name editor_id=$h.sender_id}</span></li>
        {/foreach}
    </ul>
</div>
{/if}
<div class="ui-widget-content">
{$FORM}
<table class="yes-ui-table" id="mail_listing">
    <thead>
	<tr class="ui-widget-header">
	    <th width="10">&nbsp;</th>
	    <th class="sortable" id="from_email">{#recipient#}</th>
	    <th class="sortable" id="subject">{#subject#}</th>
	    <th class="sortable" id="date">{#date#}</th>
	    <th width="180">&nbsp;</th>
	</tr>
    </thead>
    <tbody>
	{foreach from=$tr_array item=tr}
		{$tr}
	{foreachelse}
	<tr>
	    <td colspan="5"><i>{#no_search_results#}</i></td>
	</tr>
	{/foreach}
    </tbody>
</table>
{if $NAVIGATION != ''}

<table border="0" cellpadding="0" cellspacing="0">
<tr>
	<td class="smallText">
		<a onclick="selectall('mails','eId[]',true);" href="javascript:;" class="lbOn_nofunc ui-button ui-button-text-only ui-widget ui-state-highlight ui-corner-all">{#select_all#}</a>
		&nbsp;
		<a onclick="selectall('mails','eId[]',false);" href="javascript:;" class="lbOn_nofunc ui-button ui-button-text-only ui-widget ui-state-highlight ui-corner-all">{#unselect_all#}</a>
	</td>
	<td class="smalltext" align="right">
		
		<select name="action2" onchange="document.forms['mails'].submit();">
		<option value="">--{#select_html#}--</option>
		<option value="save_multi">{#close#}</option>
		<option value="del">{#delete_html#}</option>
		</select>
	</td>
</tr>
</table>
{/if}
</form>
{if $NAVIGATION != ''}
<table border="0" width="100%">
	<tr>
		<td class="smalltext" align="center">
		{$NAVIGATION}
		</td>
	</tr>
</table>
{/if}
</div>
{/if} {* END IF SHOW_HEADER *}