{% if commerce.customer is not empty and commerce.customer.addresses is not empty %}
    <div class="form-group">
        <div class="dropdown addressbook" data-component="address-book">
            <button type="button" id="address_book_toggle" class="btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                Select a previous address
            </button>
            <div class="dropdown-menu" aria-labelledby="address_book_toggle">
                {% for address in commerce.customer.addresses %}
                    <a href="javascript:void(0)" class="dropdown-menu-item"
                         data-id="{{ address.id }}"
                         data-first-name="{{ address.firstName }}"
                         data-last-name="{{ address.lastName }}"
                         data-company="{{ address.company }}"
                         data-street="{{ address.street }}"
                         data-country-code="{{ address.countryCode }}"
                         data-region-code="{{ address.regionCode }}"
                         data-region-name="{{ address.regionName }}"
                         data-city="{{ address.city }}"
                         data-postcode="{{ address.postcode }}"
                         data-phone-number="{{ address.phoneNumber }}"
                    >
                        <strong>{{ address.firstName }} {{ address.lastName }}</strong><br>
                        {{ address.street }}, {{ address.city }} {{ address.postcode }}, {{ address.countryCode|canary_country }}
                    </a>
                {% endfor %}
            </div>
        </div>
    </div>
{% endif %}