<%@ include file="/includes.jsp"%>
<style type="text/css">
    .contentPopup {
		display: none;
		position: fixed;
		height: 400px;
		width: 700px;
		overflow: scroll;
		border: 2px solid #668B8B;
		z-index: 2;
		padding: 2px 0px 0px 0px;
		font-size: 13px;
		background-color: white;
	}
</style>
<script>
function lockMeeting() {
   location.href="lockMeeting.form";
}
</script>
<div id="lockMeetingId" class="contentPopup">
<table align="center" border="0" bordercolor="#b4b4b4" width="100%"
	id="lockMeetingTable">
	<tr><td colspan="2">&nbsp;<br/></td></tr>
	<tr>
		<th align="left" width="15%"  style="padding-left: 10px;">Meeting title:</th>
		<th align="left" width="80%"><c:out value="${meetingForm.meeting.title }"/></th>
	</tr>
	<tr><td colspan="2">&nbsp;<br/></td></tr>
	<tr>
		<th align="left" width="15%"  style="padding-left: 10px;">Date and Time:</th>
		<th align="left" width="80%"  >
			<fmt:formatDate value="${meetingForm.meeting.date}" type="date" pattern="dd MMM yyyy" />&nbsp;
			<fmt:formatDate pattern="HH:mm"  value="${meetingForm.meeting.date}" />
		</th>
	</tr>
	<tr>
		<td colspan="2" align="left"  style="padding-left: 10px;">
			<h3>You are about to lock this meeting: this will mean that no further changes will be possible to the following:</h3>
		</td>
	</tr>
	
	<tr>
		<td colspan="2" style="padding-left: 30px;">
			<ul>
				<li>MDM Notes forms for each patient in the meeting will be locked
				<li>Patients in the meeting
				<li>Attendees in the meeting
				<li>Meeting details, such as date, time, location
			</ul>
		</td>
	</tr>
	<tr>
		<th colspan="2" align="left"  style="padding-left: 10px;"><h2>This change is not reversible.</h2></th>
	</tr>
	<tr>
		<td colspan="2" align="left"  style="padding-left: 10px;"><h4>Please confirm that you want to proceed:</h4></td>
	</tr>
	<tr>
		<td style="padding-left: 100px;"><input type="button" value="Yes, Lock the Meeting" onclick="lockMeeting();" style="color: red;" /></td>
		<td align="left"><input type="button" value="Cancel" onclick="disablePopup('lockMeetingId', '');" /></td>
	</tr>
	</table>
</div>
<div id="backgroundPopup" class="backgroundPopup"></div>
<!--pop up window end here  -->