export default function AttendanceLocationFixture() {
  return (
    <div>
      <div className="admin-page-header">
        <div style={{ display: "flex", alignItems: "center", gap: "0.75rem" }}>
          <svg
            width="32"
            height="32"
            viewBox="0 0 24 24"
            fill="none"
            stroke="currentColor"
            strokeWidth="2"
          >
            <path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z" />
            <circle cx="12" cy="10" r="3" />
          </svg>
          <h1 className="admin-page-title">Lokace</h1>
        </div>
      </div>
      <div className="admin-card" style={{ height: 300, marginBottom: "1rem" }}>
        <div
          style={{
            background: "var(--bg-secondary)",
            height: "100%",
            borderRadius: 8,
          }}
        />
      </div>
      <div
        style={{ display: "grid", gridTemplateColumns: "1fr 1fr", gap: "1rem" }}
      >
        <div className="admin-card">
          <div className="admin-card-body">
            <h3 style={{ marginBottom: "0.5rem" }}>Poloha</h3>
            <p>50.0755° N, 14.4378° E</p>
            <p>Praha, Česká republika</p>
          </div>
        </div>
        <div className="admin-card">
          <div className="admin-card-body">
            <h3 style={{ marginBottom: "0.5rem" }}>Čas záznamu</h3>
            <p>1. 1. 2024 08:00</p>
            <p>Přesnost: 10 m</p>
          </div>
        </div>
      </div>
    </div>
  );
}
