<?php echo $header; ?>

<div id="content">

  <br>

  <div class="box">

    <div class="heading">
      <h1><i class="icon-chart-bar"></i> <?php echo $heading_title; ?></h1>
    </div>

    <div class="content">

      <div class="form well">
      <div class="row">

				<span class="span2">
					<label><?php echo $entry_date_start; ?></label>
					<input type="text" name="filter_date_start" value="<?php echo $filter_date_start; ?>" id="date-start" class="date span2 input-small" size="12">
				</span>

				<span class="span2">
					<label><?php echo $entry_date_end; ?></label>
					<input type="text" name="filter_date_end" value="<?php echo $filter_date_end; ?>" id="date-end" class="date span2 input-small" size="12">
				</span>

				<span class="span2">
					<label><?php echo $entry_group; ?></label>
					<select name="filter_group" class="span2">
						<?php echo p3html::options($groups, $filter_group, 'value', 'text'); ?>
					</select>
				</span>

				<span class="span3">
					<label><?php echo $entry_status; ?></label>
					<select name="filter_return_status_id" class="span3">
						<option value="0"><?php echo $text_all_status; ?></option>
						<?php echo p3html::oc_return_status_options($return_statuses, $filter_return_status_id); ?>
					</select>
				</span>

				<span class="span2 pull-right" style="text-align:right;">
					<label class="span2">&nbsp;</label>
					<?php echo p3html::tb_ajax_button($button_filter, "filter();", 'info', null, 'filter' , null); ?>
				</span>

      </div>
      </div>

			<?php if ($returns) { ?>
      <table class="list table table-striped table-hover">
        <thead>
          <tr>
            <th><?php echo $column_date_start; ?></th>
            <th><?php echo $column_date_end; ?></th>
            <th class="column-number"><?php echo $column_returns; ?></th>
          </tr>
        </thead>
        <tbody>

          <?php foreach ($returns as $return) { ?>
          <tr>
            <td><?php echo $return['date_start']; ?></td>
            <td><?php echo $return['date_end']; ?></td>
            <td class="column-number"><?php echo $return['returns']; ?></td>
          </tr>
          <?php } ?>
        </tbody>
      </table>

      <div class="pagination"><?php echo $pagination; ?></div>
			<?php } else { ?>
			<?php echo p3html::tb_alert('warning', $text_no_results, false, 'no-results'); ?>
			<?php } ?>

    </div>
  </div>
</div>

<script>
function filter() {
	url = 'index.php?route=report/sale_return&token=<?php echo $token; ?>';

	var filter_date_start = $('input[name=\'filter_date_start\']').attr('value');

	if (filter_date_start) {
		url += '&filter_date_start=' + encodeURIComponent(filter_date_start);
	}

	var filter_date_end = $('input[name=\'filter_date_end\']').attr('value');

	if (filter_date_end) {
		url += '&filter_date_end=' + encodeURIComponent(filter_date_end);
	}

	var filter_group = $('select[name=\'filter_group\']').attr('value');

	if (filter_group) {
		url += '&filter_group=' + encodeURIComponent(filter_group);
	}

	var filter_return_status_id = $('select[name=\'filter_return_status_id\']').attr('value');

	if (filter_return_status_id != 0) {
		url += '&filter_return_status_id=' + encodeURIComponent(filter_return_status_id);
	}

	location = url;
}
</script>

<script>
$(document).ready(function() {
//	$('#date-start').datepicker({dateFormat: 'yy-mm-dd'});
//
//	$('#date-end').datepicker({dateFormat: 'yy-mm-dd'});
});
</script>

<?php echo $footer; ?>