<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Appointments List</title>
<style>
h4, p, h5 {
text-align: center;
margin: 0 0 10px 0;
}
table {
border: none;
width: 100%;
}
table th, table td {
border: 1px solid #444;
border-left: none;
text-align: center;
}
table th:first-child {
border-left: 1px solid #444;
}
table td:first-child {
border-left: 1px solid #444;
}
.notes {
max-width: 250px;
word-break: break-all;
}
.width-change {
min-width: 70px;
}
li {
text-align: left;
padding-left: 2px;
}
</style>
</head>
<body>
<div>
<div>
<h4>{{::'APPOINTMENT_LIST' | translate}}</h4>
<h5 ng-if="!searchedPatient">{{::'APPOINTMENT_DATE' | translate}} {{::startDate | bahmniDate}}</h5>
<table cellpadding="2" cellspacing="0">
<thead>
<tr>
<th>{{::'APPOINTMENT_PATIENT_ID' |translate}}</th>
<th class="table-mid-width">{{::'APPOINTMENT_PATIENT_NAME' |translate}}</th>
<th ng-if="searchedPatient" class="width-change">{{::'APPOINTMENT_DATE' |translate}}</th>
<th class="width-change">{{::'APPOINTMENT_START_TIME_KEY' |translate}}</th>
<th class="width-change">{{::'APPOINTMENT_END_TIME_KEY' |translate}}</th>
<th class="table-mid-width">{{::'APPOINTMENT_PROVIDER' |translate}}</th>
<th>{{::'APPOINTMENT_SERVICE' |translate}}</th>
<th class="table-mid-width" ng-if="enableServiceTypes">{{::'APPOINTMENT_SERVICE_TYPE_FULL' |translate}}</th>
<th class="table-mid-width">{{::'APPOINTMENT_SERVICE_LOCATION_KEY' |translate}}</th>
<th>{{::'APPOINTMENT_STATUS' |translate}}</th>
<!--<th>{{::'APPOINTMENT_ADDITIONAL_INFO' |translate}}</th>
<th ng-repeat-start="columnValue in additionalInfoColumns" class="table-mid-width" ng-repeat-end>'APPOINTMENT_ADDITIONAL_INFO_COLUMN_'+columnValue.toUpperCase() \ translate</th>
<th class="notes">{{::'APPOINTMENT_COMMENTS' |translate}}</th>-->
</tr>
</thead>
<tbody>
<tr ng-repeat="appointment in filteredAppointments">
<td>{{::appointment.patient.identifier}}</td>
<td class="table-mid-width">{{::appointment.patient.name | titleCase}}</td>
<td ng-if="searchedPatient">{{::appointment.startDateTime | bahmniDate}}</td>
<td>{{::appointment.startDateTime | bahmniTime}}</td>
<td>{{::appointment.endDateTime | bahmniTime}}</td>
<td class="table-mid-width">
<ul>
<li type="1" ng-repeat="appProvider in appointment.providers" ng-if="appProvider.response != 'CANCELLED'">
<label>{{::appProvider.name}}</label>
</li>
</ul>
</td>
<td>{{::appointment.service.name}}</td>
<td class="table-mid-width" ng-if="enableServiceTypes">{{::appointment.serviceType && (appointment.serviceType.name + ' [' + appointment.serviceType.duration + ' min]')}}</td>
<td class="table-mid-width">{{::appointment.location.name}}</td>
<td>{{::appointment.status}}</td>
<!-- <td ng-show="hasAdditionalInfoColumnsEntered()" class="table-mid-width">{{display(appointment.additionalInfo)}}</td>
<td ng-repeat-start="columnValue in additionalInfoColumns" class="table-mid-width" ng-repeat-end>{{displayNewColumns(appointment.additionalInfo, columnValue)}}</td>
<td class="notes">{{::appointment.comments}}</td>-->
</tr>
</tbody>
</table>
</div>
</div>
</body>
</html>