{config_load file=$language_path section="emails"}
{config_load file=$language_path section="general"}

<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_YEAR = '{$TEXT_YEAR}';
var TEXT_UMSATZ = '{$TEXT_UMSATZ}';
var TEXT_UMSATZ_CUSTOMER_WITHOUT_STORNO = '{$TEXT_UMSATZ_CUSTOMER_WITHOUT_STORNO}';
var TEXT_UMSATZ_CUSTOMER_WITHOUT_STORNO_BY_SOURCE = '{$TEXT_UMSATZ_CUSTOMER_WITHOUT_STORNO_BY_SOURCE}'
var TEXT_STATISTICS_SOURCE = '{$TEXT_STATISTICS_SOURCE}';
var chart_values = new Array();
var chart_source_values = new Array();
var stats_source_date = '{$stats_source_date}';
{foreach from=$YEARS_SUM item=sum key=year}
chart_values.push( new Array('{$year}',{$sum}) );
{/foreach}
{foreach from=$SOURCE_SUM item=sum key=src}
chart_source_values.push( new Array('{$src}',{$sum}) );
{/foreach}

    
{literal}
// Callback that creates and populates a data table,
// instantiates the pie chart, passes in the data and
// draws it.
function drawChart() {

  // Create the data table.
  var data = new google.visualization.DataTable();
  data.addColumn('string', TEXT_YEAR);
  data.addColumn('number', TEXT_UMSATZ);
  data.addRows(chart_values);

  // Set chart options
  var options = {'title':TEXT_UMSATZ_CUSTOMER_WITHOUT_STORNO,
		 'width':400,
		 'height':300};

  // Instantiate and draw our chart, passing in some options.
  var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
  chart.draw(data, options);
}

if(chart_values.length > 1){
      // Load the Visualization API and the piechart package.
      google.load('visualization', '1.0', {'packages':['corechart']});

      // Set a callback to run when the Google Visualization API is loaded.
      google.setOnLoadCallback(drawChart);

}

// Callback that creates and populates a data table,
// instantiates the pie chart, passes in the data and
// draws it.
function drawChart2() {

  // Create the data table.
  var data = new google.visualization.DataTable();
  data.addColumn('string', TEXT_STATISTICS_SOURCE);
  data.addColumn('number', TEXT_UMSATZ);
  data.addRows(chart_source_values);
  // Set chart options
  var options = {'title':TEXT_UMSATZ_CUSTOMER_WITHOUT_STORNO_BY_SOURCE+': '+stats_source_date,
		'width':400,
		'height':300
  };

  // Instantiate and draw our chart, passing in some options.
  var chart2 = new google.visualization.PieChart(document.getElementById('chart2_div'));
  chart2.draw(data, options);
}
if(chart_source_values.length > 1){
      // Load the Visualization API and the piechart package.
      google.load('visualization', '1.0', {'packages':['corechart']});

      // Set a callback to run when the Google Visualization API is loaded.
      google.setOnLoadCallback(drawChart2);
}
{/literal}

var EXT_POPUP_WIDTH = '{$EXT_POPUP_WIDTH}';
var EXT_POPUP_HEIGHT = '{$EXT_POPUP_HEIGHT}';
var text_title = '{#print#}';
var text_view = '{#view#} / {#edit#}';

{literal}
$().ready(function(){
	$('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.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.view').each(function(){
		$(this).attr('title',text_view);
		$(this).click(function(){
			window.open('ebay_mail_frame.php?eId='+$(this).closest('tr').attr('id')+'&email='+encodeURIComponent($(this).parent().attr('id')),'_blank');
		});
    });
    $('table#mail_listing tbody tr td.subject').each(function(){
	    $(this).attr('title',text_view);
        $(this).children('.subject_text').css('cursor','pointer').css('text-decoration','underline').on('click',function(){
    		window.open('ebay_mail_frame.php?eId='+$(this).closest('tr').attr('id')+'&email='+encodeURIComponent($(this).data('email')),'_blank');
        });
    });
});
{/literal}
//-->
</script>
<style type="text/css">
	{literal}
	span.attachment{
		display:block;
		color:#787878;
		font-size: 11px;
		display: block;
		padding:2px;
	}
	span.attachment > span.attFilename, span.attachment > a{
		color:#000000;
		font-size: 11px;
	}
	span.attachment > span.attFilesize{
		padding-left: 4px;
		font-style: italic;
	}
	
	.t_container{
	    display: block;
	}
	.t_container  .total_name{
	    float:left;
	    width: 50%;
	    text-align:left;
	}
	.t_container  .total_value{
	    float:left;
	    width: 50%;
	    text-align:right;
	}
	
	.t_container  .date_av{
	    float:left;
	    width: 3%;
	}
	.t_container .products_name{
	    height: initial;
	    display: inline-block;
	    width: 67%;
	}
	.t_container  .products_price{
	    height: inherit;
	    display: inline-block;
	    text-align:right;
	    width: 20%;
	}
	.t_container .clear{
	    clear: both;
	}
	div.crm_id a{
	    font-size: 14px;
	    text-decoration: underline;
	 }
	div.crm_id {
	    padding:3px;
	    border: 2px solid #999;
	    background-color: #FFF;
	    -webkit-border-radius: 5px;
	    -moz-border-radius: 5px;
	    border-radius: 5px;
	    text-align:center;
	}
	.crm_status{
	    padding:3px;
	    font-weight: bold;
	    font-size: 14px;
	    font-variant: small-caps;
	    text-align:center;
	    border: 2px solid #999;
	    background-color: #FFF;
	    -webkit-border-radius: 5px;
	    -moz-border-radius: 5px;
	    border-radius: 5px;
	    text-align:center;
	}
	.storniert{
	    color: #FF0000;
	}
	.crm_shipped{
	    background: url(images/check.gif);
	    background-repeat: no-repeat;
	    padding-left: 25px;
	    height: 20px;
	    font-style: italic;
	}
	div.crm_customer_account_value {
	    font-weight: bold;
	    font-size: 16px;
	    color: #888;
	}
	div.crm_customer_account_value a{
	    font-weight: normal;
	    text-decoration: none;
	    padding: 3px;
	}
        #double_emails{
            margin-bottom: 15px;
        }
	{/literal}
</style>
<script>
{literal}
$(function(){
    $('#double_emails').effect('bounce','slow');
    $('select[name="jump_to_customers_id"]').on('change',function(){
        window.location.href = 'customers.php?cID='+$(this).val()+'&action=crm';
    });
});
{/literal}
</script>
{if $INPUT_MULTIPLE_EMAILS}
<div class="ui-state-highlight" id="double_emails">
    {$CRM_MULTIPLE_EMAIL_ADDRESS_SELECTOR}
    {$INPUT_MULTIPLE_EMAILS}
</div>
{/if}      
{yes_admin_page_menu main_title=$HEADING_TITLE buttons=$PAGE_HEADING_MENU_BUTTONS additional_title=$ADDITIONAL_HEADING_TITLE right_content=$RIGHT_CONTENT}
      

<table border="0" width="100%">
	<tr>
        	<td class="main">
			<table border="0" width="100%" cellpadding="0" cellspacing="0">
			<tr>
				<td valign="top" class="main">
                                    <br />
                                    <div class="ui-widget-content">
					<table class="yes-ui-table">
                                        <tbody>
					<tr>
						<td width="100"><b>{#name#}:</b></td><td>{$cInfo.customers_firstname} {$cInfo.customers_lastname}</td>
						<td width="100"><b>{#telephone#}:</b></td><td>{$cInfo.customers_telephone}</td>
					</tr><tr>
						<td><b>{#company#}:</b></td><td>{$cInfo.entry_company}</td>
						<td><b>{#mobile#}:</b></td><td>{$cInfo.mobile}</td>
					</tr><tr>
						<td valign="top"><b>{#street#}:</b></td><td valign="top">{$cInfo.entry_street_address}</td>
						<td valign="top"><b>{#email_address#}:</b></td><td>
						    <a href="javascript:;" onclick="window.open('ebay_mail_frame.php?email={$cInfo.customers_email_address_urlencoded}&box=reply','_blank');"><u>{$cInfo.customers_email_address}</u></a><br />
						    {foreach from=$cInfo.email_aliases item=email}
						    <i>{$email}</i><br />
						    {/foreach}
						</td>
					</tr><tr>
						<td><b>{#suburb#}:</b></td><td>{$cInfo.entry_suburb}</td>
						<td><b>{#telefax#}:</b></td><td>{$cInfo.customers_fax}</td>
					</tr><tr>
						<td><b>{#postcode#}, {#city#}:</b></td><td>{$cInfo.entry_postcode} {$cInfo.entry_city}</td>
						<td><b>{#ebay_user#}:</b></td><td><a href="http://feedback.ebay.de/ws/eBayISAPI.dll?ViewFeedback2&userid={$cInfo.customers_ebay_userid}" target="_blank">{$cInfo.customers_ebay_userid}</a></td>
					</tr><tr>
						<td><b>{#country#}:</b></td><td>{$cInfo.country_name}</td>
						<td><b>{#warnings#}:</b></td><td>{$cInfo.mahnstatus}</td>

					{if $cInfo.kto_nummer != ''}

					</tr><tr class="ui-state-highlight">
						<td colspan="4">{$TEXT_BANKDATA}</td>
					</tr><tr>
						<td><b>{$TEXT_KONTONUMMER}:</b></td><td>{$cInfo.kto_nummer}</td>
						<td><b>{$TEXT_KONTOINHABER}:</b></td><td>{$cInfo.kto_inhaber}</td>
					</tr><tr>
						<td><b>Bank:</b></td><td>{$cInfo.kto_bank}</td>
						<td><b>{$TEXT_BLZ}:</b></td><td>{$cInfo.kto_blz}</td>

					{/if}
					</tr>
                                        </tbody>
					</table>
                                    </div>
					{if $ebay_user_info}
					<p class="main"><b>Ebayuser Info</b></p>
					{$ebay_user_info}
					{/if}
				</td><td align="right" valign="top">
                                        <br />
					<table border="0" width="100%" cellpadding="2" cellspacing="0">
					<tr>
						<td class="main" valign="top">
						    <div id="crm_order_stats_container">
						    	<div style="float:left;" id="chart_div"></div>
						    	<div style="float:left;" id="chart2_div"></div>
							
							<table border="0">
							    <tr>
								<th colspan="2" align="left">{$TEXT_UMSATZ_BY_YEAR_AND_STATUS}</th>
							    </tr>
							{foreach from=$ORDER_SUM item=year_array key=year}
							    <tr>
								<th colspan="2" align="left">{$year}</th>
							    </tr>
							    {foreach from=$year_array item=os}
							    <tr>
								<td width="150">{$os.status_name}</td>
								<td align="right">{$os.total_sum_formatted}</td>
							    </tr>
							    {/foreach}
							{/foreach}
							</table>
						    </div><br clear="all" />

							{if $PAYMENTS}
						</td><td class="main" valign="top">

							<p><b>{$TEXT_PAYMENTS}</b></p>{$PAYMENTS}

							{/if}
						</td>
					</tr>
					<tr>
					    <td colspan="2">
							{if $cInfo.basket.0}
						
							<p><b>{#customers_basket#}</b></p>
                        	<div class="ui-widget-content">
							<table class="yes-ui-table">
							    <thead>
								<tr class="ui-widget-header">
								    <th>{#quantity_short#}</th>
								    <th>{#product#}</th>
								    <th>{#date_added#}</th>
								</tr>
							    </thead>
							    <tbody>
							    {foreach from=$cInfo.basket item=bsk}
								<tr>
								    <td>{$bsk.customers_basket_quantity}</td>
								    <td>
									<a href="products.php?action=ajax_view&pID={$bsk.products_id}" rel="products.php?action=ajax_view&pID={$bsk.products_id}" title="Info pID {$bsk.products_id}" class="yes_dynamic_tooltip" style="cursor: help;">
									{$bsk.products_name|truncate:80:"...":true}
									</a>
								    </td>
								    <td>{$bsk.customers_basket_date_added}</td>
								</tr>
							    {/foreach}
							    </tbody>
							</table>
                        	</div>
							{/if}

						</td>
					</tr>
					</table>
				</td>
			</tr>
			</table>
			<br />
			
			{if $RUECKERSTATTUNGEN}{$RUECKERSTATTUNGEN}<br />{/if}

			{if $RECLAMATIONS}{$RECLAMATIONS}<br />{/if}

			{if $RETOURE}{$RETOURE}<br />{/if}

			{$ORDERS}
			

		</td>
	</tr>
	</table>

{if $EMAILS}
	<b>{$EMAILS_NUM} Emails</b>
	<table class="yesListTable" id="mail_listing" style="width:100%;">
	    <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=$EMAILS item=em}
				{mail_list id=$em->id actions=0 crm_link_hide=1}
			{/foreach}
		</tbody>
	</table>
	{if $show_all_emails_link}
		{$show_all_emails_link}
	{/if}
{/if}