{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;
		$(".checkitem:checked").each(function() {
			total += parseInt($(this).attr('amount'), 10);
		});
		$("#pay_summ").val(total);

	}

	$(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({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 + " {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>


</head>
<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}
</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>

<!-- по ідеї в перегряді відгуків непотрібно кнопки проплати і видалення, бо нічого не відмічаєьбся, 16.09
			<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>
-->
		</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="/reviews/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_dealers}: {search_dealers}</div>
							<div class="spec-box">
								{caption_assignedto}: <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>
							<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>
							
							<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> <script language="JavaScript" type="text/javascript">
				function PageSubmit(field) {

					window.location.href = "/reviews/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="/reviews/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 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 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="ctext">{caption_status_response}</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="/reservations/OpenXlsRlist">
					<input type="hidden" id="delete_res" name="delete_res" 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"><a
							href="/reservations/ReservationViewForm/{reservation_id}">{reservation_id}</a>
							{group_link}</td>
						<td class="ctext"><a href="/reservations/GuestView/{id}">{firstname}
								{lastname}</a></td>

						<td class="ctext">{room} "{type}"</td>
						<td class="ctext">{status_name}</td>
						<td class="ctext">{review_status} {link_send_review} </td>
						<td class="ctext">{datein}</td>
						<td class="ctext">{duration}</td>
						<td class="ctext">{dateout}</td>
						
						<!-- <td class="ctext">{date}</td> -->

					</tr>
					{/reservationList}
				</form>
<!-- по ідеї в перегряді відгуків непотрібен підрахунок сум, 16.09 			
				<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>


			<table cellpadding="0" cellspacing="0" border="0" class="width100">
				<tr>
					<td class="round_left"></td>
					<td class="center_design">
						<form method="post" action="/reviews/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').submit();
					return;
				}
				function CheckDelete() {
					if (confirm("Удалить отмеченые брони?")) {
						document.getElementById('delete_res').value = 1;
						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();

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

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