{config_load file="$language/lang_$language.conf" section="checkout_shipping"}

<script>
    $(function(){
        $('input[name="shipping"]:checked').click();
    });
</script>

{if $FREE_SHIPPING} 
<table border="0" width="100%" cellspacing="0" cellpadding="0">
  <tr> 
    <td class="moduleRow">&nbsp;</td>
    <td width="100%"> <table border="0" width="100%" cellspacing="0" cellpadding="3">
        <tr> 
          <td colspan="2"><b>{$FREE_SHIPPING_TITLE}</b>&nbsp;{$FREE_SHIPPING_ICON}</td>
        </tr>
        <tr id="defaultSelected" class="moduleRowSelected"> 
          <td class="moduleRow">&nbsp;</td>
          <td width="100%">{$FREE_SHIPPING_DESCRIPTION}</td>
        </tr>
      </table></td>
  </tr>
</table><br>
{if $DSGVO_ALLOW_SEND_CUSTOMER_EMAIL_ADDRESS_TO_SHIPPER == 'True'}
            <input data-errormsg="{#allow_email_shipper_warning#}" type="checkbox" name="allow_email_shipper" value="1" checked="checked" /> {* #allow_email_shipper# *}Note for shipping: My email address will be forwarded to shipping service providers to receive shipping notifications 
    {/if}
{else} 
<table border="0" width="100%" cellspacing="0" cellpadding="0">
  {foreach name=aussen item=module_data from=$module_content} 
  <tr class="{cycle values="trcol1,trcol2"}"> 
   
    <td width="100%"> 
		<table border="0" width="100%" cellspacing="0" cellpadding="3">
			
		{if $module_data.error != ''} 
			<tr> 
			  <td class="moduleRow">&nbsp;</td>
			  <td colspan="3">{$module_data.error}</td>
			</tr>
		{else} 
		{foreach name=aussen item=method_data from=$module_data.methods} 
		{if $method_data.checked} 
				<tr class="moduleRowSelected" style="background-color: #f1f1f1;"> 
		{else} 
				<tr class="moduleRow"> 
		{/if} 
		{if $method_data.checked} 
			  <td class="moduleRowSelected">{$method_data.radio_field|replace:'radio"':'radio" checked'}</td>
		{else} 
			  <td class="moduleRow">{$method_data.radio_field}</td>
		{/if} <hr>
			  <td style="width:70%;"><span class="">{$method_data.title}</span></td>
			  <!--<td style="width:25%;"><span class="">{$method_data.price}</span></td>-->
			  <td style="width:25%;"><span class="">via Spedition</span></td>
			</tr>
		{/foreach} 
		{/if} 
		</table>
	</td>
  </tr>
  {/foreach} 
</table>
	{if $DSGVO_ALLOW_SEND_CUSTOMER_EMAIL_ADDRESS_TO_SHIPPER == 'True'}
            <br><input data-errormsg="{#allow_email_shipper_warning#}" type="checkbox" name="allow_email_shipper" value="1" checked="checked" /> {* #allow_email_shipper# *}Note for shipping: My email address will be forwarded to shipping and warehouse service providers to receive shipping and pickup notifications. 
    {/if}
	
{/if}

<!-- Spedition Info Button -->
<a href="javascript:void(0)" class="btn btn-primary mt-3" style="width: 100%" id="btnSpeditionInfo">
    About Spedition
</a>

<!-- Modal -->
<div id="speditionModal">
  <div class="modal-content">
    <h2>Spedition & Self-Pickup + Delivery Time</h2>
    
    <p><strong>Self-Pickup:</strong> Customers may organize their own freight forwarder or spedition. In this case, pickup can be arranged from one of our designated warehouses or freight ports.</p>
    
    <p><strong>Shipping via Spedition:</strong> Costs vary and are calculated case by case. Final shipping costs will be provided by our sales experts together with your offer.</p>

    <p><strong>Free Shipping for Large Orders:</strong> Orders over <b>100.000,00 €</b> qualify for <b>free spedition shipping</b> (handled by us).</p>

    <p><strong>No Shipping to Conflict Regions:</strong> For safety and compliance reasons, we do not ship to conflict regions or embargoed destinations. These restrictions are non-negotiable.</p>

    <p><strong>Delivery Times:</strong> Estimated delivery times can only be determined after your request has been reviewed in detail. 
    Transit duration varies depending on the destination country, chosen shipping method (e.g. spedition), or special arrangements such as EX-Works. 
    Our sales department will provide you with the applicable delivery time together with your offer.</p>

    <p>More information: <a href="https://syd-green-energy.com/Shipping-_-19.html" target="_blank">Shipping Policy</a></p>

    <span class="modal-close">Close</span>
  </div>
</div>

<style>
/* Modal background */
#speditionModal {
    display: none;
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.7);
    z-index: 9999;
}
/* Modal box */
#speditionModal .modal-content {
    background: #fff;
    padding: 30px;
    max-width: 90%;
    margin: 10% auto;
    border-radius: 8px;
    text-align: left;
    line-height: 1.5;
}
/* Close button */
#speditionModal .modal-close {
    margin-top: 20px;
    display: inline-block;
    background: #30358c;
    color: #fff;
    padding: 10px 20px;
    border-radius: 6px;
    cursor: pointer;
}
#speditionModal h2 {
    margin-top: 0;
    color: #1a4d2e;
}
#speditionModal p strong {
    color: #30358c;
}
</style>

<script>
$(function(){
    // Open modal
    $('#btnSpeditionInfo').on('click', function(){
        $('#speditionModal').fadeIn();
    });
    // Close modal
    $(document).on('click', '.modal-close', function(){
        $('#speditionModal').fadeOut();
    });
    // Close on background click
    $('#speditionModal').on('click', function(e){
        if(e.target === this){ $(this).fadeOut(); }
    });
});
</script>