Payins

import { useState } from 'react';

function DepositForm() {
  const [loading, setLoading] = useState(false);
  const [deposit, setDeposit] = useState(null);

  const createDeposit = async (amount, currency) => {
    setLoading(true);
    try {
      const response = await fetch('/api/create-deposit', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({
          amount,
          currency,
          clientRef: `DEP-${Date.now()}`
        })
      });

      const data = await response.json();
      setDeposit(data);
    } catch (error) {
      console.error('Deposit creation failed:', error);
    } finally {
      setLoading(false);
    }
  };

  return (
    <div>
      <button
        onClick={() => createDeposit('500.00', 'EUR')}
        disabled={loading}
      >
        {loading ? 'Creating Deposit...' : 'Deposit €500.00'}
      </button>

      {deposit && (
        <div className="payment-instructions">
          <h3>Bank Transfer Instructions</h3>
          <div>
            <strong>IBAN:</strong> {deposit.iban}
          </div>
          <div>
            <strong>BIC:</strong> {deposit.bic}
          </div>
          <div>
            <strong>Reference:</strong> {deposit.reference}
          </div>
          <div>
            <strong>Amount:</strong> {deposit.amount} {deposit.currency}
          </div>
          <p>
            Please use the reference code exactly as shown.
            Your payment will be credited within 1-2 business days.
          </p>
        </div>
      )}
    </div>
  );
}