<div class="user-address {{mod}} {{#if isSelected}}js-selectable_selected{{/if}}">
    <div class="row">
        <div class="user-address__content">
            <h4 class="user-address__title">{{title}}</h4>
            <div class="row">
                <div class="user-address__address">
                    {{{address}}}
                </div>
                <div class="user-address__phone">
                    {{{phone}}}
                </div>
            </div>
        </div>
        <div class="user-address__actions">
            {{#if withRemoveBtn}}
      <button class="btn btn-secondary">
        <span class="btn__text">
          <span class="icon"><span class="fas fa-trash"></span></span>
          Remove
        </span>
      </button>
            {{/if}}
            {{#if editUrl}}
                <a href={{editUrl}} class="btn btn-secondary">
        <span class="icon"><span class="fas fa-edit"></span></span>
        <span class="btn__text">Edit</span>
      </a>
            {{/if}}
            {{#if modal}}
      <a href class="btn btn-secondary mb-2" data-toggle="modal" data-target="#{{modal}}">
        <span class="icon"><span class="fas fa-edit"></span></span>
        <span class="btn__text">Edit</span>
      </a>
            {{/if}}

            {{#if isDefault}}
                <p class="mb-0 mt-4">Default</p>
            {{/if}}
        </div>
        {{#if isDeleted}}
            <div class="col-12">
                <div class="user-address__delete">
                    <p class="delete-heading">Delete this delivery address?</p>
                    <a href="#" class="btn btn-secondary">
                        <span class="btn__text">Cancel</span>
                    </a>
                    <a href="#" class="btn btn-primary">
                        <span class="btn__text">Yes, delete</span>
                    </a>
                    <p class="delete-warning">You will not be able to undo this action</p>
                </div>
            </div>
        {{/if}}
  </div>
</div>