<div data-role="header" class="ui-header ui-bar-a ui-corner-top">
    <h1 class="ui-title" role="heading">Patient Contact Details</h1>
</div>
<div data-role="content" class="ui-content ui-corner-bottom">
    <% if (typeof error !== "undefined" && error !== "") { %>
    <h3 class="popup-alert">
        <span class="alert-icon"></span>
        <span>
            <p>Error retrieving patient contact details.</p>
            <p>Please try again later.</p>
        </span>
    </h3>
    <% } else { %>
    <ul data-role="listview" data-inset="true">
        <li><span class="fieldname">Email Address</span><span class="fieldvalue"><%- emailAddress %></span></li>
        <li><span class="fieldname">Home Phone Number</span><span class="fieldvalue"><%- phoneNumberHome %></span></li>
        <li><span class="fieldname">Work Phone Number</span><span class="fieldvalue"><%- phoneNumberWork %></span></li>
        <li>
            <span class="fieldname">Address</span>
            <span class="fieldvalue">
                <span class="patient-address"><%- address.streetAddressLine1 %></span>
                <span class="patient-address"><%- address.city %>, <%- address.state %> <%- address.zip %></span>
            </span>
        </li>
    </ul>
    <% } %>
    <button data-role="none" id="patient-details-done-btn" class="ui-btn ui-shadow ui-btn-corner-all ui-btn-up-b ui-btn-up-undefined">Done</button>
</div>