{header_cssjs}
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="/css/ui_custom.css" type="text/css" />
<script type="text/javascript">
$(document).ready(function() {   
    $('a[name=modal]').click(function(e) {
    e.preventDefault();
    var id = $(this).attr('href');
  
        var maskHeight = $(document).height();
    var maskWidth = $(window).width();
  
    $('#mask').css({'width':maskWidth,'height':maskHeight});
  
  /*  $('#mask').fadeIn(1000); */
    $('#mask').fadeTo("slow",0.4); 
  
    var winH = $(window).height();
    var winW = $(window).width();
  
   $(id).css('top',  winH/2-$(id).height()/1.15);
    $(id).css('left', winW/2-$(id).width()/2);
  
    $(id).fadeIn(1000); 
    //show('tab1'); 
   });
  
    $('.window .close').click(function (e) {
e.preventDefault();
    $('#mask, .window').hide();
    }); 
 
    $("#f_statuses").dropdownchecklist( { textFormatFunction: function(options) {
        var selectedOptions = options.filter(":selected");
        var countOfSelected = selectedOptions.size();
        switch(countOfSelected) {
            case 0: return "Выберите";
            case 1: return selectedOptions.text();
            case options.size(): return "Все";
            default: return countOfSelected + " статуса";
        }
    } });
  
    });  
</script>

    

<script type="text/javascript">
$(document).ready(function() {
	$('#category').change(function(e) {
    	 
    	var data = new Array; 		   
		var x=new Object;
		var ajaxlink;
		x.id=document.getElementById("category").value;
		//alert(x.id);
		ajaxlink = "/reservations/ajax_set_rooms";
		
		data.push(x);
		var id = $(this).attr('href');	
		$.ajax({
			url: ajaxlink,
            data: ({reservations : data}),
            type:'post',
            success: function(data) {			 
            //alert(data);
            document.getElementById("rooms").innerHTML = null;
            document.getElementById('rooms').innerHTML = data;
		    			
		  }         
			});    	

		e.preventDefault();
		//alert(ajaxlink+x.id);
    }); 
    
    $('.window .close').click(function (e) {
    	e.preventDefault();
    	    $('#mask, .window').hide();
    });  
});
</script>
<!-- header -->
{header}
<!-- #header -->

{submenu_block}

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

		<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>
		

		</td>

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





		

		<script language="JavaScript" type="text/javascript">
	function PageSubmit(field)
	{
		
		window.location.href="/reservations/RList/"+field;
	}
	function FormSubmit()
	{
		
		document.getElementById('frmdata2').submit();
	}

	function SortSubmit(sort)
	{
		if (sort == 31 || sort == 32)
			document.getElementById('sort_dateout').value = sort;
		if (sort == 11 || sort == 12)
			document.getElementById('sort_room').value = sort;
		if (sort == 21 || sort == 22)
			document.getElementById('sort_datein').value = sort;
		if (sort == 41 || sort == 42)
			document.getElementById('sort_duration').value = sort;
		if (sort == 51 || sort == 52)
			document.getElementById('sort_discount').value = sort;
		if (sort == 61 || sort == 62)
			document.getElementById('sort_balance').value = sort;
		if (sort == 71 || sort == 72)
			document.getElementById('sort_reservation').value = sort;

		document.getElementById('sortdata').submit();
	}
	
</script> <script type="text/javascript">
function setChecked(obj)
   {
   
   
   var check = document.getElementsByName("selected_reservation[]");
   for (var i=0; i<check.length; i++)
      {
      check[i].checked = obj.checked;
      }
   }
</script>
		<table class="table_content1">
			<form action="/reservations/RList/1" id="sortdata" name="sortdata"
				method="post"><input type="hidden" id="sort_room"
				name="sort_room" value=""><input type="hidden"
				id="sort_datein" name="sort_datein" value=""><input
				type="hidden" id="sort_dateout" name="sort_dateout" value="">
			<input type="hidden" id="sort_discount" name="sort_discount" value="">
			<input type="hidden" id="sort_duration" name="sort_duration" value="">
			<input type="hidden" id="sort_balance" name="sort_balance" value="">
			<input type="hidden" id="sort_reservation" name="sort_reservation"
				value=""></form>
			<tr class="topline">
				<th>#</th>
				<th><input name="set" type="checkbox" value=""
					onclick="setChecked(this)" /></th>
				<th class="min_width">
				<div class="btn_filter_container"><span
					class="btn_filter_container_span">{caption_order}</span></div>
				</th>
				<th class="min_width"><div class="btn_filter_container"><span
					class="btn_filter_container_span">{caption_guest}</span></div></th>

				<th class="min_width">
				<div class="btn_filter_container"><span
					class="btn_filter_container_span">{caption_room}</span></div>
				</th>
				<th class="ctext"><div class="btn_filter_container"><span
					class="btn_filter_container_span">{caption_status}</span></div></th>
				<th class="min_width">
				<div class="btn_filter_container"><span
					class="btn_filter_container_span">{caption_discount}</span></div>
				</th>
				{state_caption}
				<th nowrap class="min_width">
				<div class="btn_filter_container"><span
					class="btn_filter_container_span">{caption_balance}</span></div>
				</th>
				<th nowrap class="min_width"><div class="btn_filter_container"><span
					class="btn_filter_container_span">{caption_sum}</span></div></th>
				<th class="min_width">
				<div class="btn_filter_container"><span
					class="btn_filter_container_span">{caption_checkin}</span></div>
				</th>
				<th class="min_width">
				<div class="btn_filter_container"><span
					class="btn_filter_container_span">{caption_days}</span></div>
				</th>
				<th class="min_width">
				<div class="btn_filter_container"><span
					class="btn_filter_container_span">{caption_checkout}</span></div>
				</th>
				<!-- <th>Дата создания</th> -->

			</tr>
			<form name="frData" id="frData" method="POST"
				action="/reservations/OpenXlsRlist">{reservationList}
			<tr class="{isread_class}">
				<td class="ctext">{b}</td>
				<td class="ctext"><input name="selected_reservation[]"
					type="checkbox" value="{reservation_id}" /></td>

				<td class="ctext"><a
					href="/reservations/ReservationViewForm/{reservation_id}">{reservation_id}</a></td>
				<td class="ctext">{firstname} {lastname}</td>

				<td class="ctext">{room} "{type}"</td>
				<td class="ctext">{status_name}</td>
				<td class="ctext">{discount}</td>
				{state}



				<td class="ctext">{balance}</td>
				<td class="ctext">{reservation_amount}</td>
				<td class="ctext">{datein}</td>
				<td class="ctext">{duration}</td>
				<td class="ctext">{dateout}</td>
				<!-- <td class="ctext">{date}</td> -->

			</tr>
			{/reservationList}
			</form>
			<tr class="redline">

				<td colspan="6">{caption_totalsum}</td>
				<td class="ctext">{sum_discount}</td>
				<td class="ctext">{sum_balance}</td>
				<td class="ctext">{sum_amount}</td>
				<td class="ctext">&nbsp;</td>
				<td class="ctext">{sum_duration}</td>
				<td colspan="2">&nbsp</td>
			</tr>

		</table>


		

		<!-- #center block --> <script language="JavaScript"
			type="text/javascript">
	
	function FormSubmit()
	{
		
		document.getElementById('frmdata2').submit();
	}
	function CheckXLS()
	{
			document.getElementById('frData').submit();
			return;
	}
	
	function New_marker()
	{
		document.getElementById('frData').action = "/reservations/UnsetNewStatus";
			document.getElementById('frData').submit();
			return;
	}
</script>
<ul class="btn2_content">
<li><a href="#" onClick="New_marker ();"><span>{caption_removeasnew}</span></a></li>
</ul>
		
		<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>
		</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">//<![CDATA[

      var cal = Calendar.setup({
          onSelect: function(cal) { cal.hide() },
          showTime: true
      });
      //cal.setLanguage("ru");
      cal.manageFields("f_btn1", "datein", "%Y-%m-%d");
      cal.manageFields("f_btn2", "dateout", "%Y-%m-%d");
      cal.manageFields("f_btn3", "date", "%Y-%m-%d");
      

    //]]></script>