<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{$language.lblBusiness} : {$language.lblReport} : {$language.lblShippingPendingReport}</title>
{include file='CommonStyles.tpl'}
{include file='CommonJavaScript.tpl'}
<link rel="stylesheet" type="text/css" href="{$view_styles}/listing.css" />
<link href="{$view_styles}/jquery-ui-1.8.19.custom.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="{$view_styles}/ui.daterangepicker.css" />
</head>
<body class="{$languageDirection}">
<div class="outer">
  {include file='CommonHeader.tpl'}
  <!--End:Header Container-->  <!--***********************************************************************END HEADER CONTAINER******************************************************-->
  <div class="content-wrapper">
  {assign var="link" value=$link|default:''}
     <div class="container-fluid">
      <div class="clearfix">
        <div class="pull-left left">
          {include file='ContentLanguageOptions.tpl'}
        </div>
        <div class="order_tab pull-right">
          <ul>
  				  <li>{html->anchor href="/payment/shippingreceived/$link" class="tab "  caption=$language.lblShippingReceived}</li>
            <li class="first">
              {html->anchor href="/payment/shippingpending/$link" class="tab active" caption=$language.lblShippingPending}
            </li>
          </ul>
        </div>	 
      </div>
      <h3 class="rmv-padding-horizontal margin-bottom">{$language.lblShippingPendingReport}</h3>
      <!--End: Right Block-->
      <div class="inner_content_wrapper">
       {form->start name="frmShippingReport"  method="post"}
        <div class="search_container container-section">
           <div class="content-block">
            <div class="row">
            	<div class="col-xs-12 col-sm-4 col-md-3">
                	<label>{$language.lblDate}</label>
                    <span class="form-field01">
                    <div class="text-box-div-date"> {form->textbox id="fromDate" readonly="readonly" name="fromDate" class="form-control date-picker" value=$hiddenFromDate|default:''}</div>
                    </span>
                </div>
                  <div class="col-xs-12 col-sm-4 col-md-3">
                      <label>&nbsp;</label>
                	{form->submit name="searchShipping" id="searchShipping" value={$language.lblSearch} class="btn btn-primary btn-sm"} 
                   {html->anchor href="/payment/shippingpending/" class="action-link" content="{$language.lblListAll}"}</div>
                    </div>
          </div>
        </div>
        <!--END:sEARCH cONTAINER--> 
        {if $resListShippingOrders}
        <div class="clearfix"> {form->submit name="exportShipping" id="exportShipping" value={$language.lblExport} class="btn btn-primary btn-sm pull-right margin-bottom"}
        
        </div>
        {/if} 
    {form->close}
        <!-- <div class="message_info"> 10 Results for : Users</div>--> 
        {if $resListShippingOrders}
        <div class="container-section grid_table00">
          <table width="100%" border="0" cellspacing="0" cellpadding="0"   >
            <tbody>
            <tr>
              <th width="10" valign="middle" align="left">#</th>
              <th  valign="middle" align="left">{$language.lblDate}</th>
              <th align="left" valign="middle">{$language.lblNoofOrders}</th>
              <th align="left" valign="middle" >{$language.lblNoOfQty}</th>
              <th align="left" valign="middle" >{$language.lblSubtotal}</th>
              <th align="left" valign="middle" >{$language.lblShippingPendingAmount}</th>
            </tr>
             {assign var="i" value=1}
            {foreach item="resShippingOrders" from=$resListShippingOrders key="key1"}
             {if $key1 > 0}      
            <tr {if $resShippingOrders@iteration is even by 1} class="shade01" {/if}>
              <td align="left" valign="top">{$i}
               {assign var="i" value=$i+1}</td>
              <td align="left" valign="top">{$resShippingOrders.orderCreatedDate|date_format:$date_format}</td>
              <td align="left" valign="top">{$resShippingOrders.totalOrders}</td>
              <td align="left" valign="top">{$resShippingOrders.orderQty}</td>
              <td align="left" valign="top">{$resShippingOrders.orderSubtotal}</td>
              <td align="left" valign="top">{$resShippingOrders.shipmentPendingAmount}</td>
            </tr>
            {/if}
            {/foreach}
            <tr class="bottom">
              <td align="left" valign="top" colspan="2"><strong>{$language.lblTotal}</strong></td>
              <td align="left" valign="top">{$resListShippingOrders['total'].totalOrders}</td>
               <td align="left" valign="top">{$resListShippingOrders['total'].orderQty}</td>
              <td align="left" valign="top">{$resListShippingOrders['total'].orderSubtotal}</td>
              <td align="left" valign="top">{$resListShippingOrders['total'].shipmentPendingAmount}</td>
            </tr>
            </tbody>
          </table>
        </div>
        {else}
        <div class="message_info" >{$language.msgNoRecords}</div>
        {/if} 
        <!--End:From Listing--> 
      </div>
      <!--End: left Block--> 
    </div>
 </div>
  <!--End:Content Container-->
   {include file='CommonFooter.tpl'}
</div>
<!--End:Outer Container--> 
{include file='CommonJavaScriptBottom.tpl'}
{html->messages_script id="common_message"}
{form->rootpath_script}
{form->basepath_script}

<script type="text/javascript" src="{$view_javascript}/moment.min.js"></script>
<script type="text/javascript" src="{$view_javascript}/daterangepicker.js"></script>
{literal}

<script type="text/javascript">
$(function() {

    function cb(start, end) {
        $('#fromDate').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'));
    }
    cb(moment().subtract(29, 'days'), moment());

   $('#fromDate').daterangepicker({
        ranges: {
           [lblToday]: [moment(), moment()],
           [lblYesterday]: [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
           [lblLast7Days]: [moment().subtract(6, 'days'), moment()],
           [lblLast30Days]: [moment().subtract(29, 'days'), moment()],
           [lblThisMonth]: [moment().startOf('month'), moment().endOf('month')],
           [lblLastMonth]: [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
        },
		 locale: {
          cancelLabel: cancelLabel,
          applyLabel: applyLabel,
		  customRangeLabel: customRangeLabel
      }
    }, cb);

});
</script>{/literal}
<!--[if IE 6]>
<script src="js/DD_belatedPNG_0.0.8a-min.js"></script>
<script>
      DD_belatedPNG.fix('img,div,ul,li,li a,a,input,p,blockquote,span,h1,h2,h3,.last-child');
</script>
<![endif]-->
<!--[if IE]>
<link href="styles/iefix.css" rel="stylesheet" type="text/css" media="screen" />
<![endif]-->
</body>
</html>