{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_dealerbalance_wiht} {search_datein} {caption_to} {search_dateout}</td>
		<td class="td_btn"><script language="JavaScript"
			type="text/javascript">
	
	function CheckXLS()
	{
			document.getElementById('frData').submit();
			return;
	}
</script>
		<form name="frData" id="frData" method="POST"
			action="/reservations/dealerbalancexls"></form>
		<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">
        
			<form name="frmdata" id="frmdata" method="post"
				action="/payments/DealerBalance">
<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">

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


		<table class="table_content1">
			<tr class="topline">
				<td width="20%" class="l"><b>{caption_dealer}</b></td>
				<td class="сtext" width="20%"><b>{caption_earnings}</b></td>
				<td class="сtext" width="20%"><b>{caption_discount}</b></td>
				<td class="сtext" width="20%"><b>{caption_to_pay}</b></td>
				<td class="сtext" width="20%"><b>{caption_payments}</b></td>
				<td class="сtext" width="20%"><b>{caption_refunds}</b></td>
				<td class="сtext" width="20%"><b>{caption_balance}</b></td>
			</tr>

			{dealerList}
			<tr class="redline">
				<td class="l"><a href="/payments/Dealer_details/{id}">{name}</a></td>
				<td class="rtext">{total}</td>
				<td class="rtext">{discount}</td>
				<td class="rtext">{services_main}</td>
				<td class="rtext">{payments}</td>
				<td class="rtext">{refunds}</td>
				<td class="rtext">{balance}</td>
			</tr>
			{/dealerList}
			<tr>
				<td class="l">{caption_sum}</td>
				<td class="rtext">{sum_total}</td>
				<td class="rtext">{sum_discount}</td>
				<td class="rtext">{sum_services_main}</td>
				<td class="rtext">{sum_payments}</td>
				<td class="rtext">{sum_refunds}</td>
			</tr>

		</table>
		<!-- #center block -->


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