{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 "{mlw_choose}";
				case 1:
					return selectedOptions.text();
				case options.size():
					return "{mlw_all}";
				default:
					return countOfSelected + " {mlw_select_status}";
				}
			}
		});
		
		 $("#f_categories").dropdownchecklist( {firstItemChecksAll: true,
			 textFormatFunction: function(options) {
             var selectedOptions = options.filter(":selected");
             var countOfSelected = selectedOptions.size();
             switch(countOfSelected) {
                 case 0: return "{mlw_choose}";
                 case 1: return selectedOptions.text();
                 case options.size(): return "{mlw_all}";
                 default: return countOfSelected + " {caption_of} " + (options.size()-1) + " {mlw_select_category}";
             }
         } });
		
	});
	
    
</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 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_2 ();">
                        <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_guests}</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_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_oplata btn_indent_03">
                    <a href="#dialog3" class="linkdeletecliks" name="modal" title="{btn_payment}">
                        <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_payment}</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_delete btn_indent_03">
                    <a href="#" onClick="CheckDelete ();" title="{btn_delete}">
                        <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_delete}</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_group btn_indent_03">
                    <a href="#dialog2" name="modal" class="linkcliks" title="{btn_group}">
                        <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_group}</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="/reservations/RList/1">
				<div class="out-gray-box">
					<div class="gray-container-r">
						<div class="inner-gray-box">
							<div class="spec-box">
								{caption_from} <input id="datein" size="10" name="datein" type="text"
									value="{search_datein}" class="forms" /> <input type="button"
									id="f_btn1" value="..." class="btn_forms" />
							</div>
							<div class="spec-box">
								{caption_to} <input class="forms" size="10" id="dateout" name="dateout" type="text" value="{search_dateout}" class="brdate" /> <input
									type="button" id="f_btn2" value="..." class="btn_forms" />
							</div>
							<div class="spec-box">{caption_status} {status_select}</div>
							<div class="spec-box">
								{caption_category} {search_categories}
							</div>
							<div class="spec-box">
								{caption_room} <select id="rooms" name="room" class="forms">
									{rooms}
								</select>
							</div>
							<div class="spec-box">{caption_date_range}{date_type_select}</div>
							<div class="spec-box">{caption_dealers} {search_dealers}</div>
							<div class="spec-box">
								{caption_assigned_to} <select id="user" name="user" class="forms">
									{users}
								</select>
							</div>
							<div class="spec-box">
								{caption_guest_id} <input class="forms" size="10" id="id_quest"
									name="id_quest" type="text" value="{search_id_quest}" />
                                    <div class="button_clear" onclick="id_quest.value=''"></div>
							</div>
							<div class="spec-box {original_source_class}">{caption_original_source} {search_original_source}</div>
							<div class="spec-box">
								{caption_group_id} <input class="forms" size="10" id="id_group"
									name="id_group" type="text" value="{search_id_group}" />
                                    <div class="button_clear" onclick="id_group.value=''"></div>
							</div>
							<div class="spec-box">
								<input type="checkbox" {discount_rlist} name="discount_rlist"
									value="1" class="chek-box" /> <span class="dd-chek-box">-
									{caption_discount} </span>
							</div>
							{bso_search}
							<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> <!-- <form name="frmdata" id="frmdata" method="post"	action="/reservations/RList/1">
				<table class="box_zagalna_tab000b">
					<tr>
						<td class="round_left"></td>
						<td class="center_design">

							<div class="container2">
								<div class="float_left">
									<p>
										от <input id="datein" size="10" name="datein" type="text"
											value="{search_datein}" class="forms" /> <input
											type="button" id="f_btn1" value="..." class="btn_forms" />
										&nbsp;&nbsp; Статус: {status_select}&nbsp;&nbsp; Категория: <select
											id="category" name="category" class="forms">
											{categories}
										</select> &nbsp;&nbsp; Номер: <select id="rooms" name="room"
											class="forms"> {rooms}
										</select> &nbsp;&nbsp; Диапазон даты: {date_type_select}&nbsp;&nbsp;
										&nbsp;
									</p>
								</div>

							</div>
						</td>
						<td class="round_right"></td>
					</tr>
					<tr>
						<td class="round_left"></td>
						<td class="center_design">
							<div class="container3">
								<div class="float_left">
									<p>
										до <input class="forms" size="10" id="dateout" name="dateout" type="text" value="{search_dateout}" class="brdate" />
                                        <input type="button" id="f_btn2" value="..." class="btn_forms" />
										&nbsp;&nbsp; Дилеры: {search_dealers} &nbsp;&nbsp;
										Ответственный: <select id="user" name="user" class="forms">
											{users}
										</select>&nbsp;&nbsp; ID гостя: <input class="forms" size="10"
											id="id_quest" name="id_quest" type="text"
											value="{search_id_quest}" />&nbsp; ID групы: <input class="forms" size="10"
											id="id_group" name="id_group" type="text"
											value="{search_id_group}" />&nbsp; &nbsp; <input
											type="checkbox" {discount_rlist} name="discount_rlist"
											value="1"> - Скидка &nbsp;
									
									</p>
								</div>
								<div class="btn_obnovlenie">
									<p class="btn_obnovlenie">
										<a onclick="$('#frmdata').submit();return false;" href=""></a>
									</p>
								</div>
							</div>
						</td>

						<td class="round_right"></td>
					</tr>
				</table>
                </form>
			</form> 
			 --> <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_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>{img_sort_reservation}
						</div>
					</th>
					<th>{caption_guest}</th>
					<th>{caption_dealer}</th>
					<th class="min_width">
						<div class="btn_filter_container">
							<span class="btn_filter_container_span">{caption_room}</span>{img_sort_room}
						</div>
					</th>
					<th class="ctext">{caption_status}</th>
					<th class="min_width">
						<div class="btn_filter_container">
							<span class="btn_filter_container_span">{caption_discount}</span>{img_sort_discount}
						</div>
					</th> {state_caption}
					<th nowrap class="min_width">
						<div class="btn_filter_container">
							<span class="btn_filter_container_span">{caption_balance}</span>{img_sort_balance}
						</div>
					</th>
					<th nowrap class="min_width">{caption_sum}</th>
					<th class="min_width">
						<div class="btn_filter_container">
							<span class="btn_filter_container_span">{caption_checkin}</span>{img_sort_datein}
						</div>
					</th>
					<th class="min_width">
						<div class="btn_filter_container">
							<span class="btn_filter_container_span">{caption_days}</span>{img_sort_duration}
						</div>
					</th>
					<th class="min_width">
						<div class="btn_filter_container">
							<span class="btn_filter_container_span">{caption_checkout}</span>{img_sort_dateout}
						</div>
					</th>
					<!-- <th>Дата создания</th> -->

				</tr>
				<form name="frData" id="frData" method="POST"
					action="/xlsfactory/uploadxls_listofreservation">
					<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}
					<tr class="{isread_class}">
						<td class="ctext">{b}</td>
						<td class="ctext"><input class="checkitem"
							amount="{reservation_amount_raw}" balance="{reservation_balance_raw}" name="selected_reservation[]"
							type="checkbox" value="{reservation_id}" /></td>

						<td class="ctext"><a
							href="/reservations/ReservationViewForm/{reservation_id}">{reservation_id}</a>
							{group_link} {review_mark_str}</td>
						<td class="ctext"><a href="/reservations/GuestView/{id}">{firstname}
								{lastname}</a> {totalnight}</td>
						<td class="ctext">{dealer_name}</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="7">{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>


			<table cellpadding="0" cellspacing="0" border="0" class="width100">
				<tr>
					<td class="round_left"></td>
					<td class="center_design">
						<form method="post" action="/reservations/RList/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 --> <script language="JavaScript"
				type="text/javascript">
				function FormSubmit() {

					document.getElementById('frmdata2').submit();
				}
				function CheckXLS() {
					document.getElementById('frData').action = '/xlsfactory/uploadxls_listofreservation';
					document.getElementById('frData').submit();
					return;
				}
				function CheckXLS_2() {
					document.getElementById('frData').action = '/xlsfactory/uploadxls_listofreservation_guests';
					document.getElementById('frData').submit();
					return;
				}
				function CheckDelete() {
					if (confirm("{caption_delete_confirm}")) {
						document.getElementById('frData').action = "/reservations/OpenXlsRlist";
						document.getElementById('action_type').value = 1;
						document.getElementById('frData').submit();
					}

					return;
				}
				
				function Set_datein() {		
					document.getElementById('frData').action = "/reservations/OpenXlsRlist";
					document.getElementById('action_type').value = 2;
					document.getElementById('frData').submit();
					return;
				}

				function Set_dateout() {		
					document.getElementById('frData').action = "/reservations/OpenXlsRlist";
					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="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>
<div id='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">{caption_mpay_titul}</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">{caption_mgr_titul}</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="{caption_mgr_setcheckin}" />
							<br><br>
							<input class="btn_forms" type="button" onClick="Set_dateout();"
							value="{caption_mgr_setcheckout}" />
					
				</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>