// payload.config.ts
import { buildConfig } from 'payload/config'
import { sepGatewayPlugin } from 'payload-sep-gateway-plugin'

export default buildConfig({
  // ... your existing config
  plugins: [
    sepGatewayPlugin({
      testMode: true, // Set to false for production
      sepConfig: {
        terminalId: 'your-terminal-id', // Changed from mid
        redirectUrl: 'https://yourdomain.com/api/sep/payment/callback',
      },
    }),
  ],
})

// app/api/sep/payment/initiate/route.ts
import { POST } from 'payload-sep-gateway-plugin/api-routes/initiate'
export { POST }

// app/api/sep/payment/token/route.ts
import { POST } from 'payload-sep-gateway-plugin/api-routes/token'
export { POST }

// app/api/sep/payment/callback/route.ts
import { POST } from 'payload-sep-gateway-plugin/api-routes/callback'
export { POST }

// app/api/sep/payment/verify/route.ts
import { POST } from 'payload-sep-gateway-plugin/api-routes/verify'
export { POST }

// app/api/sep/payment/reverse/route.ts
import { POST } from 'payload-sep-gateway-plugin/api-routes/reverse'
export { POST }

interface SEPPluginConfig {
  // Enable test mode for development
  testMode?: boolean
  
  // SEP Gateway Configuration (Updated)
  sepConfig?: {
    terminalId?: string        // Changed from mid
    redirectUrl?: string
    paymentUrl?: string
    tokenUrl?: string         // New
    verifyUrl?: string
    reverseUrl?: string       // New
  }
  
  // Custom collection slugs
  collections?: {
    orders?: string
    paymentTransactions?: string
    products?: string
  }
  
  // Custom field configurations
  fields?: {
    orders?: any[]
    paymentTransactions?: any[]
    products?: any[]
  }
  
  // API endpoints configuration
  api?: {
    prefix?: string
    endpoints?: {
      initiate?: boolean
      token?: boolean
      callback?: boolean
      verify?: boolean
      reverse?: boolean        // New
    }
  }
  
  // UI Configuration
  ui?: {
    showGatewayInfo?: boolean
    labels?: {
      orders?: string
      paymentTransactions?: string
      products?: string
    }
  }
}

sepGatewayPlugin({
  testMode: process.env.NODE_ENV === 'development',
  sepConfig: {
    terminalId: process.env.SEP_TERMINAL_ID,
    redirectUrl: process.env.SEP_REDIRECT_URL,
  },
  collections: {
    orders: 'custom-orders',
    paymentTransactions: 'custom-transactions',
    products: 'custom-products',
  },
  fields: {
    orders: [
      {
        name: 'customField',
        type: 'text',
        admin: {
          description: 'Custom order field',
        },
      },
    ],
  },
  api: {
    prefix: '/api/custom-sep',
    endpoints: {
      initiate: true,
      token: true,
      callback: true,
      verify: true,
      reverse: true, // Enable reverse transactions
    },
  },
  ui: {
    showGatewayInfo: true,
    labels: {
      orders: 'سفارشات',
      paymentTransactions: 'تراکنش‌های پرداخت',
      products: 'محصولات',
    },
  },
})

// Correct token-based payment (Recommended)
const handlePayment = async (ev: React.FormEvent) => {
  ev.preventDefault()
  setLoading(true)
  setError('')

  const amount = 12000 // amount in Rials
  const resNum = 'order-12345' // your unique order id

  try {
    // 1) Ask your server to create token
    const response = await fetch('/api/sep/payment/token', {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ 
        amount, 
        resNum,
        redirectUrl: `${window.location.origin}/api/sep/payment/callback`
      })
    })
    
    const data = await response.json()
    
    if (!response.ok) {
      throw new Error(data.error || data.errorDesc || 'Token request failed')
    }

    // 2) Build a form and submit to gateway (post token)
    const form = document.createElement('form')
    form.method = 'POST'
    form.action = 'https://sep.shaparak.ir/OnlinePG/OnlinePG'
    form.style.display = 'none'

    const tokenInput = document.createElement('input')
    tokenInput.name = 'Token'
    tokenInput.value = data.token
    form.appendChild(tokenInput)

    const getMethodInput = document.createElement('input')
    getMethodInput.name = 'GetMethod'
    getMethodInput.value = '' // or 'true' if you want GET behavior
    form.appendChild(getMethodInput)

    document.body.appendChild(form)
    form.submit()

  } catch (err) {
    setError(err instanceof Error ? err.message : 'Payment failed')
  } finally {
    setLoading(false)
  }
}

// Handle payment callback from SEP
const handlePaymentCallback = async () => {
  const urlParams = new URLSearchParams(window.location.search)
  
  const callbackData = {
    State: urlParams.get('State'),
    RefNum: urlParams.get('RefNum'),
    ResNum: urlParams.get('ResNum'),
    TraceNo: urlParams.get('TraceNo'),
    SecurePan: urlParams.get('SecurePan'),
  }

  const response = await fetch('/api/sep/payment/callback', {
    method: 'POST',
    body: new URLSearchParams(callbackData),
  })

  const result = await response.json()
  
  if (result.success) {
    // Payment processed successfully
    console.log('Payment processed:', result.message)
  } else {
    // Handle error
    console.error('Payment error:', result.error)
  }
}

// Reverse a transaction
const reverseTransaction = async (transactionId: string) => {
  const response = await fetch('/api/sep/payment/reverse', {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json',
    },
    body: JSON.stringify({ transactionId }),
  })

  const result = await response.json()
  
  if (result.success) {
    console.log('Transaction reversed:', result.data.message)
  } else {
    console.error('Reversal failed:', result.error)
  }
}

sepGatewayPlugin({
  testMode: true, // Enable test mode
})

// Request Body
{
  orderId: string
  amount: number
  redirectUrl: string
}

// Response
{
  success: boolean
  data?: {
    paymentTransactionId: string
    reservationNumber: string
    paymentFormData: Record<string, string>
    paymentUrl: string
  }
  error?: string
}

// Request Body
{
  orderId: string
  amount: number
  redirectUrl: string
}

// Response
{
  success: boolean
  data?: {
    token: string
    paymentTransactionId: string
    reservationNumber: string
    paymentUrl: string
  }
  error?: string
}

// Request Body (FormData)
{
  State: string
  RefNum: string
  ResNum: string
  TraceNo: string
  SecurePan?: string
  MID?: string
  Status?: string
  RRN?: string
  Amount?: number
  Wage?: number
  HashedCardNumber?: string
}

// Response
{
  success: boolean
  message?: string
  error?: string
}

// Request Body
{
  transactionId: string
}

// Response
{
  success: boolean
  data?: {
    verificationResult: number
    message: string
  }
  error?: string
}

// Request Body
{
  transactionId: string
}

// Response
{
  success: boolean
  data?: {
    reverseResult: number
    message: string
  }
  error?: string
}

// SEP Error Codes
const errorMessages = {
  [0]: 'Success',
  [-1]: 'TP_ERROR - خطا در بررسی صحت رسید دیجیتالی',
  [-2]: 'ACCOUNTS_DONT_MATCH - خطا در تأیید رسید دیجیتالی',
  [-3]: 'BAD_INPUT - خطا در پردازش رسید دیجیتالی',
  // ... more error codes
}

// Transaction States
const stateMessages = {
  'OK': 'تراکنش موفق',
  'Canceled By User': 'تراکنش توسط خریدار کنسل شد',
  'No Sufficient Funds': 'موجودی ناکافی',
  // ... more states
}