<div class="flex flex-col gap-1">
    <span>
        {{ address.name }}
    </span>
    <span>
        {{ address.company }}
    </span>
    <span>
        {{ address.addressLine1 }}
    </span>
    <span>
        {{ address.addressLine2 }}
    </span>
    <span>
        {{ address.city }}
        ,
        {{ address.state }}
        {{ address.zip }}
    </span>
    <span>
        {{ address.phone }}
    </span>
    {% if edit_url is not null %}
        <a href="{{ edit_url }}" onclick="event.preventDefault(); document.getElementById('edit-form-{{ address.id }}').submit();">
            Edit
        </a>
        <form id="edit-form-{{ address.id }}" action="{{ edit_url }}" method="post" style="display: none;">
            <input type="hidden" name="address_id" value="{{ address.id }}" />
        </form>
    {% endif %}
    {% if delete_url is not null %}
        <a href="#delete-modal-{{ address.id }}">
            Delete
        </a>
        {% include 'lib/modal.twig' with {
            id: 'delete-modal-' ~ address.id,
            content: 'lib/modals/confirm_delete_address.twig',
        } %}
        <form id="delete-form-{{ address.id }}" action="{{ delete_url }}" method="post" style="display: none;" />
        <input type="hidden" name="address_id" value="{{ address.id }}"></form>
    {% endif %}
</div>
