hrms-hailp/ ├── database/ │ └── schema.sql # 8 MySQL tables (admins, employees, attendance, punch_logs, shift_settings, holidays, leaves, authorized_devices) │ ├── backend/ │ ├── .htaccess # Security headers, deny direct directory listings, block config/helpers │ ├── composer.json # mPDF dependency for high-resolution A4 PDF payroll audits │ ├── config/ │ │ ├── database.php # PDO MySQL singleton connection with utf8mb4 & error mode │ │ └── constants.php # JWT secrets, directory paths (uploads, exports), punch types │ ├── helpers/ │ │ ├── jwt.php # HMAC-SHA256 JWT encoder, decoder & verification │ │ └── response.php # JSON responses, CORS headers, device token & admin auth guards │ ├── api/ │ │ ├── kiosk/ │ │ │ ├── bootstrap.php # GET: Initial sync of active employees, shift rules, holidays │ │ │ ├── punch.php # POST: Records attendance punch, auto-computes late/on-time/hours │ │ │ └── sync_offline.php# POST: Batch synchronizes punches stored during network drops │ │ └── admin/ │ │ ├── auth/ │ │ │ └── login.php # POST: Admin login, password_verify() -> signed JWT │ │ ├── employees.php # GET/POST/PUT/DELETE: Employee profiles & registration photos │ │ ├── shift.php # GET/POST: Office timings, grace periods, OT thresholds │ │ ├── holidays.php # GET/POST/DELETE: Public and company holidays │ │ ├── leaves.php # GET/POST/DELETE: Employee leave applications & approvals │ │ ├── attendance/ │ │ │ └── daily.php # GET: Daily ledger with master vs live face photo comparison │ │ └── reports/ │ │ ├── monthly.php # GET: Aggregates monthly payable days, lates, hours │ │ ├── export_pdf.php # GET: Streams mPDF generated executive PDF attendance sheet │ │ └── export_csv.php # GET: Generates payroll CSV spreadsheet export │ ├── uploads/ # Local storage for photos (registered/ and punches/YYYY/MM/DD/) │ └── exports/ # Local storage for generated PDF & CSV payroll reports │ ├── admin/ # Vanilla HTML5/CSS3/ES6 Administration UI │ ├── login.html # JWT sign-in page │ ├── dashboard.html # Today's attendance counters & staff status summary │ ├── attendance.html # Daily audit table with modal punch timeline & face comparison │ ├── employees.html # Employee CRUD table with photo upload dialog │ ├── shift.html # Shift policy editor form │ ├── leaves.html # Holiday calendar & leave tracker │ ├── reports.html # Monthly payroll summary table with 1-click PDF/CSV export │ └── assets/ │ ├── css/admin.css # Modern CSS styles for sidebar, tables, cards & badges │ ├── js/admin.js # Auth guards, apiFetch wrapper, clocks, modals, toast │ └── img/placeholder.png # Default avatar for staff without profile pictures │ └── kiosk/ # React Native / Expo Tablet Kiosk App ├── App.js # Navigation container (Stack navigation: Home -> Camera) ├── app.json # Expo configuration (landscape tablet orientation, permissions) └── src/ ├── constants.js # API URLs, device tokens, color palette ├── services/ │ ├── db.js # Expo-SQLite local storage for offline punch queuing │ └── api.js # API calls: bootstrap, punch upload, offline batch sync └── screens/ ├── HomeScreen.js # Staff roster grid, search filter, online/offline status └── CameraScreen.js # Face capture, countdown, liveness, punch submission