Precificação por Assento

import { Chargefy } from '@chargefy/sdk'

export const chargefy = new Chargefy({
  accessToken: process.env.CHARGEFY_ACCESS_TOKEN!,
  // Para sandbox:
  // server: 'sandbox'
})

import { Router } from 'express'
import { chargefy } from '../lib/chargefy.js'

export const seatsRouter = Router()

// Obter informacoes de assentos da organizacao
seatsRouter.get('/info', async (req, res) => {
  try {
    const orgId = req.user.organizationId
    const subscription = await getOrgSubscription(orgId)

    if (!subscription) {
      return res.json({ hasSubscription: false })
    }

    const activeUsers = await db.users.count({ organizationId: orgId, active: true })

    res.json({
      hasSubscription: true,
      totalSeats: subscription.quantity,
      usedSeats: activeUsers,
      availableSeats: subscription.quantity - activeUsers,
      pricePerSeat: subscription.amount / subscription.quantity,
      totalAmount: subscription.amount,
      interval: subscription.recurringInterval,
    })
  } catch (error) {
    res.status(500).json({ error: 'Falha ao buscar informacoes de assentos' })
  }
})

// Adicionar assentos
seatsRouter.post('/add', async (req, res) => {
  try {
    const { seatsToAdd } = req.body
    const orgId = req.user.organizationId
    const subscription = await getOrgSubscription(orgId)

    if (!subscription) {
      return res.status(400).json({ error: 'Nenhuma assinatura ativa' })
    }

    const newQuantity = subscription.quantity + seatsToAdd

    const updated = await chargefy.subscriptions.update(subscription.id, {
      quantity: newQuantity,
      proration: true,
    })

    res.json({
      totalSeats: updated.quantity,
      prorationAmount: updated.prorationAmount,
      newMonthlyTotal: updated.amount,
    })
  } catch (error) {
    res.status(400).json({ error: 'Falha ao adicionar assentos' })
  }
})

// Remover assentos
seatsRouter.post('/remove', async (req, res) => {
  try {
    const { seatsToRemove } = req.body
    const orgId = req.user.organizationId
    const subscription = await getOrgSubscription(orgId)

    if (!subscription) {
      return res.status(400).json({ error: 'Nenhuma assinatura ativa' })
    }

    const activeUsers = await db.users.count({ organizationId: orgId, active: true })
    const newQuantity = subscription.quantity - seatsToRemove

    if (newQuantity < activeUsers) {
      return res.status(400).json({
        error: `Nao e possivel reduzir para ${newQuantity} assentos. Existem ${activeUsers} usuarios ativos.`,
      })
    }

    if (newQuantity < 1) {
      return res.status(400).json({ error: 'Minimo de 1 assento' })
    }

    const updated = await chargefy.subscriptions.update(subscription.id, {
      quantity: newQuantity,
      proration: false, // aplica no proximo ciclo
    })

    res.json({
      currentSeats: subscription.quantity,
      newSeats: newQuantity,
      effectiveDate: updated.currentPeriodEnd,
    })
  } catch (error) {
    res.status(400).json({ error: 'Falha ao remover assentos' })
  }
})

async function getOrgSubscription(orgId: string) {
  const subs = await chargefy.subscriptions.list({
    metadata: { organizationId: orgId },
    active: true,
    limit: 1,
  })
  return subs.items[0] || null
}

import { useState, useEffect } from 'react'

interface SeatInfo {
  hasSubscription: boolean
  totalSeats: number
  usedSeats: number
  availableSeats: number
  pricePerSeat: number
  totalAmount: number
  interval: string
}

export function SeatManagement() {
  const [seatInfo, setSeatInfo] = useState<SeatInfo | null>(null)
  const [seatsToChange, setSeatsToChange] = useState(1)
  const [loading, setLoading] = useState(true)

  useEffect(() => {
    fetch('/api/seats/info')
      .then(r => r.json())
      .then(data => {
        setSeatInfo(data)
        setLoading(false)
      })
  }, [])

  async function handleAddSeats() {
    if (!seatInfo) return

    const res = await fetch('/api/seats/add', {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ seatsToAdd: seatsToChange }),
    })

    if (res.ok) {
      const data = await res.json()
      alert(`${seatsToChange} assento(s) adicionado(s). Prorata: R$ ${(data.prorationAmount / 100).toFixed(2)}`)
      window.location.reload()
    }
  }

  async function handleRemoveSeats() {
    if (!seatInfo) return

    const newTotal = seatInfo.totalSeats - seatsToChange
    if (newTotal < seatInfo.usedSeats) {
      alert(`Nao e possivel. Existem ${seatInfo.usedSeats} usuarios ativos.`)
      return
    }

    const res = await fetch('/api/seats/remove', {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify({ seatsToRemove: seatsToChange }),
    })

    if (res.ok) {
      const data = await res.json()
      alert(`Reducao agendada para ${data.effectiveDate}`)
      window.location.reload()
    }
  }

  if (loading) return <div>Carregando...</div>
  if (!seatInfo?.hasSubscription) return <div>Nenhuma assinatura ativa.</div>

  const formatCurrency = (cents: number) => `R$ ${(cents / 100).toFixed(2)}`

  return (
    <div style={{ maxWidth: '600px' }}>
      <h2>Gerenciamento de Assentos</h2>

      {/* Resumo */}
      <div style={{ border: '1px solid #e5e7eb', borderRadius: '8px', padding: '1.5rem', marginBottom: '1.5rem' }}>
        <div style={{ display: 'grid', gridTemplateColumns: '1fr 1fr 1fr', gap: '1rem', textAlign: 'center' }}>
          <div>
            <p style={{ fontSize: '2rem', fontWeight: 'bold' }}>{seatInfo.usedSeats}</p>
            <p style={{ color: '#6b7280' }}>Em uso</p>
          </div>
          <div>
            <p style={{ fontSize: '2rem', fontWeight: 'bold' }}>{seatInfo.availableSeats}</p>
            <p style={{ color: '#6b7280' }}>Disponiveis</p>
          </div>
          <div>
            <p style={{ fontSize: '2rem', fontWeight: 'bold' }}>{seatInfo.totalSeats}</p>
            <p style={{ color: '#6b7280' }}>Total</p>
          </div>
        </div>

        <hr style={{ margin: '1rem 0' }} />

        <p>
          <strong>Valor por assento:</strong> {formatCurrency(seatInfo.pricePerSeat)}/{seatInfo.interval === 'month' ? 'mes' : 'ano'}
        </p>
        <p>
          <strong>Total mensal:</strong> {formatCurrency(seatInfo.totalAmount)}
        </p>
      </div>

      {/* Controles */}
      <div style={{ border: '1px solid #e5e7eb', borderRadius: '8px', padding: '1.5rem' }}>
        <h3>Alterar quantidade</h3>
        <div style={{ display: 'flex', alignItems: 'center', gap: '1rem', marginBottom: '1rem' }}>
          <label>Assentos:</label>
          <input
            type="number"
            min={1}
            max={100}
            value={seatsToChange}
            onChange={e => setSeatsToChange(Number(e.target.value))}
            style={{ width: '80px', padding: '0.5rem', border: '1px solid #d1d5db', borderRadius: '4px' }}
          />
        </div>

        <div style={{ display: 'flex', gap: '0.5rem' }}>
          <button
            onClick={handleAddSeats}
            style={{ padding: '0.5rem 1rem', background: '#2563eb', color: 'white', border: 'none', borderRadius: '4px', cursor: 'pointer' }}
          >
            Adicionar {seatsToChange} assento(s)
          </button>
          <button
            onClick={handleRemoveSeats}
            style={{ padding: '0.5rem 1rem', background: '#dc2626', color: 'white', border: 'none', borderRadius: '4px', cursor: 'pointer' }}
          >
            Remover {seatsToChange} assento(s)
          </button>
        </div>

        <p style={{ marginTop: '0.5rem', fontSize: '0.875rem', color: '#6b7280' }}>
          Adicionar assentos cobra prorata imediatamente. Remover aplica no proximo ciclo.
        </p>
      </div>
    </div>
  )
}