{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">
	function updatePayTotal() {
		var total = 0;
		var balance = 0;
		var need_pay_amount = 0;
		$(".checkitem:checked").each(function() {
			total += parseInt($(this).attr('amount'), 10);
			balance += parseInt($(this).attr('balance'), 10);
		});
		//$("#pay_summ").val(total);
		if(balance < 0){
			//alert("min");
			$("#pay_amount_form").val(balance*-1);
		}else{
			//alert("max");
			$("#pay_amount_form").val(0);
		}
		
		$("#servicemain_summ").html(total);
		$("#modal_balance").html(balance);

	}

	$(document).ready(function() {
		 $("#id_quest").keydown(function(event) {
		        // Разрешаем: backspace, delete, tab и escape
		        if ( event.keyCode == 46 || event.keyCode == 8 || event.keyCode == 9 || event.keyCode == 27 || 
		             // Разрешаем: Ctrl+A
		            (event.keyCode == 65 && event.ctrlKey === true) || 
		             // Разрешаем: home, end, влево, вправо
		            (event.keyCode >= 35 && event.keyCode <= 39)) {
		                 // Ничего не делаем
		                 return;
		        }
		        else {
		            // Обеждаемся, что это цифра, и останавливаем событие keypress
		            if ((event.keyCode < 48 || event.keyCode > 57) && (event.keyCode < 96 || event.keyCode > 105 )) {
		                event.preventDefault(); 
		            }   
		        }
		    });
		$('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'); 
		});

		$(".checkitem").click(function() {
			updatePayTotal();
		});

		$('.linkdeletecliks').click(function(e) {

			var result = $("#select-result").empty();
			$('#mask').css({
				'width' : maskWidth,
				'height' : maskHeight
			});
			$('#mask').fadeTo("slow", 0.4);
			var winH = $(window).height();
			var winW = $(window).width();
			$(id).css('top', winH / 2 - $(id).height() / 2);
			$(id).css('left', winW / 2 - $(id).width() / 2);
			$(id).fadeIn(1000);

		});

		$('.linkcliks').click(function(e) {

			var result = $("#select-result").empty();
			$('#mask').css({
				'width' : maskWidth,
				'height' : maskHeight
			});
			$('#mask').fadeTo("slow", 0.4);
			var winH = $(window).height();
			var winW = $(window).width();
			$(id).css('top', winH / 2 - $(id).height() / 2);
			$(id).css('left', winW / 2 - $(id).width() / 2);
			$(id).fadeIn(1000);

		});

		$('.window .close').click(function(e) {
			e.preventDefault();
			$('#mask, .window').hide();
			//document.getElementById("pay_summ").value = "";
		});

		$("#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 + " статуса";
				}
			}
		});
		
		 $("#f_categories").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 -->

    <div class="wrapper">
    {submenu_block}
    </div>
</header>

<div class="wrapper">
	<div id="title-and-btn">
    	<div class="btn-left">
        	<div class="btn-question">
            	<a href="" title=""></a>
            </div>    
        </div>
    	<div class="btn-right">
        	<div class="btn-xls">
				<a href="#" onClick="CheckXLS ();">{caption_export}</a>
            </div> 
        	<div class="btn-pay">
				<a href="#dialog3" class="linkdeletecliks" name="modal">{caption_make_payment}</a>
            </div> 
        	<div class="btn-remove">
				<a href="#" onClick="CheckDelete ();">{caption_delete}</a>
            </div>  
        	<div class="btn-group">
				<a href="#dialog2" name="modal" class="linkcliks">{caption_group}</a>
            </div>  
        </div>
    	<div class="main-title">
        	<h2>{caption_page_name}</h2>
        </div>
    </div>
</div>

<div class="wrapper">
	<div id="content">  
        <div class="main-filter">
            <form name="frmdata" id="frmdata" method="post"	action="/reservations/RList/1" class="style-form-new">      
        	<div class="input-wrapper-scroll">
                <p class="p-for-label">
                    <label>
                        {caption_from}
                        <input id="datein"  name="datein" type="text" value="{search_datein}"  />
                        <input type="button" id="f_btn1" value="..."  />
                    </label>
                </p>
            </div>          
        	<div class="input-wrapper-scroll">
                <p class="p-for-label">
                    <label>
                        {caption_to}
                        <input class="forms"  id="dateout" name="dateout" type="text" value="{search_dateout}"/>
                        <input type="button" id="f_btn2" value="..."/>
                    </label>
                </p>
            </div>          
        	<div class="input-wrapper-scroll">
            	<div class="spec-box" style="display:inline-block;"> {caption_status} {status_select} </div>                
            </div>           
        	<div class="input-wrapper-scroll">
            	<div class="spec-box">{caption_category} {search_categories}</div>
            </div>         
        	<div class="input-wrapper-scroll">
                <p class="p-for-label">
                    <label>
                        {caption_room}                        
                        <select id="rooms" name="room">
							{rooms}
						</select>
                    </label>
                </p> 
            </div>   
        	<div class="input-wrapper-scroll">
                <p class="p-for-label">
                    <label>
                        {caption_date_range}
                        {date_type_select}
                    </label>
                </p> 
            </div>             
        	<div class="input-wrapper-scroll">
                <p class="p-for-label">
                    <label>                        
                        {caption_dealers} {search_dealers}
                    </label>
                </p>
            </div>  
        	<div class="input-wrapper-scroll">
                <p class="p-for-label">
                    <label>
                        {caption_assigned_to}
                        <select id="user" name="user">
							{users}
						</select>
                    </label>
                </p> 
            </div>               
        	<div class="input-wrapper-scroll">
                <p class="p-for-label">
                    <label>
                        {caption_guest_id}                        
                        <input class="forms" size="10" id="id_quest" name="id_quest" type="text" value="{search_id_quest}" />
                        <input type="button" class="button_clear" onclick="id_quest.value=''" value="X"/>
                    </label>
                </p> 
            </div>         
        	<div class="input-wrapper-scroll">
                <p class="p-for-label">
                    <label>
                        {caption_group_id}
                        <input class="forms" size="10" id="id_group" name="id_group" type="text" value="{search_id_group}" />
                        <input type="button" class="button_clear" onclick="id_group.value=''" value="X"/>
                    </label>
                </p> 
            </div>   
        	<div class="input-wrapper-scroll">
                <p class="p-for-label">
                    <label>
                    	{caption_discount}
                        <input type="checkbox" {discount_rlist} name="discount_rlist" value="1" class="chek-box" /> 
                    </label>
                </p>
            </div>               
        	<div class="input-wrapper-scroll">
            	<button class="btn-blue" onclick="$('#frmdata').submit();return false;">Обновить</button>							
            </div>
            </form>            
        </div>
    	<div class="table-simple">    
        
        			 <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;
					}
					updatePayTotal();
				}
			</script>
            
            <table class="table-new">            
        	<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> 
                <thead>
                    <tr class="table-simple-thead">
                        <td><span>№</span></td>
                        <td class="table-simple-checkbox">
                            <span>
                            <input name="set" type="checkbox" value="" onclick="setChecked(this)" />
                            </span>
                        </td>
                        <td class="table-simple-thead-order">
                            
						<div class="btn_filter_container">
							<span class="btn_filter_container_span">{caption_order}</span>{img_sort_reservation}
						</div>
                        </td>
                        <td><span>{caption_guest}</span></td>
                        <td><span>{caption_dealer}</span></td>
                        <td>                        
                            <div class="btn_filter_container">
                                <span class="btn_filter_container_span">{caption_room}</span>{img_sort_room}
                            </div>
                        </td>
                        <td><span>{caption_status}</span></td>
                        <td>
                            <div class="btn_filter_container">
                                <span class="btn_filter_container_span">{caption_discount}</span>{img_sort_discount}
                            </div>                        
                        </td>
						{state_caption}
                        <td>                        
                            <div class="btn_filter_container">
                                <span class="btn_filter_container_span">{caption_balance}</span>{img_sort_balance}
                            </div>
                        </td>
                        <td><span>{caption_sum}</span></td>
                        <td>                        	
                            <div class="btn_filter_container">
                                <span class="btn_filter_container_span">{caption_checkin}</span>{img_sort_datein}
                            </div>
                        </td>
                        <td>                        
                            <div class="btn_filter_container">
                                <span class="btn_filter_container_span">{caption_days}</span>{img_sort_duration}
                            </div>
                        </td>
                        <td>                        	
                            <div class="btn_filter_container">
                                <span class="btn_filter_container_span">{caption_checkout}</span>{img_sort_dateout}
                            </div>
                        </td>
                    </tr>
                </thead>
                
				<form name="frData" id="frData" method="POST"
					action="/reservations/OpenXlsRlist">
					<input type="hidden" id="delete_res" name="delete_res" value="0">
					<input type="hidden" id="action_type" name="action_type" value="0">
					<input type="hidden" id="pay_amount" name="pay_amount"
						value="0"> 
						<input type="hidden" id="operationtime" name="operationtime"
						value="0"> 
					<input type="hidden" id="id_partner_form" name="id_partner"
						value="0"> <input type="hidden" id="type_form" name="type"
						value="0"> {reservationList}
                <tbody>
                    <tr class="table-simple-tbody {isread_class}">
                        <td>{b}</td>
                        <td class="table-simple-checkbox">
                            <span>
                            <input class="checkitem" amount="{reservation_amount_raw}" balance="{reservation_balance_raw}" name="selected_reservation[]" type="checkbox" value="{reservation_id}" />
                            </span>
                        </td>
                        <td>
                        	<a href="/reservations/ReservationViewForm/{reservation_id}">{reservation_id}</a>
							{group_link} {review_mark_str}
                        </td>
                        <td>
                        	<a href="/reservations/GuestView/{id}">{firstname}
							{lastname}</a> {totalnight}
                        </td>
                        <td><span>{dealer_name}</span></td>
                        <td><span>{room} "{type}"</span></td>
                        <td><span>{status_name}</span></td>
                        <td><span>{discount}</span></td>{state}
                        <td><span>{balance}</span></td>
                        <td><span>{reservation_amount}</span></td>
                        <td><span>{datein}</span></td>
                        <td><span>{duration}</span></td>
                        <td><span>{dateout} </span></td>
                    </tr>
					{/reservationList}
				</form>
                	<tr>
                        <td colspan="7">Общая сумма</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>
                </tbody>
            </table>
        </div>
        <div class="content-pagination">        	
        	<form method="post" action="/reservations/RList/1" name="frmdata2" id="frmdata2" class="style-form-new">    
        	<div class="content-pagination-wrapper">
                <p class="p-for-label">
                    <label>
                        {caption_page}
                        <select name="pages" onChange="PageSubmit(this.value);">
                        {pageList} {id} {/pageList}
						</select> 
                        {caption_from} {end}
                    </label>
                </p>            
            </div>
        	<div class="content-pagination-wrapper">
                <p class="p-for-label">
                    <label>
                        {caption_showby} {lines} {caption_onpage}
                    </label>
                </p>            
            </div>
        	<div class="content-pagination-wrapper">
                <p class="p-for-label">
                    {leftpages}{rightpages}
                </p>            
            </div>
        	</form>
        </div>
        
        
        <script language="JavaScript"
				type="text/javascript">
				function FormSubmit() {

					document.getElementById('frmdata2').submit();
				}
				function CheckXLS() {
					document.getElementById('frData').submit();
					return;
				}
				function CheckDelete() {
					if (confirm("Удалить отмеченые брони?")) {
						document.getElementById('action_type').value = 1;
						document.getElementById('frData').submit();
					}

					return;
				}
				
				function Set_datein() {		
					document.getElementById('action_type').value = 2;
					document.getElementById('frData').submit();
					return;
				}

				function Set_dateout() {		
					document.getElementById('action_type').value = 3;
					document.getElementById('frData').submit();
					return;
				}
				
				function Submitpayment() {

					document.getElementById('type_form').value = document
							.getElementById('type').value;
					document.getElementById('id_partner_form').value = document
							.getElementById('id_partner').value;
					document.getElementById('frData').attributes.action.value = "/reservations/bulkpayment/";
					document.getElementById('frData').submit();

				}
				function Submitpayment2() {

					document.getElementById('type_form').value = document
							.getElementById('type').value;
					document.getElementById('id_partner_form').value = document
							.getElementById('id_partner').value;
					document.getElementById('pay_amount').value = document
					.getElementById('pay_amount_form').value;
					document.getElementById('operationtime').value = document
					.getElementById('operationtime_form').value;
					document.getElementById('frData').attributes.action.value = "/reservations/bulkpayment2/";
					document.getElementById('frData').submit();

				}
			</script>

    	<div class="main-bottom">
        	<h3>Info - main-bottom</h3>
				<p class="button r">
					<a href="#" onClick="CheckXLS ();">{caption_export}</a>
				</p>
        </div>
  
	</div>
</div>




<div id='select-result'>select-result</div>

<div id="boxes">
	<div id="dialog3" class="window">
		<!--------------------Виклик Модельного вікна ---------------------->
		<script type="text/javascript" language="javascript">
			function show_dod_parametry(divid) {
				if (document.getElementById(divid).style.display == "none") {
					document.getElementById(divid).style.display = "inline";
				} else {
					document.getElementById(divid).style.display = "none";
				}
			}
		</script>
		<!------------------------------------------------------------------>

		<table cellpadding="0" cellspacing="0" class="width100">

			<tr>
				<td class="mw_left_design"></td>
				<td id="mw_blue_zagolovok"><span id="pay_zaholovok">Внесение
						оплаты за проживание</span></td>
				<td class="mw_right_design" align="right">
					<div class="btn_x">
						<a href="#" class="close"></a>
					</div>
				</td>
			</tr>

			<!----------------------------------------------------------------------->
			<tr>
				<td class="mw_left">&nbsp;</td>
				<td class="mw_bgcolorw">


					<div id='select-result'></div>

					{pay_box}
					
				</td>
				<td class="mw_next3"></td>
			</tr>
			<tr>
				<td class="mw_next4"></td>
				<td class="mw_next5"></td>
				<td class="mw_next6"></td>
			</tr>
		</table>


	</div>
	
	<div id="dialog2" class="window">
		<!--------------------Виклик Модельного вікна ---------------------->
		<script type="text/javascript" language="javascript">
			function show_dod_parametry(divid) {
				if (document.getElementById(divid).style.display == "none") {
					document.getElementById(divid).style.display = "inline";
				} else {
					document.getElementById(divid).style.display = "none";
				}
			}
		</script>
		<!------------------------------------------------------------------>

		<table cellpadding="0" cellspacing="0" class="width100">

			<tr>
				<td class="mw_left_design"></td>
				<td id="mw_blue_zagolovok"><span id="pay_zaholovok">Группа</span></td>
				<td class="mw_right_design" align="right">
					<div class="btn_x">
						<a href="#" class="close"></a>
					</div>
				</td>
			</tr>

			<!----------------------------------------------------------------------->
			<tr>
				<td class="mw_left">&nbsp;</td>
				<td class="mw_bgcolorw">


					<div id='select-result'></div>
<br>
					<input class="btn_forms" type="button" onClick="Set_datein();"
							value="Установить Заезд" />
							<br><br>
							<input class="btn_forms" type="button" onClick="Set_dateout();"
							value="Установить Выезд" />
					
				</td>
				<td class="mw_next3"></td>
			</tr>
			<tr>
				<td class="mw_next4"></td>
				<td class="mw_next5"></td>
				<td class="mw_next6"></td>
			</tr>
		</table>


	</div>
</div>

{footer}
<script type="text/javascript">
	//         

	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>