Update admin/view/template/payment/hutko_order_info_panel.twig

admin/view/template/payment/hutko_order_info_panel.twig

@@ -3,6 +3,12 @@
     <i class="fa-solid fa-credit-card"></i> {{ text_payment_information }} (Hutko)
   </div>
   <div class="card-body">
+    <div class="mb-3 text-end border-bottom pb-3">
+        <span class="text-muted me-2 small">{{ text_create_link_info }}</span>
+        <button type="button" id="button-create-link" class="btn btn-primary"><i class="fa-solid fa-plus-circle"></i> {{ button_create_link }}</button>
+        <div id="create-link-response" class="mt-2 text-start"></div>
+    </div>
+
     {% if transactions %}
     <div class="table-responsive">
         <table class="table table-bordered table-hover">
@@ -33,11 +39,11 @@
                     </td>
                     <td>{{ t.amount }}</td>
                     <td class="text-end">
-                        <button type="button" class="btn btn-info btn-sm" data-bs-toggle="collapse" data-bs-target="#payload-{{ loop.index }}"><i class="fa-solid fa-code"></i></button>
+                        <button type="button" class="btn btn-info btn-sm" data-bs-toggle="collapse" data-bs-target="#payload-{{ loop.index }}" title="Show Payload"><i class="fa-solid fa-code"></i></button>
                         {% if t.can_refund %}
-                            <button type="button" class="btn btn-warning btn-sm btn-refund-modal" data-ref="{{ t.ref }}" data-amount="{{ t.amount }}"><i class="fa-solid fa-undo"></i></button>
+                            <button type="button" class="btn btn-warning btn-sm btn-refund-modal" data-ref="{{ t.ref }}" data-amount="{{ t.amount }}" title="{{ button_hutko_refund }}"><i class="fa-solid fa-undo"></i></button>
                         {% endif %}
-                        <button type="button" class="btn btn-primary btn-sm btn-check-status" data-ref="{{ t.ref }}"><i class="fa-solid fa-sync"></i></button>
+                        <button type="button" class="btn btn-primary btn-sm btn-check-status" data-ref="{{ t.ref }}" title="{{ button_hutko_status_check }}"><i class="fa-solid fa-sync"></i></button>
                     </td>
                 </tr>
                 <tr id="payload-{{ loop.index }}" class="collapse">
@@ -50,7 +56,7 @@
         </table>
     </div>
 
-    <!-- Refund Form Section (Hidden by default, shown when Refund clicked) -->
+    <!-- Refund Form Section -->
     <div id="refund-section" class="border p-3 bg-light mt-3" style="display:none;">
         <h5>{{ text_hutko_refund_title }} <span id="refund-ref-display" class="badge bg-dark"></span></h5>
         <div class="row g-2 align-items-center">
@@ -78,13 +84,49 @@
 </div>
 
 <script type="text/javascript">
+// CREATE NEW LINK
+$('#button-create-link').on('click', function() {
+    var btn = $(this);
+    $.ajax({
+        url: '{{ create_link_url|raw }}',
+        type: 'post',
+        dataType: 'json',
+        beforeSend: function () {
+            btn.prop('disabled', true).html('<i class="fa-solid fa-spinner fa-spin"></i> {{ text_loading }}');
+            $('#create-link-response').html('');
+        },
+        complete: function () {
+            btn.prop('disabled', false).html('<i class="fa-solid fa-plus-circle"></i> {{ button_create_link }}');
+        },
+        success: function (json) {
+            if (json['error']) {
+                $('#create-link-response').html('<div class="alert alert-danger">' + json['error'] + '</div>');
+            }
+            if (json['success']) {
+                var html = '<div class="alert alert-success">';
+                html += json['success'] + '<br>';
+                html += '<strong>URL:</strong> <a href="' + json['url'] + '" target="_blank">' + json['url'] + '</a>';
+                html += ' <button class="btn btn-sm btn-light ms-2" onclick="navigator.clipboard.writeText(\'' + json['url'] + '\')"><i class="fa-solid fa-copy"></i> Copy</button>';
+                html += '</div>';
+                $('#create-link-response').html(html);
+                
+                // Optional: reload page to see it in the table list after a delay
+                setTimeout(function(){ location.reload(); }, 3000);
+            }
+        },
+        error: function (xhr, ajaxOptions, thrownError) {
+            alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
+        }
+    });
+});
+
 // Show Refund Section
 $('.btn-refund-modal').on('click', function() {
     var ref = $(this).data('ref');
-    var amt = parseFloat($(this).data('amount')); // simplistic parsing
+    var amt = parseFloat($(this).data('amount')); 
     $('#refund-ref-display').text(ref);
     $('#input-refund-ref').val(ref);
-    $('#input-refund-amount').val(amt); // Pre-fill amount
+    $('#input-refund-amount').val(amt); 
     $('#refund-section').slideDown();
     $('#hutko-refund-response').html('');
 });
@@ -92,7 +134,6 @@ $('.btn-refund-modal').on('click', function() {
 // Execute Refund
 $('#button-execute-refund').on('click', function () {
     if (!confirm('{{ text_confirm_refund }}')) return;
-    
     var btn = $(this);
     $.ajax({
         url: '{{ refund_url|raw }}',
@@ -130,7 +171,6 @@ $('#button-execute-refund').on('click', function () {
 $('.btn-check-status').on('click', function () {
     var btn = $(this);
     var ref = $(this).data('ref');
-    
     $.ajax({
         url: '{{ status_url|raw }}',
         type: 'post',