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

<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 == 'edit_service'){
			document.getElementById("zaholovok").innerHTML = null;
			document.getElementById('zaholovok').innerHTML = 'Редактировать сервис';
			ajaxlink = "/reservations/ajax_editservice";
			x.paylist=1;
		}
		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();
//		    alert(winH/2-$(id).height()/2);
//		    alert($(id).height()/2);
//		    alert(winH/2);
		    
		    var top = winH/2-$(id).height()/2;
		    if(top<0){
		    top=50;
		    }
		   	$(id).css('top',  top);
		    $(id).css('left', winW/2-$(id).width()/2);
			$(id).fadeIn(1000);
		
		    			
		  }         
			});    	

		e.preventDefault();
		//alert(ajaxlink+x.id);
    }); 
  
});
</script>
<!------------------------------------stert filter------------------------------->   
    <script type="text/javascript">
        $(document).ready(function() {
            $("#f_categories").dropdownchecklist( { textFormatFunction: function(options) {
                var selectedOptions = options.filter(":selected");
                var countOfSelected = selectedOptions.size();
                switch(countOfSelected) {
                    case 0: return "Выберите";
                    case 1: return selectedOptions.text();
                    case options.size(): return "Все";
                    default: return countOfSelected + " услуги";
                }
            } });

        });
    </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">
Список услуг
</td>
<td class="td_btn">


<div class="btn_button">
<p class="button"><a href="#" onClick="CheckXLS ();" ></a></p>
</div>

</td>

<td class="round2"></td></tr>
<tr><td class="left_design"></td>
<td class="content_td" colspan="2">

<!-- center block -->

<table cellpadding="0" cellspacing="0" border="0"  class="width100"><tr>
<form name="frmdata" id="frmdata" method="post" action="/payments/ServicesMain/1">
<td class="round_left"></td>
<td class="center_design">

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

  			Тип услуг:
  			<select id="f_categories" multiple="multiple" name="type[]" style="display: none;">
  			{search_type}
  			</select> 
            &nbsp;&nbsp;
            
            Диллеры:
  	{search_dealers}
			&nbsp;&nbsp;
    
    		Статус: {status_select}
            &nbsp;&nbsp;
            
            Номер
  	<select name="room"  class="forms">
	{rooms}
	</select>
    	&nbsp;&nbsp;
    	
		</p>
	</div>

</div>
<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;
  	
  	
	Сортировать
  	<select class="forms" name="date_filter" onChange="FormSubmit_ByType();">
  	{search_filter}
  	</select>
    		&nbsp;&nbsp;
  	
	
	Категория
  	<select name="category"  class="forms">
	{categories}
	</select>
    &nbsp;&nbsp;
	
  	</form> 	


</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>
</form>
</table>

<script language="JavaScript" type="text/javascript">
	function PageSubmit(field)
	{
		window.location.href="/payments/ServicesMain/"+field;
		//document.getElementById('frmdata').submit();
		//return;
	}
	function FormSubmit_ByType()
	{
		
		document.getElementById('frmdatas').submit();
	}

	function SortSubmit(sort)
	{
		
		if (sort == 11 || sort == 12)
			document.getElementById('sort_service_date').value = sort;
		if (sort == 21 || sort == 22)
			document.getElementById('sort_service_datein').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;
  		}
  	}
</script>
<form action="/payments/ServicesMain/1" id="sortdata" name="sortdata" method="post">
	<input type="hidden" id="sort_tag" name="sort_tag" value="">
	<input type="hidden" id="sort_service_datein" name="sort_service_datein" value="">
	<input type="hidden" id="sort_service_date" name="sort_service_date" value="">
</form>
<table width="100%" cellspacing="0" cellpadding="3" bordercolor="#999" border="1" align="center" style="border:solid 1px #999; border-collapse:collapse; border-style:solid; text-align:center">

  <tr class="topline">
    <th>#</th>
    <th><input name="set" onclick="setChecked(this)" type="checkbox" value="" /></th>
    <th>Заказ</th>
    <th>Услуга</th>
    <th>К-во</th>
    <th>Время выполнения</th>
    <th>Гость</th>
   <!--  <th class="ctext"><div  class="btn_filter_container"><span class="btn_filter_container_span">Дата</span>{img_sort_date}</div></th> -->
    <th>Тип</th>
    <th>Номер</th>
    
    <th class="ctext"><div  class="btn_filter_container"><span class="btn_filter_container_span">Заезд</span>{img_sort_datein}</div></th>
    <th>Выезд</th>
   <th>Сумма</th>
    
  </tr>
   <form name="frData" id="frData" method="POST" action="/reservations/paymentsgeneratexls">
  {servicesList}
  <tr class="redline">
   <td class="ctext">{b}</td>
  	<td class="ctext"><input name="selected_payment[]" type="checkbox" value="{pay_id}" /></td>
  	 <td class="ctext"><a href="/reservations/ReservationViewForm/{id}">{id}</a></td>
  	<td class="ctext">
		{pay_link}
	</td>
	<td class="ctext">
		{services_count}
	</td>
	<td class="ctext">
		{services_action_time}
	</td>
    <td class="ctext">{firstname} {lastname}</td>
    <td class="ctext">{payment_type}</td>

    <td class="ctext">{room} "{type}"</td>
    
    <td class="ctext">{datein}</td>
    <td class="ctext">{dateout}</td>
     <td class="ctext">{total_pay}</td>
   
    
  </tr>
  {/servicesList}
  </form> 
  <tr class="redline">
  <td colspan="11">
  Общая сума
  </td>
  <td class="ctext">
  {total_amount}
  </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/ServicesMain/1" name="frmdata2" id="frmdata2">
				<div class="container3">
				<div class="float_left">
				<p style="top: 0px;">Страница <select name="pages"
							onChange="PageSubmit(this.value);">
							{pageList} {id} {/pageList}
						</select> из {end} &nbsp;&nbsp; Показывать по {lines} на странице 
						&nbsp;&nbsp; {leftpages}{rightpages} &nbsp;&nbsp;</p>
				</div>
				</div>
				</form>
				</td>

				<td class="round_right"></td>
			</tr>

		</table>

<div class="btn_button">
<p class="button"><a href="#"></a></p>
</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 FormSubmit()
	{
		
		document.getElementById('frmdata2').submit();
	}

	function CheckXLS()
	{
			document.getElementById('frData').submit();
			return;
	}
</script>


<!-- #center block -->

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