'use client';
import { useState } from 'react';
import { CopyLink } from './CopyLink';
/** Teslim edilen video için alıcıya gönderilecek izleme bağlantısı. */
export function ShareControl({ id, initial, base, views = 0 }: { id: string; initial: string | null; base: string; views?: number }) {
  const [tok, setTok] = useState(initial); const [busy, setBusy] = useState(false);
  const set = async (on: boolean) => { setBusy(true); const r = await fetch(`/api/orders/${id}/share`, { method: 'POST', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ on }) }); const j = await r.json().catch(() => ({})); if (r.ok) setTok(j.token); setBusy(false); };
  const url = tok ? `${base}/izle/${tok}` : '';
  return (
    <div className="bg-paper-2 p-3">
      <div className="flex items-center justify-between gap-3"><div><div className="text-[14.5px] font-bold">İzleme bağlantısı</div><p className="text-[12.5px] text-ink-soft">Video, parselin haritası ve sizi arama düğmeleri.</p></div>
        <button disabled={busy} onClick={() => set(!tok)} role="switch" aria-checked={!!tok} className={`btn-sm btn shrink-0 ${tok ? 'border border-ink bg-white' : 'bg-ink text-white'}`}>{tok ? 'Kapat' : 'Bağlantı aç'}</button></div>
      {tok && (<div className="mt-3 space-y-2"><CopyLink value={url} />
        <div className="grid grid-cols-2 gap-2"><a href={`https://wa.me/?text=${encodeURIComponent(url)}`} target="_blank" rel="noopener" className="btn-ink btn-sm">WhatsApp ile gönder</a><a href={url} target="_blank" rel="noopener" className="btn-line btn-sm">Sayfayı aç</a></div>
        <p className="text-[12.5px] text-ink-soft">Bu bağlantı <b className="num">{views.toLocaleString('tr-TR')}</b> kez açıldı.</p></div>)}
    </div>
  );
}