<h2>{{ text_payment_info }}</h2>
<table class="table table-striped table-bordered">
  <tr>
    <td>{{ text_capture_status }}</td>
    <td id="capture_status">{{ paypal_order.capture_status }}</td>
  </tr>
  <tr>
    <td>{{ text_amount_auth }}</td>
    <td>{{ paypal_order.total }}
      {% if paypal_order.capture_status != 'Complete' %}
      &nbsp;&nbsp; <a onclick="doVoid();" id="button-void" class="button paypal_capture btn btn-primary">{{ button_void }}</a> <span class="btn btn-primary" id="img_loading_void" style="display:none;"><i class="fa fa-circle-o-notch fa-spin fa-lg"></i></span>
      {% endif %}</td>
  </tr>
  <tr>
    <td>{{ text_amount_captured }}</td>
    <td id="paypal_captured">{{ paypal_order.captured }}</td>
  </tr>
  <tr>
    <td>{{ text_amount_refunded }}</td>
    <td id="paypal_refunded">{{ paypal_order.refunded }}</td>
  </tr>
  {% if paypal_order.capture_status != 'Complete' %}
  <tr class="paypal_capture">
    <td>{{ text_capture_amount }}</td>
    <td><p>
        <input type="checkbox" name="paypal_capture_complete" id="paypal_capture_complete" value="1"/>
        {{ text_complete_capture }}</p>
      <p>
        <input type="text" size="10" id="paypal_capture_amount" value="{{ paypal_order.remaining }}"/>
        <a class="btn btn-primary" onclick="capture();" id="button-capture">{{ button_capture }}</a> <span class="btn btn-primary" id="img_loading_capture" style="display:none;"><i class="fa fa-circle-o-notch fa-spin fa-lg"></i></span> </p></td>
  </tr>
  {% endif %}
  {% if paypal_order.capture_status != 'Complete' %}
  <tr>
    <td>{{ text_reauthorise }}</td>
    <td><a id="button-reauthorise" onclick="reauthorise()" class="btn btn-primary">{{ button_reauthorise }}</a></td>
  </tr>
  {% endif %}
  <tr>
    <td>{{ text_transactions }}:</td>
    <td><table class="table table-striped table-bordered" id="paypal_transactions">
        <thead>
          <tr>
            <td class="text-left"><strong>{{ column_trans_id }}</strong></td>
            <td class="text-left"><strong>{{ column_amount }}</strong></td>
            <td class="text-left"><strong>{{ column_type }}</strong></td>
            <td class="text-left"><strong>{{ column_status }}</strong></td>
            <td class="text-left"><strong>{{ column_pending_reason }}</strong></td>
            <td class="text-left"><strong>{{ column_date_added }}</strong></td>
            <td class="text-left"><strong>{{ column_action }}</strong></td>
          </tr>
        </thead>
        <tbody>
          {% for transaction in transactions %}
          <tr>
            <td class="text-left">{{ transaction.transaction_id }}</td>
            <td class="text-left">{{ transaction.amount }}</td>
            <td class="text-left">{{ transaction.payment_type }}</td>
            <td class="text-left">{{ transaction.payment_status }}</td>
            <td class="text-left">{{ transaction.pending_reason }}</td>
            <td class="text-left">{{ transaction.date_added }}</td>
            <td class="text-left">{% if transaction.transaction_id %}
              <a href="{{ transaction.view }}">{{ text_view }}</a>
              {% if transaction.payment_type == 'instant' and (transaction.payment_status == 'Completed' or transaction.payment_status == 'Partially-Refunded') %}
              &nbsp;<a href="{{ transaction.refund }}">{{ text_refund }}</a>
              {% endif %}
              {% else %}
              <a onclick="resendTransaction(this); return false;" href="{{ transaction.resend }}">{{ text_resend }}</a>
              {% endif %}</td>
          </tr>
          {% endfor %}
        </tbody>
      </table></td>
  </tr>
</table>
<script type="text/javascript"><!--
    function capture() {
        var amt = $('#paypal_capture_amount').val();

        if (amt == '' || amt == 0) {
            alert('{{ error_capture }}');
            return false;
        } else {
            var captureComplete;
            var voidTransaction = false;

            if ($('#paypal_capture_complete').prop('checked') == true) {
                captureComplete = 1;
            } else {
                captureComplete = 0;
            }

            $.ajax({
                type:'POST',
                dataType: 'json',
                data: {'amount':amt,'order_id':{{ order_id }},'complete':captureComplete},
                url: 'index.php?route=extension/payment/pp_pro_iframe/capture&user_token={{ user_token }}',
                beforeSend: function() {
                    $('#button-capture').hide();
                    $('#img_loading_capture').show();
                },
                success: function(data) {
                    if (data.error == false) {
                        html = '';

                        html += '<tr>';
                        html += '<td class="text-left">' + data.data.transaction_id + '</td>';
                        html += '<td class="text-left">' + data.data.amount + '</td>';
                        html += '<td class="text-left">' + data.data.payment_type + '</td>';
                        html += '<td class="text-left">' + data.data.payment_status + '</td>';
                        html += '<td class="text-left">' + data.data.pending_reason + '</td>';
                        html += '<td class="text-left">' + data.data.date_added + '</td>';
                        html += '<td class="text-left">';
                        html += '<a href="{{ view_link }}&transaction_id=' + data.data.transaction_id + '">{{ text_view }}</a>';
                        html += '&nbsp;<a href="{{ refund_link }}&transaction_id=' + data.data.transaction_id + '">{{ text_refund }}</a>';
                        html += '</td>';
                        html += '</tr>';

                        $('#paypal_captured').text(data.data.captured);
                        $('#paypal_capture_amount').val(data.data.remaining);
                        $('#paypal_transactions').append(html);

                        if (data.data.void != '') {
                            html += '<tr>';
                            html += '  <td class="text-left">' + data.data.void.transaction_id + '</td>';
                            html += '  <td class="text-left">' + data.data.void.amount + '</td>';
                            html += '  <td class="text-left">' + data.data.void.payment_type + '</td>';
                            html += '  <td class="text-left">' + data.data.void.payment_status + '</td>';
                            html += '  <td class="text-left">' + data.data.void.pending_reason + '</td>';
                            html += '  <td class="text-left">' + data.data.void.date_added + '</td>';
                            html += '  <td class="text-left"></td>';
                            html += '</tr>';
                        }

                        if (data.data.status == 1) {
                            $('#capture_status').text('{{ text_complete }}');
                            $('.paypal_capture').hide();
                        }
                    }
                    if (data.error == true) {
                        alert(data.msg);

                        if (data.failed_transaction) {
                            html = '';
                            html += '<tr>';
                            html += '<td class="text-left"></td>';
                            html += '<td class="text-left">' + data.failed_transaction.amount + '</td>';
                            html += '<td class="text-left"></td>';
                            html += '<td class="text-left"></td>';
                            html += '<td class="text-left"></td>';
                            html += '<td class="text-left">' + data.failed_transaction.date_added + '</td>';
                            html += '<td class="text-left"><a onclick="resendTransaction(this); return false;" href="{{ resend_link }}&paypal_iframe_order_transaction_id=' + data.failed_transaction.paypal_iframe_order_transaction_id + '">{{ text_resend }}</a></td>';
                            html += '/<tr>';

                            $('#paypal_transactions').append(html);
                        }
                    }

                    $('#button-capture').show();
                    $('#img_loading_capture').hide();
                }
            });
        }
    }

    function doVoid() {
        if (confirm('{{ text_confirm_void }}')) {
            $.ajax({
                type:'POST',
                dataType: 'json',
                data: {'order_id':{{ order_id }} },
                url: 'index.php?route=extension/payment/pp_pro_iframe/void&user_token={{ user_token }}',
                beforeSend: function() {
                    $('#button-void').hide();
                    $('#img_loading_void').show();
                },
                success: function(data) {
                    if (data.error == false) {
                        html = '';
                        html += '<tr>';
                        html += '  <td class="text-left"></td>';
                        html += '  <td class="text-left"></td>';
                        html += '  <td class="text-left"></td>';
                        html += '  <td class="text-left">' + data.data.payment_status + '</td>';
                        html += '  <td class="text-left"></td>';
                        html += '  <td class="text-left">' + data.data.date_added + '</td>';
                        html += '  <td class="text-left"></td>';
                        html += '</tr>';

                        $('#paypal_transactions').append(html);
                        $('#capture_status').text('{{ text_complete }}');
                        $('.paypal_capture_live').hide();
                    }

                    if (data.error == true) {
                        alert(data.msg);
                    }

                    $('#button-void').show();
                    $('#img_loading_void').hide();
                }
            });
        }
    }

function reauthorise() {
    $.ajax({
        type:'POST',
        dataType: 'json',
        data: {'order_id':{{ order_id }} },
        url: 'index.php?route=extension/payment/pp_pro_iframe/reauthorise&user_token={{ user_token }}',
        beforeSend: function() {
            $('#button-reauthorise').hide();
            $('.loading').remove();
            $('#button-reauthorise').after('<span class="btn btn-primary loading"><i class="fa fa-circle-o-notch fa-spin fa-lg"></i></span>');
        },
        success: function(data) {
            $('.loading').remove();
            $('#button-reauthorise').show();

            if (data.error == false) {
                html = '';
                html += '<tr>';
                html += '<td class="text-left">' + data.data.transaction_id + '</td>';
                html += '<td class="text-left">0.00</td>';
                html += '<td class="text-left">' + data.data.payment_type + '</td>';
                html += '<td class="text-left">' + data.data.payment_status + '</td>';
                html += '<td class="text-left">' + data.data.pending_reason + '</td>';
                html += '<td class="text-left">' + data.data.date_added + '</td>';
                html += '<td class="text-left"></td>';
                html += '</tr>';

                $('#paypal_transactions').append(html);
                alert('{{ text_reauthorised }}');
                $('.loading').hide();
            }

            if (data.error == true) {
                alert(data.msg);
            }

            $('#button-void').show();
            $('#img_loading_void').hide();
        }
    });
}

function resendTransaction(element) {
    $.ajax({
        type:'GET',
        dataType: 'json',
        url: $(element).attr('href'),
        beforeSend: function() {
            $(element).hide();
            $(element).after('<span class="btn btn-primary loading"><i class="fa fa-circle-o-notch fa-spin fa-lg"></i></span>');
        },
        success: function(data) {
            $(element).show();
            $('.loading').remove();

            if (data.error) {
                alert(data.error);
            }

            if (data.success) {
                location.reload();
            }
        }
    });
}
//--></script>
