'use client'

import Link from 'next/link'
import { deleteListingAction } from '@/app/dashboard/actions'
import { Icon } from '@/components/terrano/Icon'

export function ListingActions({ slug, listingId }: { slug: string; listingId: string }) {
  return (
    <div style={{ display: 'flex', gap: 6, marginTop: 8 }}>
      <Link
        href={`/dashboard/editar/${slug}`}
        className="btn xs ghost"
        style={{ flex: 1, border: '1px solid var(--line-soft)' }}
      >
        <Icon name="pickaxe" size={11} /> Editar
      </Link>
      <form
        action={deleteListingAction}
        onSubmit={(e) => {
          if (!confirm('¿Borrar esta publicación? Esta acción no se puede deshacer.')) e.preventDefault()
        }}
        style={{ flex: 1 }}
      >
        <input type="hidden" name="listingId" value={listingId} />
        <button
          type="submit"
          className="btn xs ghost"
          style={{ width: '100%', border: '1px solid var(--line-soft)', color: 'var(--warn, #c2410c)' }}
        >
          <Icon name="x" size={11} /> Borrar
        </button>
      </form>
    </div>
  )
}