kcppayments_rails 0.1.0

data/test_app/app/javascript/controllers/kcp_controller.js

@@ -0,0 +1,310 @@
+import { Controller } from "@hotwired/stimulus";
+
+// data-controller="kcp"
+// Values:
+//   data-kcp-order-id-value
+//   data-kcp-amount-value
+//   data-kcp-buyer-name-value
+//   data-kcp-buyer-email-value
+//   data-kcp-product-name-value
+//   data-kcp-return-url-value
+//   data-kcp-escrow-value
+//   data-kcp-tax-free-amount-value
+
+export default class extends Controller {
+  static values = {
+    orderId: String,
+    amount: Number,
+    buyerName: String,
+    buyerEmail: String,
+    productName: String,
+    returnUrl: String,
+    escrow: Boolean,
+    taxFreeAmount: Number,
+  };
+
+  connect() {
+    // KCP 스크립트는 서버에서 include되어야 함 (kcp_script_tag)
+    console.log("KCP Controller connected");
+    
+    // 폼 존재 확인
+    const form = document.forms["kcp_pay_form"];
+    if (form) {
+      console.log("KCP form found on page load");
+      this.validateFormFields(form);
+      
+      // KCP 결제 완료 후 폼 submit을 가로채기 위한 리스너 추가
+      form.addEventListener('submit', this.handleFormSubmit.bind(this));
+    }
+    
+    // KCP 콜백 처리를 위한 전역 함수 등록
+    window.kcp_payment_complete = this.handleKcpCallback.bind(this);
+  }
+  
+  handleFormSubmit(event) {
+    console.log("=== Form Submit Intercepted ===");
+    console.log("Form data:", new FormData(event.target));
+    
+    // KCP에서 결과가 있는지 확인
+    const form = event.target;
+    const resCode = form.elements['res_cd']?.value;
+    
+    if (resCode) {
+      console.log("KCP result detected:", resCode);
+      // res_cd가 있으면 KCP에서 결과를 받은 것이므로 정상 진행
+      return true;
+    } else {
+      console.log("No KCP result - preventing default submit");
+      // 아직 KCP 처리가 안 되었으면 submit 방지
+      event.preventDefault();
+      return false;
+    }
+  }
+  
+  handleKcpCallback(result) {
+    console.log("=== KCP Callback Received ===");
+    console.log("Result:", result);
+    
+    const form = document.forms["kcp_pay_form"];
+    if (form && result) {
+      // 결과를 폼에 설정
+      if (form.elements['res_cd']) form.elements['res_cd'].value = result.res_cd || '';
+      if (form.elements['res_msg']) form.elements['res_msg'].value = result.res_msg || '';
+      if (form.elements['tno']) form.elements['tno'].value = result.tno || '';
+      
+      // 폼을 서버로 제출
+      form.submit();
+    }
+  }
+  
+  validateFormFields(form) {
+    console.log("=== Form Validation ===");
+    
+    // KCP 필수 필드 목록 (KCP 문서 기준)
+    const requiredFields = {
+      // 가맹점 정보
+      'site_cd': 'Site code (가맹점 코드)',
+      'site_name': 'Site name (가맹점명)',
+      
+      // 주문 정보
+      'ordr_idxx': 'Order ID (주문번호)',
+      'good_name': 'Product name (상품명)',
+      'good_mny': 'Amount (결제금액)',
+      
+      // 구매자 정보
+      'buyr_name': 'Buyer name (구매자명)',
+      'buyr_mail': 'Buyer email (구매자 이메일)',
+      'buyr_tel1': 'Buyer phone (구매자 전화)',
+      'buyr_tel2': 'Buyer phone (구매자 전화)',
+      
+      // 결제 설정
+      'pay_method': 'Payment method (결제수단)',
+      'curr_cd': 'Currency code (통화코드)',
+      'eng_flag': 'Language flag (언어)',
+      
+      // 추가 필수 필드
+      'req_tx': 'Request type (요청구분)',
+      'encoding_trans': 'Encoding (인코딩)'
+    };
+    
+    let missingFields = [];
+    let emptyFields = [];
+    
+    for (const [fieldName, description] of Object.entries(requiredFields)) {
+      const field = form.elements[fieldName];
+      if (!field) {
+        missingFields.push(`${fieldName} (${description})`);
+      } else if (!field.value || field.value.trim() === '') {
+        emptyFields.push(`${fieldName} (${description})`);
+      }
+    }
+    
+    if (missingFields.length > 0) {
+      console.error("MISSING FIELDS:", missingFields);
+    }
+    
+    if (emptyFields.length > 0) {
+      console.warn("EMPTY FIELDS:", emptyFields);
+    }
+    
+    if (missingFields.length === 0 && emptyFields.length === 0) {
+      console.log("✓ All required fields present and populated");
+    }
+    
+    return missingFields.length === 0;
+  }
+
+  requestPayment(event) {
+    event?.preventDefault();
+
+    // 폼 찾기
+    const form = document.forms["kcp_pay_form"] || document.getElementById("kcp_pay_form");
+    if (!form) {
+      console.error("Form 'kcp_pay_form' not found");
+      return;
+    }
+
+    // KCP 스크립트 로드 확인
+    console.log("=== KCP Payment Debug ===");
+    console.log("Form found:", form.name || form.id);
+    console.log("KCP_Pay_Execute type:", typeof window.KCP_Pay_Execute);
+    console.log("Form action:", form.action);
+    console.log("Form method:", form.method);
+
+    // 모든 폼 필드 확인
+    console.log("All form elements:");
+    for (let i = 0; i < form.elements.length; i++) {
+      const element = form.elements[i];
+      if (element.name && element.type === 'hidden') {
+        console.log(`${element.name}: "${element.value}"`);
+      }
+    }
+    
+    // KCP가 일반적으로 확인하는 필드들
+    const kcpFields = [
+      'site_cd', 'ordr_idxx', 'good_mny', 'buyr_name', 'pay_method', 'curr_cd',
+      'buyr_tel1', 'buyr_tel2', 'buyr_tel3', 'buyr_mail', 'good_name',
+      'Ret_URL', 'mod_type', 'eng_flag', 'shop_user_id'
+    ];
+    console.log("\nKCP critical fields:");
+    kcpFields.forEach(fieldName => {
+      const field = form.elements[fieldName];
+      if (!field) {
+        console.error(`MISSING REQUIRED FIELD: ${fieldName}`);
+      } else if (!field.value || field.value.trim() === '') {
+        console.error(`EMPTY REQUIRED FIELD: ${fieldName}`);
+      } else {
+        console.log(`${fieldName}: "${field.value}"`);
+      }
+    });
+
+    // KCP JavaScript 함수 직접 확인
+    console.log("KCP functions available:");
+    console.log("KCP_Pay_Execute:", typeof window.KCP_Pay_Execute);
+    
+    if (typeof window.KCP_Pay_Execute !== "function") {
+      console.warn("KCP JavaScript not loaded properly. Running demo mode...");
+      this.runDemoPayment(form);
+      return;
+    }
+    
+    // KCP JavaScript가 로드된 경우 실제 호출
+    try {
+      console.log("\n=== Attempting KCP_Pay_Execute ===");
+      
+      // KCP 함수가 폼 객체를 기대하는 경우를 위한 시도
+      if (form && typeof window.KCP_Pay_Execute === "function") {
+        // 다양한 호출 방식 시도
+        try {
+          console.log("Trying: KCP_Pay_Execute with form name string");
+          window.KCP_Pay_Execute("kcp_pay_form");
+        } catch (e1) {
+          console.error("Method 1 failed:", e1.message);
+          
+          try {
+            console.log("Trying: KCP_Pay_Execute with form object");
+            window.KCP_Pay_Execute(form);
+          } catch (e2) {
+            console.error("Method 2 failed:", e2.message);
+            
+            try {
+              console.log("Trying: KCP_Pay_Execute with no arguments");
+              window.KCP_Pay_Execute();
+            } catch (e3) {
+              console.error("Method 3 failed:", e3.message);
+              throw e1; // Re-throw original error
+            }
+          }
+        }
+      } else {
+        console.warn("KCP JavaScript not properly loaded");
+        this.runDemoPayment(form);
+      }
+    } catch (e) {
+      console.error("KCP_Pay_Execute failed:", e);
+      console.error("Error stack:", e.stack);
+      console.warn("\nFalling back to demo mode...");
+      this.runDemoPayment(form);
+    }
+  }
+
+  runDemoPayment(form) {
+    console.log("=== KCP 결제 데모 모드 ===");
+    
+    // 폼 데이터 추출
+    const orderData = {
+      orderId: form.elements['ordr_idxx'].value,
+      productName: form.elements['good_name'].value,
+      amount: form.elements['good_mny'].value,
+      buyerName: form.elements['buyr_name'].value,
+      buyerEmail: form.elements['buyr_mail'].value,
+      payMethod: form.elements['pay_method'].value
+    };
+    
+    console.log("결제 정보:", orderData);
+    
+    // 결제 수단별 메시지
+    let payMethodName = "알 수 없음";
+    if (orderData.payMethod === "100000000000") payMethodName = "신용카드";
+    else if (orderData.payMethod === "010000000000") payMethodName = "계좌이체";
+    else if (orderData.payMethod === "001000000000") payMethodName = "가상계좌";
+    
+    // 결제 진행 시뮬레이션
+    const message = `
+데모 결제를 진행합니다:
+
+• 주문번호: ${orderData.orderId}
+• 상품명: ${orderData.productName}
+• 결제금액: ${parseInt(orderData.amount).toLocaleString()}원
+• 구매자: ${orderData.buyerName}
+• 결제수단: ${payMethodName}
+
+실제 KCP 계정이 설정되면 실제 결제창이 열립니다.
+데모로 결제 성공 처리하시겠습니까?
+    `.trim();
+    
+    if (confirm(message)) {
+      // 결제 성공 시뮬레이션
+      this.simulatePaymentSuccess(orderData);
+    } else {
+      console.log("데모 결제 취소됨");
+    }
+  }
+  
+  simulatePaymentSuccess(orderData) {
+    console.log("결제 성공 시뮬레이션 중...");
+    
+    // 2초 후 성공 페이지로 이동 (실제 KCP 콜백 시뮬레이션)
+    setTimeout(() => {
+      const successUrl = `/payments/success?order_no=${orderData.orderId}&demo=true`;
+      window.location.href = successUrl;
+    }, 2000);
+    
+    // 로딩 표시
+    document.body.style.opacity = "0.7";
+    document.body.style.pointerEvents = "none";
+    
+    const loading = document.createElement('div');
+    loading.innerHTML = `
+      <div style="
+        position: fixed;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+        background: white;
+        padding: 30px;
+        border-radius: 10px;
+        box-shadow: 0 4px 12px rgba(0,0,0,0.3);
+        z-index: 9999;
+        text-align: center;
+      ">
+        <div style="margin-bottom: 15px;">⏳</div>
+        <div>데모 결제 처리 중...</div>
+        <div style="font-size: 12px; color: #666; margin-top: 10px;">
+          실제 환경에서는 KCP 결제창이 열립니다
+        </div>
+      </div>
+    `;
+    document.body.appendChild(loading);
+  }
+}

data/test_app/app/jobs/application_job.rb

@@ -0,0 +1,7 @@
+class ApplicationJob < ActiveJob::Base
+  # Automatically retry jobs that encountered a deadlock
+  # retry_on ActiveRecord::Deadlocked
+
+  # Most jobs are safe to ignore if the underlying records are no longer available
+  # discard_on ActiveJob::DeserializationError
+end

data/test_app/app/mailers/application_mailer.rb

@@ -0,0 +1,4 @@
+class ApplicationMailer < ActionMailer::Base
+  default from: "from@example.com"
+  layout "mailer"
+end

data/test_app/app/models/application_record.rb

@@ -0,0 +1,3 @@
+class ApplicationRecord < ActiveRecord::Base
+  primary_abstract_class
+end

data/test_app/app/models/order.rb

@@ -0,0 +1,67 @@
+class Order < ApplicationRecord
+  # KCP 공식 영수증 URL 생성
+  def kcp_receipt_url
+    return nil unless kcp_transaction_no.present?
+    
+    # 결제 수단에 따른 cmd 파라미터 결정
+    cmd = case payment_method_type
+          when 'credit_card'
+            'card_bill'
+          when 'bank_transfer'
+            'acnt_bill'
+          when 'virtual_account'
+            'vcnt_bill'
+          when 'mobile_cash'
+            'mcash_bill'
+          else
+            'card_bill' # 기본값
+          end
+    
+    base_url = "https://admin8.kcp.co.kr/assist/bill.BillActionNew.do"
+    params = {
+      cmd: cmd,
+      tno: kcp_transaction_no,
+      order_no: order_no,
+      trade_mony: amount
+      # 주의: site_cd 파라미터는 실제 KCP 가맹점 코드가 필요합니다
+    }
+    
+    "#{base_url}?#{params.to_query}"
+  end
+  
+  # 영수증 사용 가능 여부 확인
+  def kcp_receipt_available?
+    status == "paid" && kcp_transaction_no.present?
+  end
+  
+  # 실제 KCP 거래인지 확인 (개발/데모 환경 구분)
+  def real_kcp_transaction?
+    return false unless kcp_transaction_no.present?
+    
+    # 데모 거래번호 패턴 확인
+    is_demo = kcp_transaction_no.match?(/^(DEMO|KCP)/) || 
+              created_at > 1.day.ago && Rails.env.development?
+    
+    !is_demo
+  end
+  
+  private
+  
+  # 결제 수단 타입 결정 (payment_method에서 추출)
+  def payment_method_type
+    return 'credit_card' unless payment_method.present?
+    
+    case payment_method.downcase
+    when /credit|card|신용|카드/
+      'credit_card'
+    when /bank|transfer|계좌|이체/
+      'bank_transfer'
+    when /virtual|account|가상|계좌/
+      'virtual_account'
+    when /mobile|cash|모바일|현금/
+      'mobile_cash'
+    else
+      'credit_card'
+    end
+  end
+end

data/test_app/app/views/layouts/application.html.erb

@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title><%= content_for(:title) || "Test App" %></title>
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="mobile-web-app-capable" content="yes">
+    <%= csrf_meta_tags %>
+    <%= csp_meta_tag %>
+
+    <%= yield :head %>
+
+    <%# Enable PWA manifest for installable apps (make sure to enable in config/routes.rb too!) %>
+    <%#= tag.link rel: "manifest", href: pwa_manifest_path(format: :json) %>
+
+    <link rel="icon" href="/icon.png" type="image/png">
+    <link rel="icon" href="/icon.svg" type="image/svg+xml">
+    <link rel="apple-touch-icon" href="/icon.png">
+
+    <%# Includes all stylesheet files in app/assets/stylesheets %>
+    <%= stylesheet_link_tag :app, "data-turbo-track": "reload" %>
+    <%= javascript_importmap_tags %>
+  </head>
+
+  <body>
+    <%= yield %>
+  </body>
+</html>

data/test_app/app/views/layouts/mailer.html.erb

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+    <style>
+      /* Email styles need to be inline */
+    </style>
+  </head>
+
+  <body>
+    <%= yield %>
+  </body>
+</html>

data/test_app/app/views/layouts/mailer.text.erb

@@ -0,0 +1 @@
+<%= yield %>

data/test_app/app/views/orders/create.html.erb

@@ -0,0 +1,2 @@
+<h1>Orders#create</h1>
+<p>Find me in app/views/orders/create.html.erb</p>

data/test_app/app/views/orders/index.html.erb

@@ -0,0 +1,41 @@
+<h1>주문 목록</h1>
+
+<%= link_to "새 주문 생성", new_order_path, class: "btn btn-primary" %>
+
+<table style="margin-top: 20px; border-collapse: collapse; width: 100%;">
+  <thead>
+    <tr style="background-color: #f0f0f0;">
+      <th style="padding: 10px; border: 1px solid #ddd;">주문번호</th>
+      <th style="padding: 10px; border: 1px solid #ddd;">상품명</th>
+      <th style="padding: 10px; border: 1px solid #ddd;">금액</th>
+      <th style="padding: 10px; border: 1px solid #ddd;">구매자</th>
+      <th style="padding: 10px; border: 1px solid #ddd;">상태</th>
+      <th style="padding: 10px; border: 1px solid #ddd;">액션</th>
+    </tr>
+  </thead>
+  <tbody>
+    <% @orders.each do |order| %>
+      <tr>
+        <td style="padding: 10px; border: 1px solid #ddd;"><%= order.order_no %></td>
+        <td style="padding: 10px; border: 1px solid #ddd;"><%= order.product_name %></td>
+        <td style="padding: 10px; border: 1px solid #ddd;"><%= number_to_currency(order.amount, unit: "₩", format: "%u%n", delimiter: ",", precision: 0) %></td>
+        <td style="padding: 10px; border: 1px solid #ddd;"><%= order.buyer_name %></td>
+        <td style="padding: 10px; border: 1px solid #ddd;">
+          <% if order.status == "paid" %>
+            <span style="color: green;">결제완료</span>
+          <% elsif order.status == "failed" %>
+            <span style="color: red;">결제실패</span>
+          <% else %>
+            <span style="color: orange;">대기중</span>
+          <% end %>
+        </td>
+        <td style="padding: 10px; border: 1px solid #ddd;">
+          <%= link_to "상세보기", order_path(order) %>
+          <% if order.status == "pending" %>
+            | <%= link_to "결제하기", new_payment_path(order_id: order.id), data: { turbo: false } %>
+          <% end %>
+        </td>
+      </tr>
+    <% end %>
+  </tbody>
+</table>

data/test_app/app/views/orders/new.html.erb

@@ -0,0 +1,44 @@
+<h1>새 주문 생성</h1>
+
+<%= form_with model: @order do |form| %>
+  <% if @order.errors.any? %>
+    <div id="error_explanation">
+      <h2><%= @order.errors.count %> 개의 오류가 발생했습니다:</h2>
+      <ul>
+        <% @order.errors.full_messages.each do |message| %>
+          <li><%= message %></li>
+        <% end %>
+      </ul>
+    </div>
+  <% end %>
+
+  <div style="margin-bottom: 15px;">
+    <%= form.label :product_name, "상품명" %>
+    <%= form.text_field :product_name, style: "width: 300px; padding: 5px;" %>
+  </div>
+
+  <div style="margin-bottom: 15px;">
+    <%= form.label :amount, "금액" %>
+    <%= form.number_field :amount, style: "width: 200px; padding: 5px;" %>
+  </div>
+
+  <div style="margin-bottom: 15px;">
+    <%= form.label :buyer_name, "구매자명" %>
+    <%= form.text_field :buyer_name, style: "width: 200px; padding: 5px;" %>
+  </div>
+
+  <div style="margin-bottom: 15px;">
+    <%= form.label :buyer_email, "구매자 이메일" %>
+    <%= form.email_field :buyer_email, style: "width: 300px; padding: 5px;" %>
+  </div>
+
+  <div style="margin-bottom: 15px;">
+    <%= form.label :tax_free_amount, "면세 금액 (선택사항)" %>
+    <%= form.number_field :tax_free_amount, style: "width: 200px; padding: 5px;" %>
+  </div>
+
+  <div>
+    <%= form.submit "주문 생성", style: "padding: 10px 20px; background-color: #4CAF50; color: white; border: none; cursor: pointer;" %>
+    <%= link_to "취소", orders_path, style: "margin-left: 10px;" %>
+  </div>
+<% end %>

data/test_app/app/views/orders/show.html.erb

@@ -0,0 +1,36 @@
+<h1>주문 상세</h1>
+
+<div style="background-color: #f9f9f9; padding: 20px; border-radius: 5px;">
+  <p><strong>주문번호:</strong> <%= @order.order_no %></p>
+  <p><strong>상품명:</strong> <%= @order.product_name %></p>
+  <p><strong>금액:</strong> <%= number_to_currency(@order.amount, unit: "₩", format: "%u%n", delimiter: ",", precision: 0) %></p>
+  <% if @order.tax_free_amount.present? && @order.tax_free_amount > 0 %>
+    <p><strong>면세금액:</strong> <%= number_to_currency(@order.tax_free_amount, unit: "₩", format: "%u%n", delimiter: ",", precision: 0) %></p>
+  <% end %>
+  <p><strong>구매자명:</strong> <%= @order.buyer_name %></p>
+  <p><strong>구매자 이메일:</strong> <%= @order.buyer_email %></p>
+  <p><strong>상태:</strong> 
+    <% if @order.status == "paid" %>
+      <span style="color: green;">결제완료</span>
+    <% elsif @order.status == "failed" %>
+      <span style="color: red;">결제실패</span>
+    <% else %>
+      <span style="color: orange;">대기중</span>
+    <% end %>
+  </p>
+  <% if @order.payment_method.present? %>
+    <p><strong>결제수단:</strong> <%= @order.payment_method %></p>
+  <% end %>
+</div>
+
+<div style="margin-top: 20px;">
+  <% if @order.status == "pending" %>
+    <%= link_to "결제하기", new_payment_path(order_id: @order.id), data: { turbo: false },
+        style: "padding: 10px 20px; background-color: #4CAF50; color: white; text-decoration: none; border-radius: 3px;" %>
+  <% else %>
+    <%= render 'payments/receipt_links', order: @order %>
+  <% end %>
+</div>
+<div style="margin-top: 20px;">
+  <%= link_to "목록으로", orders_path, style: "margin-left: 10px;" %>
+</div>

data/test_app/app/views/payments/_receipt_links.html.erb

@@ -0,0 +1,31 @@
+<% if order.status == "paid" %>
+  <%= link_to "📄 자체 영수증", receipt_payment_path(order), 
+      target: "_blank",
+      style: "margin-right: 10px; padding: 10px 20px; background-color: #2196F3; color: white; text-decoration: none; border-radius: 3px;" %>
+  
+  <% if order.kcp_receipt_available? %>
+    <% if order.real_kcp_transaction? %>
+      <%= link_to "🏦 KCP 공식 영수증", order.kcp_receipt_url, 
+          target: "_blank",
+          style: "padding: 10px 20px; background-color: #FF9800; color: white; text-decoration: none; border-radius: 3px;" %>
+    <% else %>
+      <%= link_to "🏦 KCP 공식 영수증 (데모)", order.kcp_receipt_url, 
+          target: "_blank",
+          onclick: "alert('이는 데모/테스트 거래로, KCP 서버에 실제 거래 내역이 없어 \"해당거래 내역이 없다\" 메시지가 표시될 수 있습니다. 📄 자체 영수증을 이용해주세요.'); return true;",
+          style: "padding: 10px 20px; background-color: #6c757d; color: white; text-decoration: none; border-radius: 3px;" %>
+    <% end %>
+  <% end %>
+  
+  <% if order.kcp_receipt_available? %>
+    <div style="margin-top: 10px; padding: 10px; background-color: #f8f9fa; border-radius: 5px; font-size: 14px; color: #6c757d;">
+      💡 <strong>영수증 안내:</strong><br>
+      • <strong>📄 자체 영수증</strong>: 즉시 확인 가능한 상세 영수증 ⭐<strong>추천</strong><br>
+      <% if order.real_kcp_transaction? %>
+      • <strong>🏦 KCP 공식 영수증</strong>: KCP에서 제공하는 공식 매출전표
+      <% else %>
+      • <strong>🏦 KCP 공식 영수증 (데모)</strong>: 테스트 환경용 (실제 거래 내역 없음)<br>
+      <small style="color: #dc3545;">⚠️ 데모/테스트 거래로 인해 "해당거래 내역이 없다" 메시지가 표시될 수 있습니다.</small>
+      <% end %>
+    </div>
+  <% end %>
+<% end %>

data/test_app/app/views/payments/callback.html.erb

@@ -0,0 +1,2 @@
+<h1>Payments#callback</h1>
+<p>Find me in app/views/payments/callback.html.erb</p>

data/test_app/app/views/payments/create.html.erb

@@ -0,0 +1,2 @@
+<h1>Payments#create</h1>
+<p>Find me in app/views/payments/create.html.erb</p>

data/test_app/app/views/payments/failure.html.erb

@@ -0,0 +1,20 @@
+<h1 style="color: red;">✗ 결제 실패</h1>
+
+<div style="background-color: #ffebee; padding: 20px; border-radius: 5px; border: 1px solid #f44336;">
+  <h2>결제가 실패했습니다.</h2>
+  
+  <p>결제 처리 중 문제가 발생했습니다. 다시 시도해 주세요.</p>
+  
+  <div style="margin-top: 20px;">
+    <p><strong>주문번호:</strong> <%= @order.order_no %></p>
+    <p><strong>상품명:</strong> <%= @order.product_name %></p>
+    <p><strong>결제금액:</strong> <%= number_to_currency(@order.amount, unit: "₩", format: "%u%n", delimiter: ",", precision: 0) %></p>
+  </div>
+</div>
+
+<div style="margin-top: 20px;">
+  <%= link_to "다시 결제하기", new_payment_path(order_id: @order.id), 
+      style: "padding: 10px 20px; background-color: #FF5722; color: white; text-decoration: none; border-radius: 3px;" %>
+  <%= link_to "주문 상세보기", order_path(@order), style: "margin-left: 10px;" %>
+  <%= link_to "주문 목록", orders_path, style: "margin-left: 10px;" %>
+</div>