worldpay_order.twig (3664B)
1 <h2>{{ text_payment_info }}</h2> 2 <div class="alert alert-success" id="worldpay_transaction_msg" style="display:none;"></div> 3 <table class="table table-striped table-bordered"> 4 <tr> 5 <td>{{ text_order_ref }}</td> 6 <td>{{ worldpay_order.order_code }}</td> 7 </tr> 8 <tr> 9 <td>{{ text_order_total }}</td> 10 <td>{{ worldpay_order.total_formatted }}</td> 11 </tr> 12 <tr> 13 <td>{{ text_total_released }}</td> 14 <td id="worldpay_total_released">{{ worldpay_order.total_released_formatted }}</td> 15 </tr> 16 <tr> 17 <td>{{ text_refund_status }}</td> 18 <td id="refund_status"> 19 {% if worldpay_order.refund_status == 1 %} 20 <span class="refund_text">{{ text_yes }}</span> 21 {% else %} 22 <span class="refund_text">{{ text_no }}</span> 23 24 {% if worldpay_order.total_released > 0 %} 25 <input type="text" width="10" id="refund_amount" /> 26 <a class="button btn btn-primary" id="btn_refund">{{ button_refund }}</a> 27 <span class="btn btn-primary" id="img_loading_refund" style="display:none;"><i class="fa fa-cog fa-spin fa-lg"></i></span> 28 {% endif %} 29 {% endif %} 30 </td> 31 </tr> 32 <tr> 33 <td>{{ text_transactions }}:</td> 34 <td> 35 <table class="table table-striped table-bordered" id="worldpay_transactions"> 36 <thead> 37 <tr> 38 <td class="text-left"><strong>{{ text_column_date_added }}</strong></td> 39 <td class="text-left"><strong>{{ text_column_type }}</strong></td> 40 <td class="text-left"><strong>{{ text_column_amount }}</strong></td> 41 </tr> 42 </thead> 43 <tbody> 44 {% for transaction in worldpay_order.transactions %} 45 <tr> 46 <td class="text-left">{{ transaction.date_added }}</td> 47 <td class="text-left">{{ transaction.type }}</td> 48 <td class="text-left">{{ transaction.amount }}</td> 49 </tr> 50 {% endfor %} 51 </tbody> 52 </table> 53 </td> 54 </tr> 55 </table> 56 <script type="text/javascript"><!-- 57 $("#btn_refund").click(function () { 58 if (confirm('{{ text_confirm_refund }}')) { 59 $.ajax({ 60 type: 'POST', 61 dataType: 'json', 62 data: {'order_id': {{ order_id }}, 'amount': $('#refund_amount').val()}, 63 url: 'index.php?route=extension/payment/worldpay/refund&user_token={{ user_token }}', 64 beforeSend: function () { 65 $('#btn_refund').hide(); 66 $('#refund_amount').hide(); 67 $('#img_loading_refund').show(); 68 $('#worldpay_transaction_msg').hide(); 69 }, 70 success: function (data) { 71 if (data.error == false) { 72 html = ''; 73 html += '<tr>'; 74 html += '<td class="text-left">' + data.data.created + '</td>'; 75 html += '<td class="text-left">refund</td>'; 76 html += '<td class="text-left">' + data.data.amount + '</td>'; 77 html += '</tr>'; 78 79 $('#worldpay_transactions').append(html); 80 $('#worldpay_total_released').text(data.data.total_released); 81 82 if (data.data.refund_status == 1) { 83 $('.refund_text').text('{{ text_yes }}'); 84 } else { 85 $('#btn_refund').show(); 86 $('#refund_amount').val(0.00).show(); 87 } 88 89 if (data.msg != '') { 90 $('#worldpay_transaction_msg').empty().html('<i class="fa fa-check-circle"></i> ' + data.msg).fadeIn(); 91 } 92 } 93 if (data.error == true) { 94 alert(data.msg); 95 $('#btn_refund').show(); 96 } 97 98 $('#img_loading_refund').hide(); 99 } 100 }); 101 } 102 }); 103 //--></script>