<div class="user-address {{mod}} {{#if isSelected}}js-selectable_selected{{/if}}">
    <div class="row">
        <div class="user-address__content">
            {{#if tradePro}}
              <h4 class="user-address__title">
                <span class="acc-icon">
                  <i class="{{iconClass}}"></i>
                </span>
                {{title}}
              </h4>
            {{else}}
              <h4 class="user-address__title">Address</h4>
            {{/if}}
            {{#if selectedAddress}}
              <div class="selected-address">
                {{> radiobutton label="Use this delivery address" name="r1" id="r1" checked="true"}}
              </div>
            {{/if}}
            <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 btn-remove-address" style="">
                    <span class="btn__text">
                        <span class="fas fa-trash"></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" 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 isOnAccount}}
                <label class="rbn" for="" name="checkout-address-radio">
                    <input type="radio" name="" value="" id="" checked="">
                    <ins></ins>
                    <span>
			    		Set as default</span>
                </label>
            {{else}}
                {{#if isDefault}}
                    <div class="default-mark-full">
                        Default
                    </div>
                {{/if}}
            {{/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>
{{#if isSelected}}
    <a href="./page_checkout_delivery-details.html" class="btn_full btn btn-action checkout-widget__outer-button btn-delivery-details d-md-show-down mb-3">Continue to delivery details
      <span class="icon">
        <i class="fas fa-arrow-right"></i>
      </span>
    </a>
{{/if}}
