import Link from "next/link";
import type { StoreListItem } from "@/types/api";

/** winofyfrontenddoc (1).md §3.5 store-card. */
export function StoreCard({ store }: { store: StoreListItem }) {
  return (
    <Link
      href={`/stores/${store.uuid}`}
      className="flex items-center gap-3 rounded-xl border border-gray-300 bg-white p-3 shadow-sm"
    >
      <div className="h-[72px] w-[72px] shrink-0 overflow-hidden rounded-[10px] border border-gray-300 bg-muted">
        {store.logo_url && (
          // eslint-disable-next-line @next/next/no-img-element
          <img src={store.logo_url} alt={store.name} className="h-full w-full object-cover" />
        )}
      </div>
      <div className="flex flex-1 flex-col gap-1">
        <h3 className="text-[15px] leading-[22px] font-bold text-foreground">{store.name}</h3>
        <span className="w-fit rounded-full bg-muted px-2 py-0.5 text-label text-gray-600">{store.category.name}</span>
        <div className="flex items-center justify-between text-label text-gray-600">
          <span>⭐ {Number(store.rating_avg).toFixed(1)}</span>
          <span>{store.is_open ? "باز" : "بسته"}</span>
        </div>
      </div>
    </Link>
  );
}