<%
  var _addr     = locals.address  || {};
  var _selected = locals.selected || false;
  var _editHref = locals.editHref || null;
  var _deleteAction = locals.deleteAction || null;

  var cityLine    = [_addr.city, _addr.state, _addr.postalCode].filter(Boolean).join(', ');
  var countryLine = [_addr.country, _addr.countryCode ? '(' + _addr.countryCode + ')' : ''].filter(Boolean).join(' ');
  var borderClass = _selected
    ? 'border-primary ring-2 ring-primary ring-offset-1'
    : 'border-border';
%>

  <% if (_selected !== undefined) { %>
  
    <% if (_selected) { %><% } %>
  
  <% } %>

  <% if (_addr.fullName) { %>
  

    
    <%= _addr.fullName %>
  
  <% } %>

  

    
    

      
<%= _addr.addressLine1 %>
      <% if (_addr.addressLine2) { %>
<%= _addr.addressLine2 %>
<% } %>
      <% if (cityLine)           { %>
<%= cityLine %>
<% } %>
      <% if (countryLine)        { %>
<%= countryLine %>
<% } %>
    
  

  <% if (_addr.phone) { %>
  

    
    <%= _addr.phone %>
  
  <% } %>

  <% if (_editHref || _deleteAction) { %>
  

    <% if (_editHref) { %>
    <%- include('../../../ui/Button', {
      element: 'a',
      variant: 'ghost',
      size: 'xs',
      href: _editHref,
      className: 'text-primary hover:text-primary-hover',
      children: 'Edit'
    }) %>
    <% } %>
    <% if (_deleteAction) { %>
    

      <%- include('../../../ui/Button', {
        type: 'submit',
        variant: 'ghost',
        size: 'xs',
        className: 'text-error hover:opacity-80',
        children: 'Delete'
      }) %>
    
    <% } %>
  
  <% } %>