{% extends 'checkout/layout.html.twig' %}

{% set checkout_step = 'address' %}

{% block checkout_content %}
    {{ form_start(form, {'attr': {'novalidate': 'novalidate'}}) }}
        {{ form_row(form._token) }}
        <div class="row">
            <div class="col-md-6">
                <h2>Shipping Address</h2>
                {% include 'checkout/partials/address_book.html.twig' %}
                {% if form.customer is defined %}
                    {{ form_row(form.customer.email, {'help': 'Have an account? <a href="' ~ path('login') ~ '">Login</a>', 'help_html': true}) }}
                {% endif %}
                {% include 'checkout/partials/address_form.html.twig' with {'form': form.shippingAddress} %}

                {% set toggleOptions = {'target': '#billing_address', 'placeholder': '#billing_address_placeholder'}|json_encode %}
                {{ form_row(form.differentBillingAddress, {'widget_attr': {'attr': {'data-component': 'toggle', 'data-toggle': toggleOptions}}}) }}
            </div>

            <div class="col-md-6">
                <h2>Billing Address</h2>
                <div id="billing_address" style="display: none">
                    {% include 'checkout/partials/address_book.html.twig' %}
                    {% include 'checkout/partials/address_form.html.twig' with {'form': form.billingAddress} %}
                </div>
                <div id="billing_address_placeholder" style="display: none">
                    <p>Same as shipping address.</p>
                </div>
            </div>
        </div>

        <div class="checkout-nav">
            <a href="{{ path('cart_show') }}" class="btn btn-secondary">&larr;&nbsp; Back</a>
            <button type="submit" class="btn btn-primary">Next &nbsp;&rarr;</button>
        </div>
    {{ form_end(form, {'render_rest': false}) }}
{% endblock %}