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

<style type="text/css">
{literal}
table#need_to_be_sent_table tbody{
	font-size: 12px;
	vertical-align: top;
}
table#need_to_be_sent_table tbody tr td img{
	padding: 2px;
}
table#need_to_be_sent_table tbody tr.unknown{
	background-color: red;
	color: white;
}
table#need_to_be_sent_table tbody tr.invalid_status{
	background-color: #CCC;
}
#fulfillment-listing-actions a{
	padding: 2px;
}
#fulfillment-listing-actions{
	padding: 3px;
}
{/literal}
</style>
<script type="text/javascript">
var TEXT_UNKNOWN_SHIPPER = '{$TEXT_UNKNOWN_SHIPPER}';
var TEXT_SEND_FULFILLMENT_CONFIRMATION = '{$TEXT_SEND_FULFILLMENT_CONFIRMATION}';
{literal}
function chk_hitmeister_fulfillment(){
	if(!check_versender()){
		return false;
	}
	var valid_counter = 0;
	$('form[name="hitmeister_fulfillment"] input[type="checkbox"]').each(function(){
		if($(this).prop('checked') == true){
			var name = $(this).attr('name').replace('send_','');
			if($('input[name="'+name+'"]').val() == ''){
				$(this).prop('checked',false);
			}else{
				valid_counter++;
			}
		}
	});
	if(valid_counter == 0){
		return false;
	}
	if(!confirm(TEXT_SEND_FULFILLMENT_CONFIRMATION)){
		return false;
	}
	return true;

}
function toggle_invalid(){
	$('table#need_to_be_sent_table tbody tr.unknown, table#need_to_be_sent_table tbody tr.invalid_status').toggle();
}
function toggle_chkboxes(chk_status){
	$('form[name="hitmeister_fulfillment"] input[type="checkbox"]').each(function(){
		$(this).prop('checked',chk_status);
	});
}

function check_versender(){
	var distinct_versender = [];
	$('table#need_to_be_sent_table tbody tr td .versender').each(function(){
		if(!distinct_versender.includes($(this).data('versender'))){
			distinct_versender.push( $(this).data('versender') );
		}
	});
	var exists = false;
	for(var i=0;i<distinct_versender.length;i++){
		var cur_vers_exists = false;
		$('#hitmeister-versender-select option').each(function(){
			if($(this).val() == distinct_versender[i]){
				exists = true;
				cur_vers_exists = true;
			}
		});
		if(!cur_vers_exists){
			alert(TEXT_UNKNOWN_SHIPPER+distinct_versender[i]);
		}
	}
	return exists;
}
$(function(){
	$('#hitmeister-versender-select').hide();
	toggle_invalid();
	check_versender();
	$('a.checkbox_on').on('click',function(){
		toggle_chkboxes(true);
	});
	$('a.checkbox_off').on('click',function(){
		toggle_chkboxes(false);
	});
	$('form[name="hitmeister_fulfillment"] .versender').each(function(){
		$(this).on('click',function(){
			var current_versender_elm = $(this);
			var current_versender = $(this).data('versender');
			var current_id_order_unit = $(this).data('id_order_unit');
			var text_suffix_parts = $(this).text().split( current_versender );
			var text_suffix = text_suffix_parts[1];
			$('#hitmeister-versender-select').dialog({
				modal: true,
				width: 'auto',
				height: 'auto',
				title: $(this).attr('title'),
				create: function(event,ui){
					$('#hitmeister-versender-select select').val(current_versender);
				},
				buttons: {
					Set: function() {
						if($('#hitmeister-versender-select select').val() != current_versender){
							current_versender_elm.text($('#hitmeister-versender-select select').val()+text_suffix);
							current_versender_elm.data('versender',$('#hitmeister-versender-select select').val());
							$('form[name="hitmeister_fulfillment"] input[name="versender_tracking['+current_id_order_unit+']"]').val($('#hitmeister-versender-select select').val());
						}
						$( this ).dialog( "close" );
					}
				}
			});
		});
	}).css('cursor','pointer').css('text-decoration','underline');
});
{/literal}
</script>
<h2>{$HITMEISTER_FULFILLMENT_PAGE_TITLE}</h2>
<div title="{$HITMEISTER_SHIPPER_SELECT}" id="hitmeister-versender-select">{$input_hitmeister_versender}</div>
<div id="fulfillment-listing-actions">
	<a class="ui-button ui-corner-all ui-state-highlight checkbox_on" href="javascript:;">{#select_all#}</a>
	<a class="ui-button ui-corner-all ui-state-highlight checkbox_off" href="javascript:;">{#unselect_all#}</a>
	<a class="ui-button ui-corner-all ui-state-default" href="javascript: toggle_invalid()">{$TEXT_SHOW_HIDDEN_HITMEISTER_ORDERS}</a>
</div>
<form name="hitmeister_fulfillment" method="post" onsubmit="return chk_hitmeister_fulfillment()" action="hitmeister.php?action=fulfillment_process">
<table id="need_to_be_sent_table" class="yes-ui-table">
	<thead>
		<tr class="ui-widget-header">
			<th>Real Order</th>
			<th>Order Unit</th>
			<th>{#product#}</th>
			<th>{#action#}</th>
		</tr>
	</thead>
	<tbody>
		{foreach from=$hitmeister_orders item=ho}
		<tr class="{$ho.tr_class}">
			<td><h3>{$ho.id_order}</h3>{#date_added#}: {$ho.ts_created}<br />{$TEXT_FULFILLMENT_DATE_EXPIRES}: {$ho.delivery_time_expires}<br />YES oID {$ho.orders_id}<br />Status: {$ho.orders_status_name}</td>
			<td>{$ho.id_order_unit}<br />id_item: {$ho.id_item}<br />pID: {$ho.products_id}</td>
			<td><img src="{$ho.main_picture}" style="max-width: 100px; max-height: 100px;" align="left" /><a href="{$ho.url}" target="_blank">{$ho.title}</a></td>
			<td>{$ho.action}</td>
		</tr>
		{/foreach}
	</tbody>
</table>	
<br />
<input type="submit"  value="{$TEXT_MARK_AS_SEND}" class="ui-button ui-corner-all ui-state-highlight" />
</form>

{if $SET_SEND_ARRAY|count > 0}
	<div style="padding: 5px;margin-top: 15px;border: 1px solid red;background-color: #CCC;">
	<span style="color: red;"><b>Folgende Auftr&auml;ge sind nicht in der need_to_be_sent Liste von hitmeister vorhanden. Sollten Sie bei real.de mehr als 500 Bestellungen haben die versendet werden müssen, kontaktieren Sie das YES Team.</b>
	<br />Mit Klick auf den jeweiligen Link, wird der Auftrag in YES als real.de versendet markiert und muss ggf. manuell bei real.de aktualisiert werden.</span>
	<br /><br />
	{foreach from=$SET_SEND_ARRAY item=o}
	{$o} &nbsp;
	{/foreach}
	</div>
{/if}