{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 = 'Инфо';
												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("fast",0.4); 	  
														    var winH = $(window).height();
														    var winW = $(window).width();
														    var top = winH/2-$(id).height()/2+$(window).scrollTop();
															 top = top>0 ? top : 0;
															$(id).css('top', top );
															
														    $(id).css('left', winW/2-$(id).width()/2);
															$(id).fadeIn(1);

														}
													});

											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 print_checked() {
		document.getElementById('frData').submit();
		return;
	}
	function CheckXLS() {
		document.getElementById('action_type').value = 1;
		document.getElementById('frData').submit();
		return;
	}
	
</script>
<div id="tabs">
  <ul>
  {submenulist}
    <li {special}><a href="{url}"><span>{name}</span></a></li>
   {/submenulist}
  </ul>

</div>
<table class="content">
	<tr class="width100">
		<td class="spysok_brony"></td>
		<td id="blue_zagolovok">{caption_page_name}</td>
		<td class="td_btn w_mor">
		<div class="btn_button">
        	<div class="btn_type_03 icons_btn_type_03_xls btn_indent_03">
            	<a href="#" title="{btn_export_xls}" onClick="CheckXLS ();">
                    <div class="btn_type_03_left"></div>
                    <div class="btn_type_03_center">
                        <span class="btn_type_03_icon"></span>
                        <span class="btn_type_03_title">{btn_export_xls}</span>
                    </div>
                    <div class="btn_type_03_right"></div>
                </a>
            </div>
		</div>
 
		<div class="btn_button">
        	<div class="btn_type_03 icons_btn_type_03_printsmall btn_indent_03">
            	<a href="#" onClick="print_checked ();" title="{btn_print_small}">
                    <div class="btn_type_03_left"></div>
                    <div class="btn_type_03_center">
                        <span class="btn_type_03_icon"></span>
                        <span class="btn_type_03_title">{btn_print_small}</span>
                    </div>
                    <div class="btn_type_03_right"></div>
                </a>
            </div>
		</div>

		</td>

		<td class="round2"></td>
	</tr>
	<tr>
		<td class="left_design"></td>
		<td class="content_td" colspan="2">
		<!-- center block -->

			<form name="frmdata" id="frmdata" method="post"
				action="/bso/records_list/1">
<div class="out-gray-box">
<div class="gray-container-r">
<div class="inner-gray-box">

 <div class="spec-box">			
{caption_from}: <input id="bso_datein" size="10" name="bso_datein"
					type="text" value="{search_bso_datein}" class="forms" /> <input
					type="button" id="f_btn1" value="..." class="btn_forms" />
                    
</div>
<div class="spec-box">
					{caption_to}: <input id="bso_dateout" size="10" name="bso_dateout"
					type="text" value="{search_bso_dateout}" class="forms" /> <input
					type="button" id="f_btn2" value="..." class="btn_forms" />
</div>
<div class="spec-box">
				{caption_status}:
				<select name="bso_state" class="forms" >
				{select_bso_state}
				</select>
</div>
<div class="spec-box">
				{caption_printers}:
				<select name="account" class="forms" >
				{select_account}
				</select>				
</div>
<div class="spec-box">

        	<div class="btn_type_03 icons_btn_type_03_refresh m30">
            	<a href="" title="{btn_refresh}" onclick ="$('#frmdata').submit();return false;" >
                    <div class="btn_type_03_left"></div>
                    <div class="btn_type_03_center">
                        <span class="btn_type_03_icon"></span>
                        <span class="btn_type_03_title">{btn_refresh}</span>
                    </div>
                    <div class="btn_type_03_right"></div>
                </a>
            </div>
</div>
<div class="clear"></div>
</div>
</div>
</div>

            </form>

		<table class="table_content1">
			
			<tr class="topline">
				<th class="ctext">#</th>
				<th><input name="set" type="checkbox" value=""
						onclick="setChecked(this)" /></th>
				<th class="ctext">{caption_payment}</th>
				<th class="ctext">{caption_date}</th>
				<th class="ctext">{caption_sum}</th>
				<th class="ctext">{caption_receipt}</th>				
				<th class="ctext">{caption_print}</th>
				
			</tr>
			<form target="_blank" name="frData" id="frData" method="POST"
					action="/bso/print_checked">
					<input type="hidden" id="action_type" name="action_type" value="0">
			{List}
			<tr class="redline">
				<td class="ctext">{b}</td>
				<td class="ctext"><input class="checkitem" name="selected_bso[]" type="checkbox" value="{id}" /></td>
				<td class="ctext">{id_link}</td>
				<td class="ctext">{date}</td>
				<td class="rtext">{bso_total}</td>		
				<td class="ctext">{code} №{number}</td>
				<td class="ctext">{bso_state} {print_link}</td>
				

			</tr>

			{/List}
			
			</form>
		</table>
		
		<table cellpadding="0" cellspacing="0" border="0" class="width100">
			<tr>
				<td class="round_left"></td>
				<td class="center_design">
				<form method="post" action="/bso/records_list/1" name="frmdata2" id="frmdata2">
				<div class="container3">
				<div class="float_left">
				<p style="top: 0px;">{caption_page} <select name="pages"
							onChange="PageSubmit(this.value);">
							{pageList} {id} {/pageList}
						</select> {caption_of} {end} &nbsp;&nbsp; {caption_showby} {lines} {caption_onpage} 
						&nbsp;&nbsp; {leftpages}{rightpages} &nbsp;&nbsp;</p>
				</div>
				</div>
				</form>
				</td>

				<td class="round_right"></td>
			</tr>

		</table>
		<!-- #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>