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

{% set checkout_step = 'select_payment' %}

{% block checkout_content %}
    {{ form_start(form, {'attr': {'novalidate': 'novalidate'}}) }}
        {{ form_row(form._token) }}
        <div class="row">
            <div class="col-md-8">
                {% if form.paymentMethod|length %}
                    <h2>Payment Method</h2>

                    <div class="checkout-method">
                        {% for key, child in form.paymentMethod %}
                            {% set method = form.paymentMethod.vars.choices[key].data %}
                            <label class="checkout-method-item">
                                <div class="checkout-method-field">{{ form_widget(child, {'label': false}) }}</div>
                                <div class="checkout-method-content">
                                    <div class="checkout-method-content-title">{{ method.name }}</div>
                                    {% if method.description %}
                                        <div class="checkout-method-content-description">{{ method.description|raw }}</div>
                                    {% endif %}
                                </div>
                            </label>
                        {% endfor %}
                    </div>
                {% else %}
                    <div class="alert alert-warning">
                        <h3 class="alert-heading">Warning</h3>
                        <p>There are currently no payment methods available for your order.</p>
                    </div>
                {% endif %}
            </div>
        </div>

        <div class="checkout-nav">
            <a href="{{ path('checkout_select_shipping') }}" 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 %}