export default function OfferDetailFixture() {
  return (
    <div>
      <div className="admin-page-header">
        <button className="admin-btn-icon">←</button>
        <h1 className="admin-page-title">NAB-2024-001</h1>
        <button className="admin-btn admin-btn-primary">Uložit</button>
      </div>
      <div className="admin-card">
        <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">Číslo nabídky</label>
              <div className="admin-form-input">NAB-2024-001</div>
            </div>
            <div className="admin-form-group">
              <label className="admin-form-label">Zákazník</label>
              <div className="admin-form-input">Firma s.r.o.</div>
            </div>
            <div className="admin-form-group">
              <label className="admin-form-label">Datum</label>
              <div className="admin-form-input">1. 1. 2024</div>
            </div>
            <div className="admin-form-group">
              <label className="admin-form-label">Platnost do</label>
              <div className="admin-form-input">31. 1. 2024</div>
            </div>
          </div>
          <table className="admin-table" style={{ marginTop: "1rem" }}>
            <thead>
              <tr>
                <th>Položka</th>
                <th>Množství</th>
                <th>Cena</th>
                <th>Celkem</th>
              </tr>
            </thead>
            <tbody>
              {Array.from({ length: 3 }, (_, i) => (
                <tr key={i}>
                  <td>Položka {i + 1}</td>
                  <td>1</td>
                  <td>10 000 Kč</td>
                  <td>10 000 Kč</td>
                </tr>
              ))}
            </tbody>
          </table>
        </div>
      </div>
    </div>
  );
}
