export default function ProjectDetailFixture() {
  return (
    <div>
      <div className="admin-page-header">
        <div style={{ display: "flex", alignItems: "center", gap: "0.5rem" }}>
          <a href="/projects" className="admin-btn-icon">
            <svg
              width="20"
              height="20"
              viewBox="0 0 24 24"
              fill="none"
              stroke="currentColor"
              strokeWidth="2"
            >
              <path d="M19 12H5M12 19l-7-7 7-7" />
            </svg>
          </a>
          <div>
            <h1 className="admin-page-title">PRJ-001 Projekt Alpha</h1>
          </div>
        </div>
        <div className="admin-page-actions">
          <button className="admin-btn admin-btn-primary">Uložit</button>
          <button className="admin-btn admin-btn-secondary">Smazat</button>
        </div>
      </div>
      <div className="admin-card" style={{ marginBottom: "1rem" }}>
        <div className="admin-card-body">
          <div
            className="admin-form-row"
            style={{
              display: "grid",
              gridTemplateColumns: "1fr 1fr",
              gap: "1rem",
            }}
          >
            <div className="admin-form-group">
              <label className="admin-form-label">Název projektu</label>
              <input
                className="admin-form-input"
                value="Projekt Alpha"
                readOnly
              />
            </div>
            <div className="admin-form-group">
              <label className="admin-form-label">Stav</label>
              <select className="admin-form-select">
                <option>Aktivní</option>
              </select>
            </div>
            <div className="admin-form-group">
              <label className="admin-form-label">Začátek</label>
              <input type="date" className="admin-form-input" readOnly />
            </div>
            <div className="admin-form-group">
              <label className="admin-form-label">Konec</label>
              <input type="date" className="admin-form-input" readOnly />
            </div>
          </div>
        </div>
      </div>
      <div className="admin-card" style={{ marginBottom: "1rem" }}>
        <div className="admin-card-body">
          <h3 className="admin-card-title">Poznámky</h3>
          <textarea className="admin-form-input" rows={4} readOnly />
        </div>
      </div>
    </div>
  );
}