{** INFO **********
 in der checkout_shipping_block.html muss {$method_data.additional_params} eingefuegt werden
 am besten direkt nach/neben {$method_data.title}

 ******************
**}
{config_load file="$language/lang_$language.conf" section="checkout_shipping"} 
<script>
var WUNSCHPAKET_DEFAULT = [];
{foreach from=$DEFAULTS item=val key=keyname}
	{if $val != ''}
WUNSCHPAKET_DEFAULT['{$keyname}'] = '{$val}';
	{/if}
{/foreach}
{literal}
var dhl_inputs = ['preferredLocation','preferredDay_active','preferredTime_active','sameDayDelivery_active','neighbour','preferredLocation_text','preferredNeighbour_text','dhl_standort_plz','dhl_standort_street','dhl_standort_streetNo'];
var dhl_selects = ['sameDayDelivery','preferredTime','preferredDay'];
var dhl_wunschpaket_inputs = ['preferredLocation','preferredLocation_text','neighbour','preferredNeighbour_text','preferredDay_active','preferredTime_active'];
var dhl_wunschpaket_selects = ['preferredDay','preferredTime'];
function dhl_select_shipping_dhlgkapi(){
	$('input[name="shipping"]').each(function(){
		if($(this).val().substr(0,8) == 'dhlgkapi'){
			$(this).prop('checked',true);
			var orig_onclick = new Function($(this).attr('onclick'));
			orig_onclick();
			return true;
		}
	});
}
function dhl_select_shipping_module(el){
	if($('input[name="shipping"]:checked').length < 1){
		dhl_select_shipping_dhlgkapi();
		return true;
	}
	if($('input[name="shipping"]:checked').val().substr(0,8) != 'dhlgkapi'){
		$('input[name="shipping"]:checked').each(function(){
			$(this).prop('checked',false);
		});
		dhl_select_shipping_dhlgkapi();
	}
}
$(function(){

	for(i=0;i<dhl_inputs.length;i++){
		var fld = dhl_inputs[i];
		$('input[name="'+fld+'"]').on('change',function(){
			dhl_select_shipping_module(fld);
		}).on('click',function(){
			dhl_select_shipping_module(fld);
		});
	}
	for(i=0;i<dhl_selects.length;i++){
		var fld = dhl_selects[i];
		$('select[name="'+fld+'"]').on('change',function(){
			dhl_select_shipping_module(fld);
		}).on('select',function(){
			dhl_select_shipping_module(fld);
		}).on('click',function(){
			dhl_select_shipping_module(fld);
		});
	}
	$.each(dhl_wunschpaket_inputs,function(index,value){
		$('input[name="'+value+'"]').on('click', function(){
			dhl_remove_standortsuche_selected()
		}).on('change',function(){
			dhl_remove_standortsuche_selected()
		});
	});
	$.each(dhl_wunschpaket_selects,function(index,value){
		$('select[name="'+value+'"]').on('click', function(){
			dhl_remove_standortsuche_selected()
		}).on('change',function(){
			dhl_remove_standortsuche_selected()
		});
	});
	if(typeof WUNSCHPAKET_DEFAULT.preferredNeighbour == 'undefined'){
		$('input[name="preferredNeighbour_text"]').hide();
		if(typeof WUNSCHPAKET_DEFAULT.noNeighbourDelivery != 'undefined' && WUNSCHPAKET_DEFAULT.noNeighbourDelivery != '0'){
			$('input[name="neighbour"]').each(function(){
				if($(this).val() == 'noNeighbourDelivery'){
					$(this).prop('checked',true);
				}
			});
		}
		$('input[name="preferredNeighbour_text"]').val('');
	}else{
		if(typeof WUNSCHPAKET_DEFAULT.noNeighbourDelivery == 'undefined'){
			$('input[name="neighbour"]').each(function(){
				if($(this).val() == 'preferredNeighbour'){
					$(this).prop('checked',true);
				}
			});
			$('input[name="preferredNeighbour_text"]').val(WUNSCHPAKET_DEFAULT.preferredNeighbour);
		}
	}
	if(typeof WUNSCHPAKET_DEFAULT.preferredLocation == 'undefined'){
		$('input[name="preferredLocation_text"]').hide();
	}else{
		$('input[name="preferredLocation"]').prop('checked',true);
		$('input[name="preferredLocation_text"]').val(WUNSCHPAKET_DEFAULT.preferredLocation);
	}

	if(typeof WUNSCHPAKET_DEFAULT.preferredDay == 'undefined' || WUNSCHPAKET_DEFAULT.preferredDay == '0000-00-00' ){
		$('select[name="preferredDay"]').hide();
	}else{
/*		var prefDayFormatted = WUNSCHPAKET_DEFAULT.preferredDay+'T00:00:00.000+02:00';
		$('select[name="preferredDay"]').val(prefDayFormatted);*/
		$('input[name="preferredDay_active"]').prop('checked',true);
	}
	if(typeof WUNSCHPAKET_DEFAULT.preferredTime == 'undefined'){
		$('select[name="preferredTime"]').hide();
	}else{
		$('select[name="preferredTime"]').val(WUNSCHPAKET_DEFAULT.preferredTime);
		$('input[name="preferredTime_active"]').prop('checked',true);
	}
	if(typeof WUNSCHPAKET_DEFAULT.sameDayDelivery == 'undefined'){
		$('select[name="sameDayDelivery"]').hide();
	}else{
		$('select[name="sameDayDelivery"]').val(WUNSCHPAKET_DEFAULT.sameDayDelivery);
		$('input[name="sameDayDelivery_active"]').prop('checked',true);
	}

	$('input[name="preferredLocation"]').on('change',function(){
		$('input[name="preferredLocation_text"]').toggle();
	});
	$('input[name="preferredDay_active"]').on('change',function(){
		$('select[name="preferredDay"]').toggle();
	});
	$('input[name="preferredTime_active"]').on('change',function(){
		$('select[name="preferredTime"]').toggle();
	});
	$('input[name="sameDayDelivery_active"]').on('change',function(){
		$('select[name="sameDayDelivery"]').toggle();
	});
	$('input[name="neighbour"]').each(function(){
		$(this).on('change',function(){
			if($(this).val() == 'noNeighbourDelivery'){
				$('input[name="preferredNeighbour_text"]').hide();
			}else{
				$('input[name="preferredNeighbour_text"]').show();
			}
		});
	});
	$('a#refresh_dhl_wunschpaket_link').on('click',function(){
		window.location.reload(true);
	});
	if($('input[name="preferredLocation"]').length){
		$('input#dhl_wunschpaket_submit').show();
	}else{
		$('#dhl-wunschpaket').html( $('#dhl-wunschpaket').html()+'<p><b>DHL Server Error:</b><br />Es konnten keine Wunschpaket Optionen ermittelt werden. <a id="refresh_dhl_wunschpaket_link" href="javascript:;">Erneut Pr&uuml;fen</a></p>' );
	}
	$('a#select_dhl_packstation').on('click',function(){
		if($('input[name="shipping"]:checked').length < 1){
			dhl_select_shipping_dhlgkapi();
		}else{
			if($('input[name="shipping"]:checked').val().substr(0,8) != 'dhlgkapi'){
				alert('Nur bei Versandart DHL');
				return false;
			}
		}
		var params = '';
		var zip = false;
		if( $('input[name="dhl_standort_plz"]').val() != '' ){
			zip = true;
			params += '&dhl_standort_zip='+$('input[name="dhl_standort_plz"]').val();
		}
		if( $('input[name="dhl_standort_street"]').val() != ''){
			params += '&dhl_standort_street='+encodeURIComponent($('input[name="dhl_standort_street"]').val());
		}
		if( $('input[name="dhl_standort_streetNo"]').val() != ''){
			params += '&dhl_standort_streetNo='+encodeURIComponent($('input[name="dhl_standort_streetNo"]').val());
		}
		if(!zip){
			alert('Geben Sie eine PLZ an');
			return false;
		}
		$('#dhl_standortsuche_result').load('checkout_shipping.php?action=dhl_standortsuche'+
			params
		);
	});
	$('#dhl_standortsuche_form #dhl_standortsuche_additional_params').hide();
	$('a#dhl_standortsuche_toggle_additional_params').on('click',function(){
		$('#dhl_standortsuche_additional_params').toggle();
	});
	$('.wunschpaket_inaktiv input').each(function(){
		$(this).prop('disabled','disabled');
	});
	$('.wunschpaket_inaktiv').css('background-color','#CCC');

	$('input[name="shipping"]').each(function(){
		var element = $(this);
		var orig_onclick = new Function(element.attr('onclick'));
		element.off('click').on('click',function(){
			if( element.val().substr(0,8) == 'dhlgkapi' ){
				if(element.is(':checked')){
					//return true;
				}
			}else{
				dhl_clean();
			}
			orig_onclick();
		});
	});
});
function dhl_remove_standortsuche_selected(){
	$.ajax({
		url: 'checkout_shipping_address.php?action=remove_dhl_postfiliale',
		success: function(){
			$('#dhl-wunschpaket #dhl_standortsuche_selected').html('');
			$('#dhl-wunschpaket').css('background-color','#FFF');
		}
	});
}
function dhl_clean() {
	$('#dhl-wunschpaket').removeClass('wunschpaket_inaktiv');
	$.each(dhl_wunschpaket_inputs,function(index,value){
		$('input[name="'+value+'"]').val('').prop('checked',false);
	});
	$.each(dhl_wunschpaket_selects,function(index,value){
		$('select[name="'+value+'"]').val('');
	});
	dhl_remove_standortsuche_selected();
}
function select_standort(get_params){
	$.ajax({
		url: 'checkout_shipping_address.php?action=set_packstation_address&'+get_params,
		dataType: 'json',
		method: 'get',
		success: function(json){
			if(json.ERROR != ''){
				alert(json.ERROR);
				return false;
			}
			$('#dhl_standortsuche_result').html('');
			$('#dhl_standortsuche_selected').html(json.MSG);
			window.location.href = 'checkout_shipping.php';
		},
		error: function(){
			alert('Packstation konnte nicht als Versandadresse gespeichert werden');
		}
	});
}
{/literal}
</script>
<style>
{literal}
#dhl-wunschpaket {
	padding: 2px;
	text-align: left;
	float: left;
}
#dhl-wunschpaket div {
	padding: 10px;
}
#dhl-wunschpaket input.preferredLocation{
	display: block;
}
#dhl_standortsuche{
	padding-left: 15px;
}
#dhl_standort, #dhl_standortsuche_result{
	padding-left: 15px;
	padding-right: 15px;
}
table#dhl_select{
	border: 1px solid black;
}
table#dhl_select tbody img{
	max-width: 100px;
}
table#dhl_select tbody td#wunschpaket{
	background-color: #FFF;
}
table#dhl_select tbody td#standortsuche{
	background-color: #FFF;
}
#dhl_standortsuche_result .dhl_standorte {
	padding-top: 15px;
}
#dhl_standortsuche_result .dhl_standorte .dhl_standort{
	padding-bottom: 15px;
}
#dhl_standortsuche_result .dhl_standorte .dhl_standort .dhl_standort_distance{
	font-style: italic;
	color: #666;
}
#dhl_standortsuche_result .dhl_standorte .dhl_standort .dhl_standort_open{
	font-size: smaller;
	color: #666;
}
#dhl_standortsuche_result .dhl_standorte .dhl_standort .dhl_standort_address{
	background-image: url(admin/images/basicons/round62.png);
	padding-right: 10px;
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: left center;
}	
#dhl_standortsuche_result .dhl_standorte .dhl_standort .dhl_standort_address a{
	padding-left: 30px;
	display: block;
}
#standortsuche{
	padding-left: 10px;
}
#dhl_standortsuche_selected{
	background-color: #FFF;
	margin-bottom: 10px;
}

{/literal}
</style>
<div style="clear: both;"></div>
{if $estimatedDeliveryDay}
<p>{#dhl_wunschpaket_estimatedDeliveryDay#}: {$estimatedDeliveryDay} (PLZ {$ZIP})</p>
{/if}
{yes_vars assign="YES"}

<table id="dhl_select" border="1" cellspacing="0">
	<tbody>
		<tr>
			<td>
				<img src="{$YES.HTTP_SERVER}images/icon-wunschpaket.png" border="0" />
			</td>
			<td id="wunschpaket">
			
				<div id="dhl-wunschpaket" {if $SAVED_DHL_POSTFILIALE.entry_company} class="wunschpaket_inaktiv"{/if}>

					{if $preferredLocation}
					<div>
						<input type="checkbox" name="preferredLocation" value="1" /> {#dhl_wunschpaket_preferredLocation#} ({#dhl_wunschpaket_preferredLocation_text#})<br />
						<input class="preferredLocation" type="text" name="preferredLocation_text" value="{$DEFAULTS.preferredLocation}" size="32" maxlength="100" />
					</div>
					{/if}

					{if $preferredNeighbour}
					<div>
						{if $noNeighbourDelivery}
						<input  {if $DEFAULTS.preferredNeighbour != ''}checked="checked" {/if} type="radio" name="neighbour" value="preferredNeighbour" /> {#dhl_wunschpaket_preferredNeighbour#}
						<input type="radio" name="neighbour" value="noNeighbourDelivery" /> {#dhl_wunschpaket_noNeighbourDelivery#}
						{else}
						<input {if $DEFAULTS.preferredNeighbour != ''}checked="checked" {/if}type="checkbox" name="neighbour" value="preferredNeighbour" /> {#dhl_wunschpaket_preferredNeighbour#}
						{/if}
						<br />
						<input type="text" name="preferredNeighbour_text" value="{$DEFAULTS.preferredNeighbour}" size="32" maxlength="100" />
					</div>
					{/if}
					{if $preferredDay == 1}
						{foreach from=$days item=day}
							
						{/foreach}
					<div>
						<input type="checkbox" name="preferredDay_active" value="1" />
						{#dhl_wunschpaket_preferredDay#}
						<select name="preferredDay">
							<option value="">-</option>
						{foreach from=$days item=day}
							{assign var=day_raw value=$day.id|truncate:10:''}
							<option value="{$day.id}" {if $DEFAULTS.preferredDay == $day_raw} selected{/if}>{$day.text}</option>
						{/foreach}
						</select>
					</div>
					{/if}

					{if $preferredTime == 1}
					<div>
						<input type="checkbox" name="preferredTime_active" value="1" />
						{#dhl_wunschpaket_preferredTime#}
						<select name="preferredTime">
							<option value="">-</option>
						{foreach from=$times item=time}
							<option value="{$time.id}">{$time.text}</option>
						{/foreach}
						</select>
					</div>
					{/if}
					{* GIBTS NOCH NICHT
					{if $sameDayDelivery == 1}
					<div>
						<input type="checkbox" name="sameDayDelivery_active" value="1" />
						{#dhl_wunschpaket_sameDayDelivery#}
						<select name="sameDayDelivery">
							<option value="">-</option>
						{foreach from=$samedays item=day}
							<option value="{$day.id}">{$day.text}</option>
						{/foreach}
						</select>
					</div>
					{/if}
					*}
				</div>
			</td>
		</tr>
	{if $DEFAULTS.standortsuche}
		<tr>
			<td>
				<img src="images/icon-packstation.png" border="0" />
			</td>
			<td valign="middle" id="standortsuche">
				<div id="dhl_standortsuche_selected">{if $SAVED_DHL_POSTFILIALE.entry_company}
					{$SAVED_DHL_POSTFILIALE.entry_company}<br />
					{$SAVED_DHL_POSTFILIALE.entry_street_address}<br />
					{$SAVED_DHL_POSTFILIALE.entry_postcode} {$SAVED_DHL_POSTFILIALE.entry_zip}<br />
					Germany<br />
					<a href="checkout_shipping_address.php?action=remove_dhl_postfiliale">Entfernen</a>
				{/if}</div>
				<div id="dhl_standortsuche_form">
					<b>Suche DHL Packstation / Filiale</b><br />
					PLZ:<br />
					<input type="text" name="dhl_standort_plz" size="6" maxlength="5" value="{$ZIP}" />
					<a href="javascript:;" id="dhl_standortsuche_toggle_additional_params">Weitere Optionen</a><br />
					<div id="dhl_standortsuche_additional_params">
						Strasse: (Optional)<br />
						<input type="text" name="dhl_standort_street" size="20" maxlength="35" value="" /><br />
						Hausnummer: (Optional)<br />
						<input type="text" name="dhl_standort_streetNo" size="10" maxlength="10" value="" /><br />
					</div>
				</div>
				<div id="dhl_standortsuche">
					<a style="padding:4px;" class="ui-button ui-corner-all ui-state-default" title="Lieferung an DHL Packstation oder Filiale" id="select_dhl_packstation" href="javascript:;">Packstationen / Filialen anzeigen</a>
				</div>
				<div id="dhl_standortsuche_result">
				</div>
			</td>
	{/if}
		</tr>
	</tbody>
</table>
<div style="clear: both;"></div>