"use client"

import { useMemo, useState } from "react"
import { ExternalLink, Link2, Trash2 } from "lucide-react"
import { SettingsSectionHeader } from "@/components/gmail/settings/settings-section-header"
import { SettingsSyncBanner } from "@/components/gmail/settings/settings-sync-banner"
import { useAdminPublicShares } from "@/lib/api/hooks/use-admin-queries"
import { useRevokeAdminPublicShare } from "@/lib/api/hooks/use-admin-mutations"
import type { AdminPublicShare } from "@/lib/api/admin-types"
import { Button } from "@/components/ui/button"
import { Input } from "@/components/ui/input"
import { Label } from "@/components/ui/label"
import { Badge } from "@/components/ui/badge"
import {
  Table,
  TableBody,
  TableCell,
  TableHead,
  TableHeader,
  TableRow,
} from "@/components/ui/table"

const ACCESS_MODE_LABELS: Record<string, string> = {
  public: "Lien public",
  email: "Invitation e-mail",
  internal: "Interne",
}

export function PublicSharesSection() {
  const [q, setQ] = useState("")
  const [page, setPage] = useState(1)

  const queryParams = useMemo(
    () => ({
      page,
      page_size: 25,
      q: q.trim() || undefined,
    }),
    [page, q]
  )

  const { data, isFetching, isError, refetch } = useAdminPublicShares(queryParams)
  const revoke = useRevokeAdminPublicShare()

  const shares = data?.shares ?? []
  const total = data?.pagination.total ?? 0
  const pageSize = data?.pagination.page_size ?? 25
  const totalPages = Math.max(1, Math.ceil(total / pageSize))

  return (
    <>
      <SettingsSectionHeader
        title="Partages externes"
        description="Audit des liens publics et invitations Drive — création, dernier accès et révocation."
      />
      <SettingsSyncBanner isFetching={isFetching} isError={isError} onRetry={() => refetch()} />

      <div className="mb-4 max-w-md">
        <Label className="text-xs">Recherche</Label>
        <Input
          className="mt-1 h-9"
          value={q}
          onChange={(e) => {
            setQ(e.target.value)
            setPage(1)
          }}
          placeholder="Propriétaire, chemin, token, destinataire…"
        />
      </div>

      <div className="overflow-x-auto rounded-lg border">
        <Table>
          <TableHeader>
            <TableRow>
              <TableHead>Ressource</TableHead>
              <TableHead>Propriétaire</TableHead>
              <TableHead>Type</TableHead>
              <TableHead className="hidden md:table-cell">Créé le</TableHead>
              <TableHead className="hidden lg:table-cell">Dernier accès</TableHead>
              <TableHead className="w-24 text-right">Accès</TableHead>
              <TableHead className="w-28" />
            </TableRow>
          </TableHeader>
          <TableBody>
            {shares.length === 0 ? (
              <TableRow>
                <TableCell colSpan={7} className="text-center text-muted-foreground">
                  {isFetching ? "Chargement…" : "Aucun partage externe actif."}
                </TableCell>
              </TableRow>
            ) : (
              shares.map((share) => (
                <ShareRow
                  key={`${share.owner_nc_user_id}-${share.id}`}
                  share={share}
                  revoking={revoke.isPending}
                  onRevoke={() =>
                    void revoke.mutateAsync({
                      shareId: share.id,
                      ownerNcUserId: share.owner_nc_user_id,
                    })
                  }
                />
              ))
            )}
          </TableBody>
        </Table>
      </div>

      {totalPages > 1 ? (
        <div className="mt-4 flex items-center justify-between text-sm">
          <span className="text-muted-foreground">
            {total.toLocaleString("fr-FR")} partage(s)
          </span>
          <div className="flex gap-2">
            <Button
              variant="outline"
              size="sm"
              disabled={page <= 1}
              onClick={() => setPage((p) => p - 1)}
            >
              Précédent
            </Button>
            <Button
              variant="outline"
              size="sm"
              disabled={page >= totalPages}
              onClick={() => setPage((p) => p + 1)}
            >
              Suivant
            </Button>
          </div>
        </div>
      ) : null}
    </>
  )
}

function ShareRow({
  share,
  revoking,
  onRevoke,
}: {
  share: AdminPublicShare
  revoking: boolean
  onRevoke: () => void
}) {
  const modeLabel =
    ACCESS_MODE_LABELS[share.access_mode] ??
    (share.share_type === 4 ? "Invitation e-mail" : "Lien public")

  function handleRevoke() {
    const label = share.path || share.token
    if (
      confirm(
        `Révoquer le partage « ${label} » créé par ${share.owner_email} ?\nLe lien ne sera plus accessible.`
      )
    ) {
      onRevoke()
    }
  }

  return (
    <TableRow>
      <TableCell>
        <div className="flex items-start gap-2">
          <Link2 className="mt-0.5 size-4 shrink-0 text-muted-foreground" aria-hidden />
          <div className="min-w-0">
            <div className="truncate font-medium" title={share.path}>
              {basename(share.path) || "—"}
            </div>
            <div className="truncate text-xs text-muted-foreground" title={share.path}>
              {share.path}
            </div>
            {share.share_with ? (
              <div className="mt-0.5 text-xs text-muted-foreground">
                → {share.share_with_display_name || share.share_with}
              </div>
            ) : null}
          </div>
        </div>
      </TableCell>
      <TableCell>
        <div className="text-sm">{share.owner_display_name || "—"}</div>
        <div className="text-xs text-muted-foreground">{share.owner_email}</div>
      </TableCell>
      <TableCell>
        <div className="flex flex-wrap items-center gap-1">
          <Badge variant="secondary">{modeLabel}</Badge>
          {share.has_password ? <Badge variant="outline">Mot de passe</Badge> : null}
        </div>
      </TableCell>
      <TableCell className="hidden text-xs text-muted-foreground md:table-cell">
        {formatDateTime(share.created_at)}
      </TableCell>
      <TableCell className="hidden text-xs text-muted-foreground lg:table-cell">
        {share.last_access_at ? formatDateTime(share.last_access_at) : "Jamais"}
      </TableCell>
      <TableCell className="text-right text-sm tabular-nums">
        {share.access_count > 0 ? share.access_count.toLocaleString("fr-FR") : "—"}
      </TableCell>
      <TableCell>
        <div className="flex justify-end gap-1">
          {share.url ? (
            <Button variant="ghost" size="icon" className="size-8" asChild>
              <a href={share.url} target="_blank" rel="noopener noreferrer" title="Ouvrir le lien">
                <ExternalLink className="size-4" />
              </a>
            </Button>
          ) : null}
          <Button
            variant="ghost"
            size="icon"
            className="size-8 text-destructive hover:text-destructive"
            disabled={revoking}
            onClick={handleRevoke}
            title="Révoquer le partage"
          >
            <Trash2 className="size-4" />
          </Button>
        </div>
      </TableCell>
    </TableRow>
  )
}

function formatDateTime(value?: string | null): string {
  if (!value) return "—"
  const d = new Date(value)
  if (Number.isNaN(d.getTime())) return "—"
  return d.toLocaleString("fr-FR", {
    dateStyle: "short",
    timeStyle: "short",
  })
}

function basename(path: string): string {
  const trimmed = path.replace(/\/+$/, "")
  const idx = trimmed.lastIndexOf("/")
  if (idx < 0) return trimmed
  return trimmed.slice(idx + 1) || trimmed
}