{% extends 'eshop/@layout.html.twig' %}

{% block keywords %}{% endblock %}
{% block description %}{% endblock %}
{% block title %}{{ 'title_cart_checkout'|trans({}, 'shop') }}{% endblock %}

{% block system_main %}
    <div class="card">
        <turbo-frame id="cart-purchase-content">
            {{ form_start(form) }}
            <div class="content-body">
                <div class="row">
                    <div class="col-6 mb-3">
                        {{ form_row(form.email) }}
                    </div>
                    <div class="col-6 mb-3">
                        {{ form_row(form.deliveryAddress.phone) }}
                    </div>
                </div>
                <div class="row">
                    <div class="col-12">
                        <h4>{{ 'title_delivery_address'|translate }}</h4>
                    </div>
                </div>
                {% if deliveryAddresses %}
                    <div class="row">
                        <div class="col-12 mb-3">
                            {{ form_row(form.deliveryAddressDirectory) }}
                        </div>
                    </div>
                {% endif %}
                <div class="delivery-address">
                    <div class="row">
                        <div class="col-6 mb-3">
                            {{ form_row(form.deliveryAddress.firstName) }}
                        </div>
                        <div class="col-6 mb-3">
                            {{ form_row(form.deliveryAddress.lastName) }}
                        </div>
                        <div class="col-6 mb-3">
                            {{ form_row(form.deliveryAddress.street) }}
                        </div>
                        <div class="col-6 mb-3">
                            {{ form_row(form.deliveryAddress.city) }}
                        </div>
                        <div class="col-6 mb-3">
                            {{ form_row(form.deliveryAddress.postalCode) }}
                        </div>
                        <div class="col-6 mb-3">
                            {{ form_row(form.deliveryAddress.country) }}
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-12">
                        {{ form_row(form.differentBillingAddress) }}
                    </div>
                </div>
                <div class="billing-address-wrap {% if not showBillingAddress %}d-none{% endif %}">
                    <div class="row">
                        <div class="col-12">
                            <h4>{{ 'title_billing_address'|translate }}</h4>
                        </div>
                    </div>
                    {% if billingAddresses %}
                        <div class="row">
                            <div class="col-12 mb-3">
                                {{ form_row(form.billingAddressDirectory) }}
                            </div>
                        </div>
                    {% endif %}
                    <div class="billing-address">
                        <div class="row">
                            <div class="col-6 mb-3">
                                {{ form_row(form.billingAddress.companyName) }}
                            </div>
                            <div class="col-6 mb-3">
                                {{ form_row(form.billingAddress.dni) }}
                            </div>
                            <div class="col-6 mb-3">
                                {{ form_row(form.billingAddress.vat_number) }}
                            </div>
                            <div class="col-6 mb-3">
                                {{ form_row(form.billingAddress.street) }}
                            </div>
                            <div class="col-6 mb-3">
                                {{ form_row(form.billingAddress.city) }}
                            </div>
                            <div class="col-6 mb-3">
                                {{ form_row(form.billingAddress.postalCode) }}
                            </div>
                            <div class="col-6 mb-3">
                                {{ form_row(form.billingAddress.country) }}
                            </div>
                        </div>
                    </div>
                </div>

                <hr class="my-4">

                <div class="row">
                    <div class="col-12 order-note">
                        {{ form_row(form.notes) }}
                    </div>
                </div>

                <div class="float-end mb-4">
                    <button type="submit" name="basket_create_order" class="btn btn-success">
                        {{ 'button_shipping_and_payment'|translate }}
                    </button>
                </div>
                <div class="mb-4">
                    <br>
                </div>

            </div> <!-- card-body end.// -->
            <div class="content-body border-top">
                <strong>Dopňkový text</strong>
                <p class="text-muted"></p>
                <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas auctor tortor sit amet orci
                    volutpat,
                    sed porta lacus tincidunt. Duis placerat ac est eget sollicitudin. Praesent congue dui in mauris
                    varius
                    lacinia. Suspendisse potenti. Donec gravida orci eget velit pretium lacinia. Integer lacinia erat
                    lacus,
                    eget laoreet est vehicula quis. Integer leo erat, ornare non sem sed, mattis suscipit neque.
                </div>
                <p></p>
            </div>
            {{ form_end(form) }}
        </turbo-frame>
    </div>
{% endblock %}

{% block system_left %}
    {{ include('eshop/component/cart_checkout_summary.html.twig') }}
{% endblock %}

{% block system_right %}
    {{ include('eshop/component/cart_checkout_summary.html.twig') }}
{% endblock %}