{% if redirect is not defined  %}
<div class="table-responsive hidden" >
  <table class="table table-bordered table-hover">
    <thead>
      <tr>
        <td class="text-left">{{ column_name }}</td>
        <td class="text-left">{{ column_model }}</td>
        <td class="text-right">{{ column_quantity }}</td>
        <td class="text-right">{{ column_price }}</td>
        <td class="text-right">{{ column_total }}</td>
      </tr>
    </thead>
    <tbody>
      {% for product in products %} 
      <tr>
        <td class="text-left"><a href="{{ product.href }}">{{ product.name }}</a>
          {% for option in product.option %} 
          <br />
          &nbsp;<small> - {{ option.name }}: {{ option.value }}</small>
          {% endfor %} 
          {% if    product.recurring  %} 
          <br />
          <span class="label label-info">{{ text_recurring_item }}</span> <small>{{ product.recurring }}</small>
          {% endif %}</td>
        <td class="text-left">{{ product.model }}</td>
        <td class="text-right">{{ product.quantity }}</td>
        <td class="text-right">{{ product.price }}</td>
        <td class="text-right">{{ product.total }}</td>
      </tr>
      {% endfor %} 
      {% for voucher in vouchers %} 
      <tr>
        <td class="text-left">{{ voucher.description }}</td>
        <td class="text-left"></td>
        <td class="text-right">1</td>
        <td class="text-right">{{ voucher.amount }}</td>
        <td class="text-right">{{ voucher.amount }}</td>
      </tr>
      {% endfor %} 
    </tbody>
    <tfoot>
      {% for total in totals %} 
      <tr>
        <td colspan="4" class="text-right"><strong>{{ total.title }}:</strong></td>
        <td class="text-right">{{ total.text }}</td>
      </tr>
      {% endfor %} 
    </tfoot>
  </table>
</div>
{{ before_content }} 
{{ payment }}
<script type="text/javascript">
$(document).ready(function(){
	$('#step_payment_panel .pull-right').removeClass('pull-right');
	$('#step_payment_panel .btn-primary').addClass('btn-success mybutton');
	$('#step_payment_panel #payubox .xbutton').addClass('btn btn-success mybutton');
	$('#step_payment_panel #payubox .xbutton').removeClass('xbutton');
	$('#step_payment_panel #pp_pro_box .xbutton').addClass('btn btn-success mybutton');
	$('#step_payment_panel #pp_pro_box .xbutton').removeClass('xbutton');
	$('#step_payment_panel .btn-primary').parent().addClass('paddingb');
	$('#step_payment_panel .right .button').addClass('btn btn-success mybutton');
	$('#step_payment_panel .right .button').parent().addClass('paddingb');
	$('#step_payment_panel .right .button').removeClass('button');
	$('#step_payment_panel .btn-primary').removeClass('btn-primary');
});
</script>
{% else %} 
<script type="text/javascript"><!--
location = '{{ redirect }}';
//--></script>
{% endif %}