{% sw_extends '@Storefront/storefront/page/checkout/_page.html.twig' %}

{% block base_head %}
    {% sw_include '@Storefront/storefront/page/checkout/cart/meta.html.twig' %}
{% endblock %}

{% block page_checkout_container %}
    {% if page.cart.lineItems.count is same as(0) %}
        {% sw_include '@Storefront/storefront/utilities/alert.html.twig' with {
            type: "info",
            content: "checkout.cartEmpty"|trans|sw_sanitize
        } %}
    {% else %}
        {{ parent() }}
    {% endif %}
{% endblock %}

{% block page_checkout_main_content %}
    {% block page_checkout_cart %}
        {% block page_checkout_cart_header %}
            <h1 class="cart-main-header">
                {{ "checkout.cartHeader"|trans|sw_sanitize }}
            </h1>
        {% endblock %}

        {% block page_checkout_cart_messages %}
            {% block page_checkout_confirm_errors %}
                {%  sw_include '@Storefront/storefront/component/checkout/cart-alerts.html.twig' %}
            {% endblock %}
        {% endblock %}

        {% block page_checkout_cart_product_table %}
            <div class="card checkout-product-table">
                <div class="card-body">
                    {% block page_checkout_cart_table_header %}
                        {% sw_include '@Storefront/storefront/page/checkout/cart/cart-product-header.html.twig' %}
                    {% endblock %}

                    {% block page_checkout_cart_table_items %}
                        {% for lineItem in page.cart.lineItems %}
                            {% block page_checkout_cart_table_item %}
                                {% block page_checkout_item %}
                                    {% sw_include '@Storefront/storefront/page/checkout/checkout-item.html.twig' %}
                                {% endblock %}
                            {% endblock %}
                        {% endfor %}
                    {% endblock %}
                </div>
            </div>
        {% endblock %}

        {% block page_checkout_cart_add_product_and_shipping %}
            <div class="row">
                {% block page_checkout_cart_add_product %}
                    <div class="col-md-4 cart-add-product-container">
                        <form action="{{ path('frontend.checkout.product.add-by-number') }}"
                              data-form-csrf-handler="true"
                              class="cart-add-product"
                              method="post">

                            {% block page_checkout_cart_add_product_csrf %}
                                {{ sw_csrf('frontend.checkout.product.add-by-number') }}
                            {% endblock %}

                            {% block page_checkout_cart_add_product_redirect %}
                                <input type="hidden"
                                       name="redirectTo"
                                       value="frontend.checkout.cart.page">
                            {% endblock %}

                            {% block page_checkout_cart_add_product_input_group %}
                                <div class="input-group">
                                    {% block page_checkout_cart_add_product_label %}
                                        <label class="sr-only" for="addProductInput">
                                            {{ "checkout.addProductLabel"|trans|sw_sanitize }}
                                        </label>
                                    {% endblock %}

                                    {% block page_checkout_cart_add_product_input %}
                                        <input type="text"
                                               name="number"
                                               class="form-control"
                                               id="addProductInput"
                                               placeholder="{{ "checkout.addProductPlaceholder"|trans|striptags }}"
                                               aria-label="{{ "checkout.addProductLabel"|trans|striptags }}"
                                               aria-describedby="addProductButton"
                                               required="required">
                                    {% endblock %}

                                    {% block page_checkout_cart_add_product_submit %}
                                        <div class="input-group-append">
                                            <button class="btn btn-secondary"
                                                    type="submit"
                                                    id="addProductButton">
                                                {% sw_icon 'checkmark' %}
                                            </button>
                                        </div>
                                    {% endblock %}
                                </div>
                            {% endblock %}
                        </form>
                    </div>
                {% endblock %}

                {% block page_checkout_cart_shipping_costs %}
                    <div class="col-md-8 cart-shipping-costs-container">
                        <form name="precalc"
                              method="post"
                              action="{{ path('frontend.checkout.configure') }}"
                              data-form-auto-submit="true">

                            {% block page_checkout_cart_shipping_costs_csrf %}
                                {{ sw_csrf('frontend.checkout.configure') }}
                            {% endblock %}

                            {% block page_checkout_cart_shipping_costs_trigger %}
                                    <a class="btn btn-link cart-shipping-costs-btn"
                                       data-toggle="collapse"
                                       href="#collapseShippingCost"
                                       role="button"
                                       aria-expanded="false"
                                       aria-controls="collapseExample">
                                        {{ "checkout.shippingCosts"|trans|sw_sanitize }}
                                        {% block page_checkout_cart_shipping_costs_trigger_icon %}
                                            {% sw_icon 'arrow-medium-right' style { 'pack':'solid', 'size': 'sm' } %}
                                        {% endblock %}
                                    </a>
                            {% endblock %}

                            {% block page_checkout_cart_shipping_costs_form_group %}
                                <div class="collapse" id="collapseShippingCost">
                                    {% block page_checkout_cart_shipping_costs_form_group_country %}
                                        <div class="form-group">
                                            <label for="countryId">{{ "checkout.shippingCountry"|trans|sw_sanitize }}</label>
                                            <select class="custom-select" type="text" id="countryId" name="countryId">
                                                {% for country in page.countries %}
                                                    <option value="{{ country.id }}"
                                                        {% if country.id == context.shippingLocation.country.id %}selected="selected"{% endif %}>
                                                        {{ country.translated.name }}
                                                    </option>
                                                {% endfor %}
                                            </select>
                                        </div>
                                    {% endblock %}

                                    {% block page_checkout_cart_shipping_costs_form_group_payment_method %}
                                        <div class="form-group">
                                            <label for="paymentMethodId">{{ "checkout.paymentMethod"|trans|sw_sanitize }}</label>
                                            <select class="custom-select" type="text" id="paymentMethodId" name="paymentMethodId">
                                                {% for payment in page.paymentMethods %}
                                                    <option value="{{ payment.id }}"
                                                        {% if payment.id == context.paymentMethod.id %} selected="selected"{% endif %}>
                                                        {{ payment.translated.name }}
                                                    </option>
                                                {% endfor %}
                                            </select>
                                        </div>
                                    {% endblock %}

                                    {% block page_checkout_cart_shipping_costs_form_group_shipping_method %}
                                        <div class="form-group">
                                            <label for="shippingMethodId">{{ "checkout.shippingMethod"|trans|sw_sanitize }}</label>
                                            <select class="custom-select" type="text" id="shippingMethodId" name="shippingMethodId">
                                                {% for shipping in page.shippingMethods %}
                                                    <option value="{{ shipping.id }}"
                                                        {% if shipping.id == context.shippingMethod.id %} selected="selected"{% endif %}>
                                                        {{ shipping.translated.name }}
                                                    </option>
                                                {% endfor %}
                                            </select>
                                        </div>
                                    {% endblock %}
                                    <input type="hidden" name="redirectTo" value="frontend.checkout.cart.page">
                                </div>
                            {% endblock %}
                        </form>
                    </div>
                {% endblock %}
            </div>
        {% endblock %}
    {% endblock %}
{% endblock %}

{% block page_checkout_aside_actions %}
    <div class="checkout-aside-action">
        {% block page_checkout_cart_add_promotion %}
            <form action="{{ path('frontend.checkout.promotion.add') }}"
                  class="cart-add-promotion"
                  data-form-csrf-handler="true"
                  method="post">

                {% block page_checkout_cart_add_promotion_csrf %}
                    {{ sw_csrf('frontend.checkout.promotion.add') }}
                {% endblock %}

                {% block page_checkout_cart_add_promotion_forward %}
                    <input type="hidden"
                           name="forwardTo"
                           value="frontend.checkout.cart.page">
                {% endblock %}

                {% block page_checkout_cart_add_promotion_input_group %}
                    <div class="input-group checkout-aside-add-code">
                        {% block page_checkout_cart_add_promotion_label %}
                            <label class="sr-only" for="addPromotionInput">
                                {{ "checkout.addPromotionLabel"|trans|sw_sanitize }}
                            </label>
                        {% endblock %}

                        {% block page_checkout_cart_add_promotion_input %}
                            <input type="text"
                                   name="code"
                                   class="form-control"
                                   id="addPromotionInput"
                                   placeholder="{{ "checkout.addPromotionPlaceholder"|trans|striptags }}"
                                   aria-label="{{ "checkout.addPromotionLabel"|trans|striptags }}"
                                   aria-describedby="addPromotion"
                                   required="required">
                        {% endblock %}

                        {% block page_checkout_cart_add_promotion_submit %}
                            <div class="input-group-append">
                                <button class="btn btn-secondary"
                                        type="submit"
                                        id="addPromotion">
                                    {% sw_icon 'checkmark' %}
                                </button>
                            </div>
                        {% endblock %}
                    </div>
                {% endblock %}
            </form>
        {% endblock %}
    </div>

    {% block page_checkout_cart_action_proceed %}
        <div class="checkout-aside-action">
            <a href="{{ path('frontend.checkout.confirm.page') }}"
               class="btn btn-primary btn-block btn-lg"
               title="{{ "checkout.proceedLink"|trans|striptags }}">
                {{ "checkout.proceedLink"|trans|sw_sanitize }}
            </a>
        </div>
    {% endblock %}
{% endblock %}