{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() {
		$('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);

		});

		$('.window .close').click(function(e) {
			e.preventDefault();
			$('#mask, .window').hide();
		});

		/*    $('#mask').click(function () {
		 $(this).hide();
		 $('.window').hide();
		 }); */
		$(".checkitem").click(function() {
			updatePayTotal();
		});
	});
</script>

<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 = '{caption_titul_editpayment}';
												x.paylist = 1;
												ajaxlink = "/reservations/ajax_payment_edit";
											}
											if (x.checkevent == 'edit_mainservice') {
												document
														.getElementById("zaholovok").innerHTML = null;
												document
														.getElementById('zaholovok').innerHTML = 'Редактировать сервис';
												x.paylist = 1;
												ajaxlink = "/reservations/ajax_editmainservice";
											}
											if (x.checkevent == 'edit_refund') {
												document
														.getElementById("zaholovok").innerHTML = null;
												document
														.getElementById('zaholovok').innerHTML = 'Редактировать возврат';
												x.paylist = 1;
												ajaxlink = "/reservations/ajax_editrefund";
											}
											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("slow",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(1000);
																

														}
													});

											e.preventDefault();
											//alert(ajaxlink+x.id);
										});
						
						$('.linkdeletecliks').click(function(e) {

							var result = $("#select-result").empty();
							

						});

						
					});
</script>
</head>
<!-- header -->
{header}
<!-- #header -->

<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_approve  btn_indent_03">
            	<a href="#dialog3" class="linkdeletecliks" name="modal" title="{btn_approve}">
                    <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_approve}</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_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 -->


					<form name="frmdata" id="frmdata" method="post"
						action="/payments/PaymentListDate/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_period_range} &nbsp; <select class="forms" name="time_range"
											id="time_range" onChange="choosetime(frmdata);">
											{select_time_range}
										</select>
            </div>
        	<div class="spec-box">
            	{caption_operation_type}: <select class="forms" name="type"
											onChange="FormSubmit_ByType();"> {search_type}
										</select>
            </div>
        	<div class="spec-box">
            	{caption_dealers}: {search_dealers}
            </div>
        	<div class="spec-box">
            	{caption_category} <select name="category" class="forms">
											{categories}
										</select>
            </div>
        	<div class="spec-box">
            	{caption_assignedto}: <select id="user" name="user" class="forms">
											{users}
										</select>
            </div>
        	<div class="spec-box">
            	{caption_payment_type}: <select class="forms" name="payment_type"
										onChange="FormSubmit_ByType();"> {p_type}
									</select> 
            </div>
        	<div class="spec-box">
            	{caption_partner}: {search_partners}
            </div>
        	<div class="spec-box">
            	{caption_state}: <select id="isclosed" name="isclosed" class="forms">
										{isclosed_select}
									</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>
 <script language="JavaScript" type="text/javascript">
				function PageSubmit(field) {
					window.location.href = "/payments/PaymentListDate/" + field;
					//document.getElementById('frmdata').submit();
					//return;
				}
				function FormSubmit_ByType() {

					document.getElementById('frmdatas').submit();
				}

				function SortSubmit(sort) {
					if (sort == 11 || sort == 12)
						document.getElementById('sort_pay_createdate').value = sort;
					if (sort == 21 || sort == 22)
						document.getElementById('sort_pay_datein').value = sort;
					if (sort == 31 || sort == 32)
						document.getElementById('sort_pay_date').value = sort;

					document.getElementById('sortdata').submit();
				}
			</script> <script type="text/javascript">
	function setChecked(obj) {

		var check = document.getElementsByName("selected_payment[]");
		for ( var i = 0; i < check.length; i++) {
			check[i].checked = obj.checked;
		}
		updatePayTotal();
	}
</script>
			<form action="/payments/PaymentListDate/1" id="sortdata"
				name="sortdata" method="post">
				<input type="hidden" id="sort_tag" name="sort_tag" value="">
				<input type="hidden" id="sort_pay_datein" name="sort_pay_datein"
					value=""> <input type="hidden" id="sort_pay_createdate"
					name="sort_pay_createdate" value=""> <input type="hidden"
					id="sort_pay_date" name="sort_pay_date" value="">
			</form>
			<table class="table_content1">

				<tr class="topline">
					<th>#</th>
					<th><input name="set" onclick="setChecked(this)"
						type="checkbox" value="" /></th>
					<th>{caption_payment}</th>
					<th>{caption_order}</th>
					<th>{caption_guest}</th>
					<!-- <th>{caption_room}</th> -->
					<th class="ctext"><div class="btn_filter_container">
							<span class="btn_filter_container_span">{caption_checkin}</span>{img_sort_datein}
						</div></th>	
					<!-- 	
					<th class="ctext"><div class="btn_filter_container">
							<span class="btn_filter_container_span">{caption_payment_date}</span>{img_sort_paydate}
						</div></th> -->
					<th class="ctext"><div class="btn_filter_container">
							<span class="btn_filter_container_span">{caption_create_time}</span>{img_sort_createdate}
						</div></th>
					<th>{caption_assignedto}</th>
					<th>{caption_payments}</th>
					<th>{caption_type}</th>					
					<!-- <th>{caption_balance}</th> -->
					
					<th>{caption_state}</th>
					<th>{caption_assignedto}</th>
					<th>{caption_create_time}</th>
					<th>{caption_sum}</th>

				</tr>
				<form name="frData" id="frData" method="POST"
					action="/reservations/paymentsgeneratexls">
					<input type="hidden" id="action_type" name="action_type" value="0">
					{paymentList}
					<tr class="redline">
						<td class="ctext">{b}</td>
						<td class="ctext"><input class="checkitem" amount="{total_pay_js}" name="selected_payment[]"
							type="checkbox" value="{pay_id}" /></td>
						<td class="ctext"><a href="#dialog2" name="modal"
							class="linkpayment" ajax_id='{pay_id}' checkevent='info'>
								<!--  <a href="/payments/EditForm/{pay_id}">-->{pay_id}
						</a></td>
						<td class="ctext"><a
							href="/reservations/ReservationViewForm/{id}">{id}</a></td>
						<td class="ctext">{firstname} {lastname}</td>
						<!-- <td class="ctext">{room} "{type}"</td>-->
						<td class="ctext">{datein} ({duration})</td>
						<!-- 
						<td class="ctext">{operationtime}</td>
						 -->
						<td class="ctext">{create_time}</td>
						<td class="ctext">{user_firstname} {user_lastname}</td>
						<td class="ctext">{payment_type}</td>
						<td class="ctext">{typename}</td>
						<!-- <td class="ctext">{balance}</td>  -->
						
						<td class="ctext">{isclosed_str}</td>
						<td class="ctext">{confirm_user}</td>
						<td class="ctext">{confirm_time}</td>
						<td class="rtext">{total_pay}</td>

					</tr>
					{/paymentList} 
					
					{ChargeList}
					<tr class="redline">
						<td class="ctext">{b}</td>
						<td class="ctext"><input name="selected_reservation[]"
							type="checkbox" value="{id}" /></td>
						<td class="ctext"><a href="#dialog2" name="modal"
							class="linkpayment" ajax_id='{cancel_id}'
							checkevent='edit_mainservice'>
								<!--  <a href="/reservationcancel/EditForm/{cancel_id}">-->{cancel_id}
						</a></td>
						<td class="ctext"><a
							href="/reservations/ReservationViewForm/{id}">{id}</a></td>
						<td class="ctext">{firstname} {lastname}</td>
						<td class="ctext">{create_time}</td>
						<td class="ctext">{payment_type}</td>
						<td class="ctext">{typename}</td>
						<td class="ctext">{room} "{type}"</td>

						<td class="ctext">{datein} ({duration})</td>
						<td class="ctext">{total_charge}</td>

					</tr>
					{/ChargeList}
					
					{RefundList}
					<tr class="redline">
						<td class="ctext">{b}</td>
						<td class="ctext"><input name="selected_reservation[]"
							type="checkbox" value="{id}" /></td>
						<td class="ctext"><a href="#dialog2" name="modal"
							class="linkpayment" ajax_id='{refund_id}'
							checkevent='edit_refund'>
								<!-- <a href="/reservations/EditRefund/{refund_id}">-->{refund_id}
						</a></td>
						<td class="ctext"><a
							href="/reservations/ReservationViewForm/{id}">{id}</a></td>
						<!-- <td class="ctext">{firstname} {lastname}</td>
						<td class="ctext">{room} "{type}"</td>
						 -->
						<td class="ctext">{datein} ({duration})</td>
						<td class="ctext"></td>
						<td class="ctext">{create_time}</td>
						<td class="ctext">{user_firstname} {user_lastname}</td>
						<td class="ctext">{payment_type}</td>
						<td class="ctext">{typename}</td>
						<!-- <td class="ctext">{balance}</td>  -->
						<td class="ctext">{isclosed_str}</td>
						<td class="ctext"></td>
						<td class="ctext"></td>
						<td class="ctext">{total_refund}</td>
						
					</tr>
					{/RefundList}
				</form>
				<tr class="redline">
					<td colspan="11">{caption_totalsum}</td>
					<td colspan="2">&nbsp;</td>
					<!-- <td class="ctext">{total_balance}</td>  -->					
					<td class="ctext">{total_amount}</td>
					<!-- <td class="ctext">&nbsp;</td> -->
				</tr>
				</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="/payments/PaymentListDate/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>

			<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>
<!-- #center block -->
<script language="JavaScript" type="text/javascript">
function updatePayTotal() {
	var total = 0;
	$(".checkitem:checked").each(function() {
		total += parseInt($(this).attr('amount'), 10);
	});
	$("#pay_summ").val(total);

}
	function FormSubmit() {

		document.getElementById('frmdata2').submit();
	}

	function CheckXLS() {
		document.getElementById('frData').attributes.action.value = "/xlsfactory/uploadxls_paymentlistdate";
		document.getElementById('frData').submit();
		return;
	}
	function Submitpayment_isclosed() {

		document.getElementById('frData').attributes.action.value = "/payments/group_isclosed/";
		document.getElementById('frData').submit();

	}
	function CheckDelete() {
		if (confirm("Удалить отмеченые оплаты?")) {
			document.getElementById('frData').attributes.action.value = "/payments/bulkpayment_delete/";
			document.getElementById('action_type').value = 1;
			document.getElementById('frData').submit();
		}

		return;
	}
</script>


<!-- #center block -->



<div id="boxes">
	<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="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>
					

					<div class="bg_img1"></div> <br /> 
		
				</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="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>
					

					<div class="bg_img1"></div> <br /> 
		<table class="content_forms">
			<tr>
				<td class="b r">Общая сума:</td>
				<td class="b"><input disabled type="text" id="pay_summ"
					value=""></td>
			</tr>
			
		</table>
		
		<div class="bg_img1"></div>

					<div class="mw_footer">
						<input class="btn_forms" type="button" onClick="Submitpayment_isclosed()"
							value="Утвердить" />
					</div>



		

		
					
				</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 -->
{footer}
<!-- #footer -->
<script type="text/javascript">
	//<![CDATA[

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

	//]]>
</script>
</body>
</html>
{time_range_list}
<script type="text/javascript">
	function choosetime(obj) {
		var a = obj.time_range.value;
		var datein;
		var dateout;

		switch (a) {
		case '1':
			//obj.datein.disabled = 1;
			// obj.dateout.disabled = 1;
			//document.getElementById('f_btn1').disabled = 1;
			//document.getElementById('f_btn2').disabled = 1;
			datein = "{datein_1}";
			dateout = "{dateout_1}";
			break;
		case '2':
			// obj.datein.disabled = 1;
			// obj.dateout.disabled = 1;
			// document.getElementById('f_btn1').disabled = 1;
			// document.getElementById('f_btn2').disabled = 1;
			datein = "{datein_2}";
			dateout = "{dateout_2}";
			break;
		case '3':
			// obj.datein.disabled = 1;
			// obj.dateout.disabled = 1;
			// document.getElementById('f_btn1').disabled = 1;
			// document.getElementById('f_btn2').disabled = 1;
			datein = "{datein_3}";
			dateout = "{dateout_3}";
			break;
		case '4':
			// obj.datein.disabled = 1;
			// obj.dateout.disabled = 1;
			//document.getElementById('f_btn1').disabled = 1;
			//document.getElementById('f_btn2').disabled = 1;
			datein = "{datein_4}";
			dateout = "{dateout_4}";
			break;
		case '5':
			//obj.datein.disabled = 1;
			//obj.dateout.disabled = 1; 
			//document.getElementById('f_btn1').disabled = 1;
			//document.getElementById('f_btn2').disabled = 1;
			datein = "{datein_5}";
			dateout = "{dateout_5}";
			break;
		case '6':
			// obj.datein.disabled = 1;
			// obj.dateout.disabled = 1;
			//document.getElementById('f_btn1').disabled = 1;
			//document.getElementById('f_btn2').disabled = 1; 
			datein = "{datein_6}";
			dateout = "{dateout_6}";
			break;
		case '7':
			// obj.datein.disabled = 1;
			// obj.dateout.disabled = 1;
			//document.getElementById('f_btn1').disabled = 1;
			//document.getElementById('f_btn2').disabled = 1;
			datein = "{datein_7}";
			dateout = "{dateout_7}";
			break;
		case '8':
			// obj.datein.disabled = 1;
			// obj.dateout.disabled = 1;
			//document.getElementById('f_btn1').disabled = 1;
			//document.getElementById('f_btn2').disabled = 1;
			datein = "{datein_8}";
			dateout = "{dateout_8}";
			break;
		case '9':
			// obj.datein.disabled = 1;
			// obj.dateout.disabled = 1;
			//document.getElementById('f_btn1').disabled = 1;
			//document.getElementById('f_btn2').disabled = 1;
			datein = "{datein_9}";
			dateout = "{dateout_9}";
			break;
		case '10':
			// obj.datein.disabled = 1;
			// obj.dateout.disabled = 1;
			//document.getElementById('f_btn1').disabled = 1;
			//document.getElementById('f_btn2').disabled = 1;
			datein = "{datein_10}";
			dateout = "{dateout_10}";
			break;
		case '11':
			// obj.datein.disabled = 1;
			// obj.dateout.disabled = 1;
			//document.getElementById('f_btn1').disabled = 1;
			//document.getElementById('f_btn2').disabled = 1;

			//dateout = new Date(arr_in[0], arr_in[1]+14, arr_in[2]).format("yyyy-MM-dd");
			datein = "{datein_11}";
			dateout = "{dateout_11}";
			break;
		case '12':
			// obj.datein.disabled = 1;
			// obj.dateout.disabled = 1;
			//document.getElementById('f_btn1').disabled = 1;
			//document.getElementById('f_btn2').disabled = 1;

			//dateout = new Date(arr_in[0], arr_in[1]+30, arr_in[2]).format("yyyy-MM-dd");
			datein = "{datein_12}";
			dateout = "{dateout_12}";
			break;
		case '13':
			// obj.datein.disabled = 1;
			// obj.dateout.disabled = 1;
			//document.getElementById('f_btn1').disabled = 1;
			//document.getElementById('f_btn2').disabled = 1;

			//dateout = new Date(arr_in[0], arr_in[1]+90, arr_in[2]).format("yyyy-MM-dd");
			datein = "{datein_13}";
			dateout = "{dateout_13}";
			break;
		default:
			obj.datein.disabled = 0;
			obj.dateout.disabled = 0;
			document.getElementById('f_btn1').disabled = 0;
			document.getElementById('f_btn2').disabled = 0;
			datein = "{datein_0}";
			dateout = "{dateout_0}";
		}
		obj.datein.value = datein;
		obj.dateout.value = dateout;
	}
</script>
{/time_range_list}