<div class="details">
<h3 class="txt-header-m1">Clinic Details</h3>
<ul data-role="listview" data-inset="true" data-theme="c">
    <li><span class="fieldname">Clinic</span><span class="fieldvalue"><%- clinicName %></span></li>
    <li><span class="fieldname">Ask For Check In</span><span class="fieldvalue"><%- askForCheckIn %></span></li>
</ul>
<h3 class="txt-header-m1">Appointment Details</h3>
<ul data-role="listview" data-inset="true" data-theme="c">
    <li><span class="fieldname">Current Status</span><span class="fieldvalue"><%- currentStatus %></span></li>
    <li><span class="fieldname">Type</span><span class="fieldvalue"><%- type %></span></li>
    <li><span class="fieldname">Date</span><span class="fieldvalue"><%- appointmentDate %></span></li>
    <li><span class="fieldname">Time</span><span class="fieldvalue"><%- appointmentTime %></span></li>
    <li><span class="fieldname">Length</span><span class="fieldvalue"><% if (typeof apptLength !== "undefined") { %><%- apptLength %> mins<% } %></span></li>
    <li><span class="fieldname">Booking Notes</span><span class="fieldvalue"><%- bookingNote %></span></li>
</ul>
</div>