export default function AttendanceAdminFixture() {
  return (
    <div>
      <div className="admin-page-header">
        <div>
          <h1 className="admin-page-title">Správa docházky</h1>
        </div>
        <div className="admin-page-actions">
          <button className="admin-btn admin-btn-secondary">
            Vyplnit měsíc
          </button>
          <button className="admin-btn admin-btn-primary">Přidat záznam</button>
        </div>
      </div>
      <div className="admin-card mb-6">
        <div className="admin-card-body">
          <div className="admin-form-row">
            <label className="admin-form-label">Měsíc</label>
            <select className="admin-form-select" />
            <label className="admin-form-label">Zaměstnanec</label>
            <select className="admin-form-select" />
          </div>
        </div>
      </div>
      <div className="admin-grid admin-grid-3">
        {Array.from({ length: 3 }, (_, i) => (
          <div key={i} className="admin-card">
            <div className="admin-card-body">
              <div className="flex-row gap-2 mb-2">
                <span style={{ fontWeight: 600 }}>Jan Novák</span>
                <span className="attendance-working-badge finished">
                  &#10007;
                </span>
              </div>
              <div className="admin-stat-value">8:00</div>
              <div className="admin-stat-label">odpracováno</div>
            </div>
          </div>
        ))}
      </div>
      <div className="admin-card">
        <div className="admin-card-body">
          <div className="admin-table-responsive">
            <table className="admin-table">
              <thead>
                <tr>
                  <th>Datum</th>
                  <th>Příchod</th>
                  <th>Odchod</th>
                  <th>Hodiny</th>
                </tr>
              </thead>
              <tbody>
                {Array.from({ length: 4 }, (_, i) => (
                  <tr key={i}>
                    <td>1. 4. 2025</td>
                    <td className="admin-mono">08:00</td>
                    <td className="admin-mono">16:00</td>
                    <td className="admin-mono">8:00</td>
                  </tr>
                ))}
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  );
}
