{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">
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() {   
    $('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();
    }); 
 
    
    $(".checkitem").click(function() {
		updatePayTotal();
	});
/*    $('#mask').click(function () {
    $(this).hide();
    $('.window').hide();
    }); */
  
    });  
</script>


</head>
<!-- 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="#dialog2" name="modal" class="linkcliks">{caption_group}</a>
        	</div>
        	<div class="btn-group">
				<a href="#dialog3" class="linkdeletecliks" name="modal">{caption_make_payment}</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/ReservationToDayList/1">
        	<div class="input-wrapper-scroll">
                <p class="p-for-label">
                    <label>
                        {caption_date}:
                        <input id="startdate" size="10" name="date" type="text" value="{search_date}" class="forms" />
                        <input type="button" id="f_btn1" value="..." class="btn_forms" />
                    </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_status}:
				{form_state} {status_select}
                    </label>
                </p>
            </div>  
        	<div class="input-wrapper-scroll">
                <p class="p-for-label">
                    <label>
                        {caption_category}:
                        <select name="category" class="forms">
                        	{categories}
                        </select>
                    </label>
                </p>
            </div>   
        	<div class="input-wrapper-scroll">
                <p class="p-for-label">
                    <label>
                    	{caption_room}:
                        <select name="room" class="forms">
                            {rooms}
                        </select>
                    </label>
                </p>
            </div>           
        	<div class="input-wrapper-scroll">
            	<button class="btn-blue" onclick="$('#frmdata').submit();return false;">{caption_refresh}</button>							
            </div> 
			</form>
        </div>
    	<div class="table-simple">  



		<script language="JavaScript" type="text/javascript">
	function PageSubmit(field)
	{
		
		window.location.href="/reservations/ReservationToDayList/"+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;

		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/ReservationToDayList/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="">
			</form>
			<tr>
				<th>#</th>
				<th><input name="set" type="checkbox" value=""
					onclick="setChecked(this)" /></th>
				<th>{caption_order}</th>
				<th>{caption_guest}</th>

				<th class="ctext">
				<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>
				{state_caption} {tarif_td} {car_caption}
				<th class="ctext">{caption_sum}</th>
				<th class="ctext">{caption_balance}</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">Дней</th>
				<th class="ctext">
				<div class="btn_filter_container"><span
					class="btn_filter_container_span">{caption_checkout}</span>{img_sort_dateout}</div>
				</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="action_type" name="action_type" value="5">
					<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"> 
						<input type="hidden" id="page_redirect" name="page_redirect"
						value="1"> 
				{reservationList}
			<tr class="redline">
				<td class="ctext">{b}</td>
				<td class="ctext"><input class="checkitem" name="selected_reservation[]"
					type="checkbox" value="{reservation_id}" balance="{reservation_balance_raw}" amount="{reservation_amount_raw}"/></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>
				{state} {tarif} {car}
				<td class="ctext">{reservation_amount}</td>
				<td class="ctext">{balance}</td>
				<td class="ctext">{datein}</td>
				<td class="ctext">{duration}</td>
				<td class="ctext">{dateout}</td>

			</tr>

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

				<td colspan="9">Общая сумма</td>
				<td class="ctext">{sum_amount}</td>
				<td class="ctext">{sum_balance}</td>
				<td colspan="3">&nbsp;</td>
			</tr>
			

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

    	<div class="main-bottom">
				<p class="button r">
					<a href="#" onClick="CheckXLS ();">{caption_export}</a>
				</p>
        </div>
	</div>
</div>
	
		<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">Внесение
						оплаты за проживание</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>
		<!-- #center block --> <script language="JavaScript"
			type="text/javascript">
		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();

		}
		
	function FormSubmit()
	{
		
		document.getElementById('frmdata2').submit();
	}
	function CheckXLS()
	{
			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;
	}
</script>


		<script type="text/javascript">//<![CDATA[

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

    //]]></script>
    
    
    
	</div>
</div>

{footer}