{extends Layout}

{block content}
<!-- Start Banner Area -->
<section class="banner-area organic-breadcrumb">
	<div class="container">
		<div class="breadcrumb-banner d-flex flex-wrap align-items-center justify-content-end">
			<div class="col-first">
				<h1>{% Objednávka}</h1>
			</div>
		</div>
	</div>
</section>
<!-- End Banner Area -->

{include Flash}

<section class="checkout_area section_gap">
	<div class="container">
		<div class="billing_details">
			<div class="row">
				<div class="col-lg-6">
					<h3>{% Fakturačné údaje a dodacia adresa}</h3>
					<form class="contact_form" action="{url eshopOrderStep2send}" method="post" id="order-form">
						<div class="row">

							<div class="col-md-6 form-group">
								<input type="text" class="form-control" id="first_name" name="first_name" placeholder="{% Meno}" value="{$customer['first_name']}" required>
							</div>
							<div class="col-md-6 form-group">
								<input type="text" class="form-control" id="last_name" name="last_name" placeholder="{% Priezvisko}" value="{$customer['last_name']}" required>
							</div>
							<div class="col-md-12 form-group">
								<input type="text" class="form-control" id="street" name="street" placeholder="{% Ulica&#44; číslo domu/vchodu}" value="{$customer['street']}" required>
							</div>
							<div class="col-md-6 form-group">
								<input type="text" class="form-control" id="city" name="city" placeholder="{% Mesto}" value="{$customer['city']}" required>
							</div>
							<div class="col-md-6 form-group">
								<input type="text" class="form-control" id="postal_code" name="postal_code" placeholder="{% PSČ}" value="{$customer['postal_code']}" required>
							</div>
							<div class="col-md-12 form-group">
								<select class="form-control" name="country" id="country-select" required>
									<option value="">{% Krajina}</option>
									{loop $countries as $countryId => $countryName}
									<option value="{$countryId}" {if $countryId==$customer['country']}selected{/if}>{$countryName}</option>
									{/loop}
								</select>
							</div>
							<div class="col-md-6 form-group">
								<input type="text" class="form-control" id="phone" name="phone" placeholder="{% Telefónne číslo}" value="{$customer['phone']}" required>
							</div>
							<div class="col-md-6 form-group">
								<input type="email" class="form-control {if in_array('email', $errors)}is-invalid{/if}" id="email" name="email" placeholder="E-mail" value="{$customer['email']}" required>
							</div>

							<div class="col-md-12">
								<input type="checkbox" class="mr-1" name="other_delivery_address" id="other-delivery-address">
								<label class="form-check-label" for="other-delivery-address">{% Dodať na inú adresu}</label>
							</div>
						</div>

						<div class="row" id="other-delivery-address-form">
							<div class="col-md-12">
								<hr>

								<h3>{% Dodacia adresa}</h3>
							</div>

							<div class="col-md-6 form-group">
								<input type="text" class="form-control" id="first_name_delivery_address" name=" first_name_delivery_address" placeholder="{% Meno}" value="{$deliveryAddress['first_name']}">
							</div>
							<div class="col-md-6 form-group">
								<input type="text" class="form-control" id="last_name_delivery_address" name=" last_name_delivery_address" placeholder="{% Priezvisko}" value="{$deliveryAddress['last_name']}">
							</div>
							<div class="col-md-12 form-group">
								<input type="text" class="form-control" id="street_delivery_address" name="street_delivery_address" placeholder="{% Ulica&#44; číslo domu/vchodu}" value="{$deliveryAddress['street']}">
							</div>
							<div class="col-md-6 form-group">
								<input type="text" class="form-control" id="city_delivery_address" name="city_delivery_address" placeholder="{% Mesto}" value="{$deliveryAddress['city']}">
							</div>
							<div class="col-md-6 form-group">
								<input type="text" class="form-control" id="postal_code_delivery_address" name="postal_code_delivery_address" placeholder="{% PSČ}" value="{$deliveryAddress['postal_code']}">
							</div>
							<div class="col-md-12 form-group">
								<select class="form-control" name="country_delivery_address" id="country_delivery_address">
									<option value="">{% Krajina}</option>
									{loop $countries as $countryId => $countryName}
									<option value="{$countryId}" {if $countryId==$customer['country']}selected{/if}>{$countryName}</option>
									{/loop}
								</select>
							</div>
							<div class="col-md-6 form-group">
								<input type="text" class="form-control" id="phone_delivery_address" name="phone_delivery_address" placeholder="{% Telefónne číslo}" value="{$deliveryAddress['phone']}">
							</div>
							<div class="col-md-6 form-group">
								<input type="email" class="form-control {if in_array('email', $errors)}is-invalid{/if}" id="email" name="email_delivery_address" placeholder="E-mail" value="{$deliveryAddress['email']}">
							</div>
						</div>

						<div class="row">
							<div class="col-md-12">
								<button type="submit" class="btn primary-btn">{% Pokračovať}</button>
							</div>
						</div>
					</form>

					<script>
						document.addEventListener('DOMContentLoaded', function () {
							const checkbox = document.getElementById('other-delivery-address');
							const addressFields = document.getElementById('other-delivery-address-form');

							function toggleAddressFields() {
								if (checkbox && addressFields) {
									addressFields.style.display = checkbox.checked ? 'flex' : 'none';
								}
							}

							if (checkbox) {
								checkbox.addEventListener('change', toggleAddressFields);
								toggleAddressFields(); // Inicializácia stavu pri načítaní stránky
							}
						});
					</script>
				</div>

				<div class="col-lg-6">
					<div class="order_box">
						<h2>{% Vaša objednávka}</h2>
						<ul class="list">
							<li>
								<div>{% Produkt} <span>{% Spolu}</span></div>
							</li>
							{loop $cart->products as $cartProduct}
							<li>
								<div>
									{$cartProduct['name']}
									<span class="middle">{$cartProduct['amount']} ks</span>
									<span class="last">{$cartProduct['model']->getPrice($withVat, $cartProduct['amount'], $wholesale, true) * $cartProduct['amount']|price}</span>
								</div>
							</li>
							{/loop}
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
{/block}