{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();
    }); */
  
    });  
</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">


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


<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>
</br>
<form action="/reservations/bulkpayment/" name="formData" id="formData"
				method="post">
<table class="table_content1">
  <tr class="topline">
    <th class="ctext">#</th>
    <th class="ctext"><input name="set" type="checkbox" value="" onclick="setChecked(this)"/></th>
    <th class="ctext">{caption_order}</th>
    <th class="ctext">{caption_guest}</th>
    <th class="ctext">{caption_agetn}</th>
    
    <th class="ctext">{caption_room}</th>
    <th class="ctext">{caption_status}</th>

    <th class="ctext">{caption_balance}</th>    
    <th class="ctext">{caption_checkin}</th>
    <th class="ctext">{caption_days}</th>
    <th class="ctext">{caption_checkout}</th>
    <th class="ctext">&nbsp;</th>
  </tr>   
  {reservationList}
 
  <tr class="redline">
   <td class="ctext">{b}</td>
  <td class="ctext"><input name="selected_reservation[]" type="checkbox" value="{reservation_id}" /></td>
  
    <td class="ctext"><a href="/reservations/ReservationViewForm/{reservation_id}">{reservation_id}</a></td>
    <td class="ctext">{firstname} {lastname}</td>        
    <td class="ctext">{dealer}</td>
    <td class="ctext">{room} "{type}"</td>
    <td class="ctext">{status_name}</td>
    <td class="ctext">{balance}</td>
    <td class="ctext">{datein}</td>
    <td class="ctext">{duration}</td>
    <td class="ctext">{dateout}</td>
    <td class="ctext">
		<a href="/reservations/ReservationViewForm/{reservation_id}"><img src="/img/smedit.png" alt="{caption_edit}" title="Редактировать" width="16" height="16" /></a>
	</td>
  </tr>
  
  {/reservationList}
</table>
				
				<div class="bg_img1"></div>
				<br/>
				<table class="content_forms">
					<tr>
					<td class="b">{caption_partner}: </td> 
						<td class="b"><select class="forms"
							name="id_partner"> {partners}
								<option value="{partner_id}" {selected}>{partner_name}</option> {/partners}
						</select></td>
						<td class="b">{caption_payment_type}: </td>
						<td class="b"><select class="forms"
							id="viewSelector" name="type"> {typeList}
								<option value="{typeid}">{typename}</option> {/typeList}
						</select></td>
						<td class="b"><div class="baseline ">
          	<span class="pager">
            	<input class="btn_forms"  type="submit" value="{caption_accept_payment}"/>
            </span>
		</div></td>
					</tr>
				</table>
		
</form>
<!-- #center block -->
<script language="JavaScript" type="text/javascript">
	
	function FormSubmit()
	{
		
		document.getElementById('frmdata2').submit();
	}
	function CheckXLS()
	{
			document.getElementById('frData').submit();
			return;
	}
</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>

{footer}