{header_cssjs}
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="/js/datepicker.js" type="text/javascript" charset="UTF-8"
	language="javascript"></script>
<link rel="stylesheet" href="/css/datepicker.css" type="text/css" />

<script type="text/javascript">
	$(document)
			.ready(
					function() {
						var maskHeight = $(document).height();
						var maskWidth = $(window).width();

						$('.linkpayment')
								.click(
										function(e) {
											var result = $("#select-result")
													.empty();
											var data = new Array;
											var x = new Object;
											var ajaxlink;
											x.id = $(this).attr('ajax_id');
											x.checkevent = $(this).attr(
													'checkevent');
											if (x.checkevent == 'info') {
												document
														.getElementById("zaholovok").innerHTML = null;
												document
														.getElementById('zaholovok').innerHTML = '{caption_mau_titul}';
												x.paylist = 1;
												ajaxlink = "/reservations/ajax_payment_edit";
											}
											
											data.push(x);
											var id = $(this).attr('href');
											$
													.ajax({
														url : ajaxlink,
														data : ({
															reservations : data
														}),
														type : 'post',
														success : function(data) {

															//hide();
															result.html(data);

															show('tab1');

															$('#mask')
																	.css(
																			{
																				'width' : maskWidth,
																				'height' : maskHeight
																			});
															$('#mask')
																	.fadeTo(
																			"slow",
																			0.4);
															var winH = $(window)
																	.height();
															var winW = $(window)
																	.width();
															//		    alert(winH/2-$(id).height()/2);
															//		    alert($(id).height()/2);
															//		    alert(winH/2);

															var top = winH
																	/ 2
																	- $(id)
																			.height()
																	/ 2;
															if (top < 0) {
																top = 50;
															}
															$(id).css('top',
																	top);
															$(id)
																	.css(
																			'left',
																			winW
																					/ 2
																					- $(
																							id)
																							.width()
																					/ 2);
															$(id).fadeIn(1000);

														}
													});

											e.preventDefault();
											//alert(ajaxlink+x.id);
										});
						$('.window .close').click(function(e) {
							e.preventDefault();
							$('#mask, .window').hide();
						});
						
					});
</script>
</head>
<!-- header -->
{header}
<!-- #header -->
<script language="JavaScript" type="text/javascript">
	function PageSubmit(field)
	{
		window.location.href="/bso/records_list/"+field;
		//document.getElementById('frmdata').submit();
		//return;
	}
	
	function FormSubmit()
	{
		
		document.getElementById('frmdata2').submit();
	}
	
	function CheckDelete() {
		if (confirm("{caption_delete_records}?")) {
			document.getElementById('frData').submit();
		}

		return;
	}
</script>
<div id="tabs">
 <ul>
	<span><br><br></span>
</ul>
  

</div>
<table class="content">
	<tr class="width100">
		<td class="spysok_brony"></td>
		<td id="blue_zagolovok">{caption_appeal}</td>
		<td class="td_btn">


		</td>

		<td class="round2"></td>
	</tr>
	
	
	
	<tr>
		<td class="left_design"></td>
		<td class="content_td" colspan="2">
		<!-- center block -->
		{case_data}
		
		
        <div class="cases-st35">
		<table>
		<tr>
			<td>
				
					<table  class="cases-table-1">
						<tr>
							<td class="b">
                                <span>
                                {caption_status} 
                                </span>
                            </td>
							<td class="tdst5-right"><span>{caption_{back_status}}</span></td>
						</tr>																	
						<tr>
                        	<td colspan="2" class="cases-pad">
                            	<div class="cases-line1" style="height:1px; width:100%; background-color:#cbcbcb;"></div>                            	<div class="cases-line2" style="height:1px; width:100%; background-color:#fff;"></div>
                            </td>
						</tr>
						<tr>
							<td class="b">
                                <span>
                                {caption_theme}
                                </span>
                            </td>
							<td><span>{subject}</span></td>
						</tr>																		
						<tr>
                        	<td colspan="2" class="cases-pad">
                            	<div class="cases-line1" style="height:1px; width:100%; background-color:#cbcbcb;"></div>                            	<div class="cases-line2" style="height:1px; width:100%; background-color:#fff;"></div>
                            </td>
						</tr>
                    </table>
				

                    <p>
                        <button class="cases-send"><a href="#cases_send_message" title="" >{caption_write_message}</a></button>
                    </p>


				

                    
					<table class="cases-table-2">
						{messages}
						<tr>
							<td class="cases-first-td">																
								<div class="cases2-create_time">{message_authorfn}</div>
								<div class="cases2-create_time">{message_create_time}</div>								
							</td>
                            <td>
                            
								<div class="cases-message_text">{message_text} <br> {file_name} {file_link}</div>
                            </td>
						</tr>
						{/messages}
					</table>
					<h2 id="cases_send_message">{caption_message}</h2>
					<form action="/support/send_message" method="post" name="frData" id="frData" enctype="multipart/form-data">
					<input type="hidden" name="hmsid" value="{hotel_id}">
					<input type="hidden" name="caseid" value="{case_id}">
					<input type="hidden" name="authorfullname" value="{authorfullname}">
					<input type="hidden" name="authoremail" value="{authoremail}">
					<textarea name="text"  class="cases-textarea"></textarea>
					
					<h3>{caption_filename}:</h3>
<div>
<input type="file" name="upload_file" value="{caption_choose_file}">
</div>
					<br><br>
					<input type="submit" value="{caption_send_message}">
					</form>
       
        
<script type="text/javascript">
  $('.cases-send').click(function() {
     $('.cases-textarea').focus();
    });
</script>
			</td>
     	</tr>
	 </table>    
     </div>
     
	{/case_data}	
		

		

		<!-- #center block -->

		</td>
		<td class="right_design"></td>
	</tr>
	<tr>
		<td class="niz_left"></td>
		<td class="niz_center" colspan="2"></td>
		<td class="niz_right"></td>
	</tr>
</table>

{footer}

<script type="text/javascript">

				function setChecked(obj) {

					var check = document
							.getElementsByName("selected_bso[]");
					for ( var i = 0; i < check.length; i++) {
						check[i].checked = obj.checked;
					}
					updatePayTotal();
				}
			</script>
<script type="text/javascript">//<![CDATA[

      var cal = Calendar.setup({
          onSelect: function(cal) { cal.hide() },
          showTime: true
      });
      cal.manageFields("f_btn1", "bso_datein", "%Y-%m-%d");
      cal.manageFields("f_btn2", "bso_dateout", "%Y-%m-%d");
      

    //]]></script>