{config_load file="$language/lang_$language.conf" section="easy_checkout"}
{yes_vars assign="YES" contents=1}
{if $KLARNA_CLIENT_TOKEN}

<script>
var KLARNA_CLIENT_TOKEN = '{$KLARNA_CLIENT_TOKEN}';
var KLARNA_ADDRESS_DATA = JSON.parse('{$KLARNA_ADDRESS_DATA}');
var KLARNA_EASYCHECKOUT = true;
var KLARNA_CATEGORIES = JSON.parse('{$KLARNA_CATEGORIES}');
</script>
<script src="includes/klarna_yes_pay_later.js"></script>
<script src="https://x.klarnacdn.net/kp/lib/v1/api.js" async></script>

 {/if}
 <div class="uberuns boxes pb-5">
	<div class="container bg-light border border-secondary border-2 p-3 rounded-3 shadow ">
	<h1 class="ico ico-3">Purchase processing</h1>	
	
	{if $error}
		<div class="alert alert-warning">
			{$error}
			</div>
	{/if}

	{if $info_message != ''}
	<div class="alert alert-primary">
		<div class="center_message_red {if $smarty.server.REQUEST_URI == '/checkout_shipping.php?info_message=Your+coupon+has+been+successfully+deposited+and+will+be+deposited+automatically+with+your+next+order.'}alert_grn{else}alert{/if} callout columns"><b>
		{$info_message|replace:"Ung&uuml;ltiger Gutscheincode":"Invalid coupon code"}</b></div>
	</div>
	{/if}

	<div class="row mt-5">
		<div class="col-12">
		<div class="border-primary border-2 rounded border p-3 h-100   bg-light">
			{$MODULE_gift_cart}
		</div>
	</div>
	</div>
{$FORM_ACTION}
<div class="row mt-3">	
	<div class="col-12 col-lg-6">
		<div class="border-primary border-2 rounded border p-3 h-100   bg-light">
		<h3>{* #title_address_shipping# *}Shipping address</h3>
		{$ADDRESS_LABEL}<br><br>
		<p class=" text-gray">{* #text_addressbook_shipping# *}Please select the desired shipping address for your order from your address book.</p>
		<a href="checkout_shipping_address.php" class="btn btn-primary float-end">Change address</a>
		<div class=" clearfix"></div>
	</div>
	</div>
	<div class="col-12 col-lg-6">
		<div class="border-primary border-2 rounded border p-3 h-100 bg-light">
			<h3>{* #title_address# *}Billing address</h3>
			{$ADDRESS_LABEL2}<br><br>
			<p class=" text-gray">{* #text_address# *}Please select the desired billing address for your order from your address book.</p>
			<a href="checkout_payment_address.php" class="btn btn-primary float-end">Change address</a>
			<div class=" clearfix"></div>
		</div>
	</div>
</div>
<div class="row mt-3">
	<div class="col-12 col-lg-6">
		<div class="border-primary border-2 rounded border p-3 h-100 bg-light">
			<h3>{* #heading_shipping# *}Shipping options</h3>
			{$SHIPPING_BLOCK}
		</div>
	</div>
	<div class="col-12 col-lg-6">
		<div class="border-primary border-2 rounded border p-3 h-100 bg-light">
			<h3>{* #title_payment# *}Method of payment</h3>
			{if $GV_COVER!='true'}
			{$PAYMENT_BLOCK}
			<div id="klarna_container"></div>
			{$module_gift}
			{else}
			{#text_gccover#}
			{/if}
		</div>
	</div>
</div>
<div class="row mt-3">
	<div class="col-12 col-lg-6">
		<div class="border-primary border-2 rounded border p-3 h-100 bg-light">
		<h3 class="">Legal information</h3>
				<a href="Our-GTC-_-3.html" class="btn btn-primary" target="_blank">General Terms and Conditions (GTC)</a>
				<!--<a href="Widerrufsbelehrung-_-9.html" class="btn btn-primary" target="_blank">Widerrufsbelehrung</a>-->
				<a href="Privacy-policy-_-2.html" class="btn btn-primary" target="_blank">Privacy policy</a>
			</div>
			</div>
	<div class="col-12 col-lg-6">
		<div class="border-primary border-2 rounded border p-3 h-100 bg-light">
	<h3 class="">Note on the order</h3>
			{$COMMENTS|replace:'cols="60"':'class="w-100"'}
		</div>
		</div>
</div>
<div class="border-primary border-2 rounded border p-3 h-100 bg-light mt-3">
<div class="mt-2 responsive-table">
			<h3>{* #title_order# *}Order summary</h3>
			<table class="table">
				<thead>
				<tr>
					<td class="thQty text-black">Quantity</td>
					<td class="thImg text-black">Image</td>
					<td class="thTitle text-black">Name</td>
					<td class="thInfo text-black">Delivery time*</td>
					<td class="thPrice text-black text-end">Unit price</td>
					<td class="thPrice text-black text-end">Total price</td>
				</tr>
				</thead>
			{foreach item=product from=$PRODUCTS_ARRAY}
				<tr>
					<td class="tdImg">
						{$product.qty}&nbsp;x&nbsp;
					</td>
					<td style="width:100px;">
						<img class="w-100 rounded" src="images/product_images/info_images/{$product.PRODUCTS_IMAGE}" />
					</td>
					<td class="tdTitle">
						<h6 class="mt-1">{$product.name}</h6>
						<span class="cart_artNr">Item no. {$product.model}</span>
						{if $product.CHARACTERISTICS}
						<br><a class="btn btn-outline-primary mt-2 btn btn-sm modal-call" href="#" data-modaltitle="Article features" data-modalsize="md" data-modalcnt='
						{foreach from=$product.CHARACTERISTICS item=char}
								<table class="table">
									<tr>
										<td class="fw-bold">{$char.title}</td>
										<td class="text-end">{$char.value}</td>
									</tr>
								{/foreach}
								</table>
						'>Article features</a>
						{/if} 
					</td>
					<td class="tdInfo" style="width:120px;">
						{$product.shipping_time} {if $product.PRODUCTS_DATE_AVAILABLE}/ <font color="red">available from: {$product.PRODUCTS_DATE_AVAILABLE}</font>{/if}
					</td>
					<td class="tdPrice text-end" style="width:120px;">
						<span class="priceVal">{$product.price_formated}</span>
						<br class="clearfix">
					</td>
					<td class="tdPrice2 text-end" style="width:120px;">
						<span class="priceVal">{$product.final_price_formated}</span>
						<br class="clearfix">
					</td>
				</tr>
			{/foreach}
			<tr>
				<td colspan="3"></td>
				<td colspan="3">
					<span id="displayResponse" class="float-end">
						{$response}
					</span>
				</td>
			</tr>
		</table>
		
							
	<div style="background-color:#b71c1c;color:#fff;padding:15px;border-radius:6px;margin-top:15px;font-size:14px;line-height:1.5;text-align: justify;">
    <strong>About Shipping Costs</strong><br>
    Please note that shipping costs for spedition are determined individually on a case-by-case basis. 
    Our sales department will carefully evaluate your request and provide you with the applicable costs. 
    The amount displayed as <strong><em>0,00 EUR</em></strong> is a placeholder only, as calculations cannot be performed at this stage. 
    Final prices are subject to change and will be confirmed in your offer.  <a href="javascript:void(0)" id="SpeditionModalText"
       style="color:#ffff66; text-decoration:underline; font-weight:bold; margin-left:6px;">
        More Information here
    </a>
		
		<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>
	
	</div>

	</div>		
</div>
<div class="border-primary border-2 rounded border p-3 h-100 bg-light mt-3">
<h3>Note</h3>
Please note that our online store does not carry out direct sales. Instead, the products you place in your shopping cart and specify during the ordering process serve as a non-binding inquiry. You will receive a confirmation by e-mail and we will immediately send you an order confirmation with all the details. Please also note, that shipping costs for spedition are based on a case by case evaluation and will be determined after your request has been carefully checked by our sales-department. Price subject to change.
</div>
	
	<div class="small-12 columns space10bottom mt-3">
		<div class="bg-dark rounded rounded-2 p-3 ">
			<div class="btnafloat">
				<button id="checkout_submit_button" type="submit" class="btn-primary btn float-end fs-5">Order request</button>
				<a href="shopping_cart.php" class="btn mt-1 me-2 btn-secondary btn-sm float-start">Edit order</a>
				<span class="clearfix"></span>
			</div>
		</div>
	</div>

</div>
{$FORM_END}

</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
			$('#SpeditionModalText').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>