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

<style type="text/css">
    .DHL_response_error{
        border: 1px solid #000;
        padding: 4px;
        background-color: #AAA;
    }
    .DHL_toggle_input_params{
        margin-left: 25px;
        display: none;
    }
    .DHL_produkt{
    }
    .DHL_produkt .DHL_limits{
        display: none;
    }
    .DHL_limit_special{
        color: #666;
        font-size: 0.9em;
    }
    .DHL_produkt .DHL_services{
        vertical-align: top;
    }
    .DHL_produkt .DHL_services .DHL_service{
        padding: 4px;
        margin: 4px;
    }
    .DHL_input{
        margin: 5px;
        float:left;
        width: 40%;
    }
    #DHL_optional{
        display:none;
    }
</style>
<script>
    var BASE_URL_ACTION = '{$BASE_URL_ACTION}';
    var produkt = '{$produkt}';
    var parentContainerID = '{$parent_div_id}';
    if(parentContainerID != ''){
        parentContainer = '#'+parentContainerID;
    }else{
        parentContainer = '';
    }
function show_produkt( produkt, parentContainer ){
    //$('#DHL_produkt_params').load(BASE_URL_ACTION+'&action=get_produkt_config&produkt='+produkt,
    //    function(){
            $(parentContainer+' a.DHL_toggle_optional').on('click',function(){
                $(parentContainer+' #DHL_optional').toggle();
            });
            if($(parentContainer+' #DHL_optional').children().length < 1){
                $(parentContainer+' a.DHL_toggle_optional').hide();
            }
            $(parentContainer+' a.custom_showhide').on('click',function(){
                $(parentContainer+' #customs_toggle').toggle();
            });
            if($(parentContainer+' input#identCheck').prop('checked')){
                $(parentContainer+' #identCheck_params').show();
            }
            $(parentContainer+' input#identCheck').on('change',function(){
                if($(this).prop('checked')){
                    $(parentContainer+' #identCheck_params').show();
                }else{
                    $(parentContainer+' #identCheck_params').hide();
                }
            });
            if($(parentContainer+' input#additionalInsurance').prop('checked')){
                $(parentContainer+' #additionalInsurance_params').show();
            }
            $(parentContainer+' input#additionalInsurance').on('change',function(){
                if($(this).prop('checked')){
                    $(parentContainer+' #additionalInsurance_params').show();
                }else{
                    $(parentContainer+' #additionalInsurance_params').hide();
                }
            });
            if($(parentContainer+' input#cashOnDelivery').prop('checked')){
                $(parentContainer+' #cashOnDelivery_params').show();
            }
            $(parentContainer+' input#cashOnDelivery').on('change',function(){
                if($(this).prop('checked')){
                    $(parentContainer+' #cashOnDelivery_params').show();
                }else{
                    $(parentContainer+' #cashOnDelivery_params').hide();
                }
            });
            
//        }
//    );
}
$(function(){
   show_produkt( produkt, parentContainer );
});
</script>
    <div id="DHL_produkt_params"></div>
    {foreach from=$DHL::PRODUKTE item=prod}
        {if $prod.id == $produkt}
        <div id="dhl_produkt_{$prod.GKV_API}" class="DHL_produkt ui-widget">
                <div class="DHL_services ui-widget-content clearfix">
                    {if $prod.GKV_API == 'V66WPI' or $prod.GKV_API == 'V53WPAK'}
                    <div id="customs" style="display: block;float:left;">
                            <a href="javascript:;" class="custom_showhide">[{#toggle_custom#}]</a>
                            <div id="customs_toggle" style="display:none; ">
                                <input type="checkbox" id="customs" name="customs" value="1" {if $DATA->customs} checked="checked" {/if}/>
                                {#send_custom#}<br />
                                Invoice No:<br /><input type="text" name="custom_invoiceNo" value="{if $DATA->customs->invoiceNo}{$DATA->customs->invoiceNo}{/if}" size="30" maxlength="35" />
                                <br />
                                {if $prod.Services.endorsement}
                                    {#endorsement#}<br />
                                    <select id="endorsement"  name="endorsement">
                                        <option value="">-</option>
                                        <option value="RETURN"{if $DATA->services.endorsement}{if $DATA->services.endorsement=='RETURN'} selected="selected"{/if}{/if}>RETURN</option>
                                        <option value="ABANDON"{if $DATA->services.endorsement}{if $DATA->services.endorsement=='ABANDON'} selected="selected"{/if}{/if}>ABANDON</option>
                                    </select>
                                    <br />
                                    {/if}
                                {#custom_export_type#}:<br />
                                <select name="custom_exportType">
                                    <option value="OTHER"{if $DATA->customs->exportType == 'OTHER'} checked="checked"{/if}>OTHER</option>
                                    <option value="PRESENT"{if $DATA->customs->exportType == 'PRESENT'} checked="checked"{/if}>PRESENT</option>
                                    <option value="COMMERCIAL_SAMPLE"{if $DATA->customs->exportType == 'COMMERCIAL_SAMPLE'} checked="checked"{/if}>COMMERCIAL_SAMPLE</option>
                                    <option value="DOCUMENT"{if $DATA->customs->exportType == 'DOCUMENT'} checked="checked"{/if}>DOCUMENT</option>
                                    <option value="RETURN_OF_GOODS"{if $DATA->customs->exportType == 'RETURN_OF_GOODS'} checked="checked"{/if}>RETURN_OF_GOODS</option>
                                    <option value="COMMERCIAL_GOODS"{if $DATA->customs->exportType == 'COMMERCIAL_GOODS'} checked="checked"{/if}>COMMERCIAL_GOODS</option>
                                </select>
                                <br />
                                {#custom_export_description#}:<br /><input type="text" name="custom_exportDescription" value="{$DATA->customs->exportDescription}" size="30" maxlength="80" />
                                <br />
                                <input name="custom_hasElectronicExportNotification" type="checkbox" value="1" {if $DATA->customs->hasElectronicExportNotification} checked="checked" {/if}/> {#custom_hasElectronicExportNotification#}
                                <br />
                                MRN:<br /><input type="text" name="custom_MRN" value="{$DATA->customs->MRN}" size="18" maxlength="18" />
                                <br />
                                {#custom_shipperCustomsRef#}: <input type="text" name="custom_shipperCustomsRef" value="{$DATA->customs->shipperCustomsRef}" size="30" maxlength="35" />
                                <br />
                                {#custom_consigneeCustomsRef#}: <input type="text" name="custom_consigneeCustomsRef" value="{$DATA->customs->consigneeCustomsRef}" size="30" maxlength="35" />
                                <br />
                                {#custom_postalCharges_value#}: <input type="text" name="custom_postalCharges_value" value="{if $DATA->customs->postalCharges->value}{$DATA->customs->postalCharges->value}{else}0.00{/if}" size="10" maxlength="11" />
                                &nbsp;<input type="text" name="custom_postalCharges_currency" value="{if $DATA->customs->postalCharges->currency}{$DATA->customs->postalCharges->currency}{else}EUR{/if}" size="3" maxlength="3" />
                            </div>
                    </div>
                    {/if}
                    
                    <div style="vertical-align:top;display:inline-block;margin: 2px;padding: 2px;">
                        {if $prod.Services.premium}
                            <input id="premium"  name="premium" value="1" type="checkbox" {if $DATA->services.premium}checked="checked" {/if}/>
                            <label for="premium">{#premium#}</label>
                            <br clear="all" />
                        {/if}
                        {if $prod.Services.identCheck}
                            <input type="checkbox" id="identCheck" name="identCheck" value="1" {if $DATA->services.identCheck} checked="checked" {/if} />
                            <label for="identCheck">{#identCheck#}</label>
                            <div class="DHL_toggle_input_params" id="identCheck_params">
                                {#firstname#}:<br /><input name="identCheckFirstName" value="{if $DATA->services.identCheck->firstName}{$DATA->services.identCheck->firstName}{/if}" size="30" maxlength="35"  type="text" />
                                <br />
                                {#lastname#}:<br /><input name="identCheckLastName" value="{if $DATA->services.identCheck->lastName}{$DATA->services.identCheck->lastName}{/if}" size="30" maxlength="35"  type="text" />
                            </div>
                            <br clear="all" />
                        {/if}
                        {if $prod.Services.additionalInsurance}
                            <input type="checkbox" id="additionalInsurance" name="additionalInsurance" value="1" {if $DATA->services.additionalInsurance}checked="checked"{/if}/>
                            <label for="additionalInsurance">{#additionalInsurance#}</label>
                            <div class="DHL_toggle_input_params" id="additionalInsurance_params">
                                {#value#}:<br /><input name="additionalInsurance_value" value="{if $DATA->services.additionalInsurance}{$DATA->services.additionalInsurance->value}{else}0.00{/if}" type="text" size="6" maxlength="12" />&nbsp;<input name="additionalInsurance_currency" value="{if $DATA->services.additionalInsurance}{$DATA->services.additionalInsurance->currency}{else}EUR{/if}" size="3" maxlength="3" type="text"/>
                            </div>
                            <br clear="all" />
                        {/if}
                        {if $prod.Services.visualCheckOfAge}
                            <label for="visualCheckOfAge">{#visualCheckOfAge#}</label>
                            <br />
                            <select id="visualCheckOfAge"  name="visualCheckOfAge">
                                <option value="">-</option>
                                <option value="A16" {if $DATA->services.visualCheckOfAge == 'A16'}selected="selected" {/if}>Ab 16 Jahre</option>
                                <option value="A18" {if $DATA->services.visualCheckOfAge == 'A18'}selected="selected" {/if}>Ab 18 Jahre</option>
                            </select>
                            <br clear="all" />
                        {/if}
                    </div>
                    
                    <div style="background-color: lightblue;display:inline-block;margin: 2px;padding: 2px;vertical-align: top;">
                        {if $prod.Services.namedPersonOnly}
                            <input type="checkbox" id="namedPersonOnly" name="namedPersonOnly" value="1" {if $DATA->services.namedPersonOnly}checked="checked" {/if} />
                            <label for="namedPersonOnly">{#namedPersonOnly#}</label>
                            <br clear="all" />
                        {/if}
                        {if $prod.Services.signedForByRecipient}
                        
                            <input type="checkbox" id="signedForByRecipient" name="signedForByRecipient" value="1" {if $DATA->services.signedForByRecipient} checked="checked" {/if}/>
                            <label for="signedForByRecipient">{#signedForByRecipient#}</label>
                            <br clear="all" />
                        {/if}
                        {if $prod.Services.bulkyGoods}
                            <input type="checkbox" id="bulkyGoods" name="bulkyGoods" value="1" {if $DATA->services.bulkyGoods}checked="checked"{/if}/>
                            <label for="bulkyGoods">{#bulkyGoods#}</label>
                            <br clear="all" />
                        {/if}
                        {if $prod.Services.postalDeliveryDutyPaid}
                            <input type="checkbox" id="postalDeliveryDutyPaid" name="postalDeliveryDutyPaid" value="1" {if $DATA->services.postalDeliveryDutyPaid} checked="checked" {/if}/>
                            <label for="postalDeliveryDutyPaid">{#postalDeliveryDutyPaid#}</label>
                            <br clear="all" />
                        {/if}
                        {if $prod.Services.dhlRetoure}
                            <input type="checkbox" id="dhlRetoure" name="dhlRetoure" value="1" {if $DATA->services.dhlRetoure} checked="checked" {/if}/>
                            <label for="dhlRetoure">{#dhlRetoure#}</label>
                            {if $FULL_OPTIONS == 1}
                            <br />
                            <label for="dhlRetoure_billingNumber">DHL Retoure Rechnungsnummer<br /></label>
                            <input value="{$DATA->services.dhlRetoure->billingNumber}" name="dhlRetoure_billingNumber" id="dhlRetoure_billingNumber" type="text"  size="30" maxlength="30" />
                            <br />
                            <label for="dhlRetoure_returnAddress_name1">Retoure Empfänger Name<br /></label>
                            <input value="{$DATA->services.dhlRetoure->returnAddress->name1}" name="dhlRetoure_returnAddress_name1" id="dhlRetoure_returnAddress_name1" type="text"  size="30" maxlength="30" />
                            <br />
                            <label for="dhlRetoure_returnAddress_addressStreet">Retoure Empfänger Strasse<br /></label>
                            <input value="{$DATA->services.dhlRetoure->returnAddress->addressStreet}" name="dhlRetoure_returnAddress_addressStreet" id="dhlRetoure_returnAddress_addressStreet" type="text"  size="30" maxlength="30" />
                            <br />
                            <label for="dhlRetoure_returnAddress_postalCode">Retoure Empfänger PLZ<br /></label>
                            <input value="{$DATA->services.dhlRetoure->returnAddress->postalCode}" name="dhlRetoure_returnAddress_postalCode" id="dhlRetoure_returnAddress_postalCode" type="text"  size="5" maxlength="7" />
                            <br />
                            <label for="dhlRetoure_returnAddress_city">Retoure Empfänger Stadt<br /></label>
                            <input value="{$DATA->services.dhlRetoure->returnAddress->city}" name="dhlRetoure_returnAddress_city" id="dhlRetoure_returnAddress_city" type="text"  size="30" maxlength="30" />
                            <br />
                            <br />
                            <label for="dhlRetoure_returnAddress_country">Retoure Empfänger Land (3 Stellig)<br /></label>
                            <input value="{$DATA->services.dhlRetoure->returnAddress->country}" name="dhlRetoure_returnAddress_country" id="dhlRetoure_returnAddress_country" type="text"  size="3" maxlength="3" />
                            {/if}
                            <br clear="all" />
                        {/if}
                    </div>
                        {if $prod.Services.parcelOutletRouting}
                            {if $YES_CONF.MODULE_SHIPPING_DHLGKAPI_PARCELOUTLETROUTING_ENABLED == 'True'}
                    <div style="display:inline-block;margin: 2px;padding: 2px;vertical-align: top;">
                            <label for="parcelOutletRouting">{#parcelOutletRouting#} ({#parcelOutletRouting_email#})<br /></label>
                            <input type="text" id="parcelOutletRouting" name="parcelOutletRouting" value="{if $DATA->services.parcelOutletRouting}{$DATA->services.parcelOutletRouting}{/if}" size="30" maxlength="80" />
                    </div>
                            {/if}
                        {/if}
                    
                    <a class="DHL_toggle_optional" href="javascript:;">[{#weitere_optionen#}]</a>
                    
                    <div id="DHL_optional">
                        {if $prod.Services.closestDropPoint}
                        <div class="DHL_input DHL_optional" id="input_closestDropPoint">
                            <input type="checkbox" id="closestDropPoint" name="closestDropPoint" value="1" {if $DATA->services.closestDropPoint}checked="checked" {/if}/>
                            <label for="closestDropPoint">{#closestDropPoint#} {icon type="help" title=$smarty.config.closestDropPoint_intro}</label>
                        </div>
                        {/if}
                        {if $prod.Services.preferredNeighbour}
                        <div class="DHL_input DHL_optional" id="input_preferredNeighbour">
                            <label for="preferredNeighbour">{#preferredNeighbour#}<br /></label>
                            <input type="text" id="preferredNeighbour" name="preferredNeighbour" value="{if $DATA->services.preferredNeighbour}{$DATA->services.preferredNeighbour}{/if}" size="30" maxlength="100" />
                        </div>
                        {/if}
                        {if $prod.Services.preferredLocation}
                        <div class="DHL_input DHL_optional" id="input_preferredLocation">
                            <label for="preferredLocation">{#preferredLocation#}<br /></label>
                            <input type="text" id="preferredLocation" name="preferredLocation" value="{if $DATA->services.preferredLocation}{$DATA->services.preferredLocation}{/if}" size="30" maxlength="100" />
                        </div>
                        {/if}
                        {if $prod.Services.noNeighbourDelivery}
                        <div class="DHL_input DHL_optional" id="input_noNeighbourDelivery">
                            <input type="checkbox" id="noNeighbourDelivery" name="noNeighbourDelivery" value="1" {if $DATA->services.noNeighbourDelivery} checked="checked" {/if}/>
                            <label for="noNeighbourDelivery">{#noNeighbourDelivery#}</label>
                        </div>
                        {/if}
                        {if $prod.Services.preferredDay}
                        <div class="DHL_input DHL_optional" id="input_preferredDay">
                            <label for="preferredDay">{#preferredDay#}<br /></label>
                            <input type="date" id="preferredDay" name="preferredDay" value="{if $DATA->services.preferredDay}{$DATA->services.preferredDay}{/if}" />
                        </div>
                        {/if}
                        {if $prod.Services.cashOnDelivery}
                        <div class="DHL_input DHL_optional" id="input_cashOnDelivery">
                            <input type="checkbox" id="cashOnDelivery" name="cashOnDelivery" value="1" {if $DATA->services.cashOnDelivery}checked="checked"{/if} />
                            <label for="cashOnDelivery">{#cashOnDelivery#}</label>
                            <div class="DHL_toggle_input_params" id="cashOnDelivery_params">
                                {#value#}:<br /><input name="cashOnDelivery_value" value="{if $DATA->services.cashOnDelivery}{$DATA->services.cashOnDelivery->amount->value}{else}0.00{/if}" type="text" size="6" maxlength="12" />&nbsp;<input name="cashOnDelivery_currency" value="{if $DATA->services.cashOnDelivery}{$DATA->services.cashOnDelivery->amount->currency}{else}EUR{/if}" size="3" maxlength="3" type="text" />
                                <br />
                                {#bankAccount_name#}:<br /><input name="cashOnDelivery_bankAccount_accountHolder" value="{if $DATA->services.cashOnDelivery}{$DATA->services.cashOnDelivery->bankAccount->accountHolder}{/if}" type="text" size="30" maxlength="80" />
                                <br />
                                {#bankAccount_iban#}:<br /><input name="cashOnDelivery_bankAccount_iban" value="{if $DATA->services.cashOnDelivery}{$DATA->services.cashOnDelivery->bankAccount->iban}{/if}" size="22" maxlength="22" type="text"/>
                            </div>
                        </div>
                        {/if}
                    </div><!-- EOF OPTIONAL //-->
                </div>
                {*

                <div class="DHL_limits main">
                    <b>{#limit_length#}:</b> 
                    {$prod.LIMITS.Min.length}<span class="DHL_limit_special" data-nr="{$prod.LIMITS.Min.length_specia}l"></span>
                        {#limit_to#} 
                        {$prod.LIMITS.Max.length}<span class="DHL_limit_special" data-nr="{$prod.LIMITS.Max.length_special}"></span>
                        <br />
                    <b>{#limit_width#}:</b>
                        {$prod.LIMITS.Min.width}<span class="DHL_limit_special" data-nr="{$prod.LIMITS.Min.width_special}"></span>
                        {#limit_to#} 
                        {$prod.LIMITS.Max.width}<span class="DHL_limit_special" data-nr="{$prod.LIMITS.Max.width_special}"></span>
                        <br />
                    <b>{#limit_height#}:</b>
                        {$prod.LIMITS.Min.height}<span class="DHL_limit_special" data-nr="{$prod.LIMITS.Min.height_special}"></span>
                        {#limit_to#} 
                        {$prod.LIMITS.Max.height}<span class="DHL_limit_special" data-nr="{$prod.LIMITS.Max.height_special}"></span>
                        <br />
                    <b>{#limit_weight#}:</b>
                        {$prod.LIMITS.Min.weight}<span class="DHL_limit_special" data-nr="{$prod.LIMITS.Min.weight_special}"></span>
                        {#limit_to#} 
                        {$prod.LIMITS.Max.weight}<span class="DHL_limit_special" data-nr="{$prod.LIMITS.Max.weight_special}"></span>

                    <div class="DHL_limit_special" style="margin-top:10px;">
                    {foreach from=$DHL::LIMITS_SPECIALS key=special_nr item=special}
                        {if $special_nr == 1}*{elseif $special_nr == 2}**{elseif $special_nr == 3}***{/if}
                        &nbsp;{$special}<br />
                    {/foreach}
                    </div>
                </div>
                *}
        </div>
        {/if}
    {/foreach}