/** Siparişin ilan fotoğrafları, videodaki sırayla. */
export function OrderPhotos({ id, count }: { id: string; count: number }) {
  if (!count) return null;
  return (
    <div className="grid grid-cols-3 gap-1.5 sm:grid-cols-6">
      {Array.from({ length: count }, (_, i) => (
        <a key={i} href={`/api/orders/${id}/photos/${i}`} target="_blank" rel="noopener" className="relative block aspect-[3/4] overflow-hidden bg-paper-2">
          {/* eslint-disable-next-line @next/next/no-img-element */}
          <img src={`/api/orders/${id}/photos/${i}`} alt={`İlan fotoğrafı ${i + 1}`} loading="lazy" className="h-full w-full object-cover" />
          <span className="num absolute left-0 top-0 bg-ink px-1.5 text-[11px] font-bold text-white">{i + 1}</span>
        </a>
      ))}
    </div>
  );
}