<div class="ui-body ui-body-b">
    <fieldset class="ui-grid-a">
        <div class="ui-block-a ctn-padding5">
        <% if (inUse) { %>
            <% if (lockedByUser) { %>
            <span>You are currently processing this record.</span>
            <% } else { %>
            <span>This record is in use by <%-inUse.firstName %> <%-inUse.lastName %>.</span>
            <% } %>
        <% } else { %>
            <span>When in process, this request will be <strong>locked</strong> for other users.</span>
        <% } %>
        </div>
        <% if(!inUse || ( inUse && lockedByUser) ) { %>
        <div class="ui-block-b">
            <button id="process-request" class="<% if (typeof className !== 'undefined' ) { %><%- className %> <% } %>ui-btn ui-btn-up-b ui-shadow ui-btn-corner-all" data-role="none" disabled>
                <span class="ui-btn-inner"><span class="ui-btn-text">
                <% if (typeof title !== "undefined") { %>
                    <%- title %>
                <% } else { %>
                    BOOK APPOINTMENT
                <% } %>
                </span></span>
            </button>
        </div>
        <% } %>
    </fieldset>
</div>

