<div class="patient-detalye">
    <div class="content-detail-container" style="border:none!important;">
        <div class="row max-width-initial">
            <div class="large-4 columns" id="patient-autocomplete-detail">
                <div class="page-detail" id="patient-detail-id"><span><strong>ID:</strong> {{ schedule.patient.id|default('') }}</span></div>
                <div class="page-detail" id="patient-detail-name"><span><strong>Full Name:</strong><a href="{{ path('patient_detail', {'patient_id': schedule.patient.id|default(0)|base64Encode}) }}" target="_blank"> {{ schedule.patient.fullName|default('') }}</a></span></div>
                <div class="page-detail" id="patient-detail-birthDate"><span><strong>Birth Date:</strong> {{ schedule.patient.birthDateAsString|default('') }}</span></div>
                <div class="page-detail" id="patient-detail-address"><span><strong>Address:</strong> {{ schedule.patient.address|default('') }}</span></div>
                <div class="page-detail" id="patient-detail-phn"><span><strong>PHN:</strong> {{ schedule.patient.personalHealthNo|default('') }}</span></div>
                <div class="page-detail" id="patient-detail-mobile"><span><strong>Mobile No(s):</strong> {{ schedule.patient.concatenatedMobileNo|default('') }}</span></div>
                <div class="page-detail" id="patient-detail-phone"><span><strong>Phone No(s):</strong> {{ schedule.patient.concatenatedPhoneNo|default('') }}</span></div>
                <div class="page-detail" id="patient-detail-insurance"><span><strong>Insurance(s):</strong> {{ schedule.patient.concatenatedPatientInsurance|default('') }}</span></div>
                <div class="page-detail" id="patient-detail-referring-health-facility"><span><strong>Insurance(s):</strong> {{ schedule.patient.concatenatedPatientInsurance|default('') }}</span></div>
                <div class="page-detail" id="patient-detail-referring-provider"><span><strong>Insurance(s):</strong> {{ schedule.patient.concatenatedPatientInsurance|default('') }}</span></div>
            </div>
            <div class="large-4 columns">
                <div id="chart-latest"><h5>Latest Chart</h5></div>
                <div class="page-detail" id="chart-detail-provider"><span><strong>Clinician:</strong> {{ latestChartDetails.provider|default('') }}</span></div>
                <div class="page-detail" id="chart-detail-health-facility"><span><strong>Branch:</strong> {{ latestChartDetails.healthFacility|default('') }}</span></div>
                <div class="page-detail" id="chart-detail-chart-type"><span><strong>Chart Type:</strong> {{ latestChartDetails.chartType|default('') }}</div>
                <div class="page-detail" id="chart-detail-chart-status"><span><strong>Chart Status:</strong> {{ latestChartDetails.chartStatus|default('') }}</div>
                <div class="page-detail" id="chart-detail-chart-date"><span><strong>Chart Date:</strong> {{ latestChartDetails.chartDate|default('') }}</div>
            </div>
            <div class="large-4 columns" id="branch-details">
                <div><h5>Branch Details</h5></div>
                <div class="page-detail" id="branch-detail-address"><span><strong>Address:</strong> {{ healthFacility.address|default('') }}</span></div>
                <div class="page-detail" id="branch-detail-mobileNos"><span><strong>Fax No(s):</strong> {{ healthFacility.concatenatedMobileNo|default('') }}</span></div>
                <div class="page-detail" id="branch-detail-phoneNos"><span><strong>Phone No(s):</strong> {{ healthFacility.concatenatedPhoneNo|default('') }}</span></div>
                {#<a id="view-details">View Details</a>
                <div style="width: 100%; overflow: auto;">
                    <table width="100%" id="distance-table" class="hide">
                        <thead onclick="calendar.closeTbody()">
                        <th>Branch</th>
                        <th nowrap>Distance</th>
                        <th>Duration</th>
                        </thead>
                        <tbody id="tbody-distance-table">
                        </tbody>
                    </table>
                </div>#}
            </div>
        </div>
    </div>
</div>
