Upload 23 files

Frontendplanner.md

@@ -0,0 +1,920 @@
+# Frontend Developer API Documentation
+# Architecture PM System - KillaDesign
+
+**Base URL**: `http://localhost:8000` (Development)  
+**Framework**: FastAPI  
+**Database**: PostgreSQL
+
+---
+
+## Table of Contents
+1. [Dashboard](#dashboard)
+2. [Projects](#projects)
+3. [Employees](#employees)
+4. [Timesheets](#timesheets)
+5. [Milestones](#milestones)
+6. [Invoices](#invoices)
+7. [Subcontractors](#subcontractors)
+8. [Staff Allocation](#staff-allocation)
+9. [Data Models](#data-models)
+
+---
+
+## Dashboard
+
+### Get Dashboard Statistics
+Returns statistics for display on the home page.
+
+**Endpoint**: `GET /`  
+**Response Type**: HTML Page  
+**Description**: Returns rendered HTML with dashboard statistics
+
+**Response Context**:
+```json
+{
+  "projects_count": 0,
+  "employees_count": 0,
+  "timesheets_count": 0,
+  "invoices_count": 0
+}
+```
+
+---
+
+## Projects
+
+### 1. List All Projects (HTML)
+**Endpoint**: `GET /projects`  
+**Response Type**: HTML  
+**Description**: Returns rendered HTML page with projects list
+
+---
+
+### 2. List All Projects (API)
+**Endpoint**: `GET /api/projects`  
+**Response Type**: JSON  
+**Description**: Returns array of all projects
+
+**Response Example**:
+```json
+[
+  {
+    "project_id": "PROJ001",
+    "project_name": "Villa Design",
+    "client_name": "ABC Corporation",
+    "contract_value_aed": 500000.00,
+    "planned_cost_aed": 400000.00,
+    "project_start_date": "2024-01-01",
+    "project_end_date": "2024-12-31",
+    "project_type": "Residential",
+    "project_status": "Active",
+    "current_phase": "Design Development",
+    "created_at": "2024-01-01T10:00:00Z",
+    "updated_at": "2024-01-01T10:00:00Z"
+  }
+]
+```
+
+---
+
+### 3. Create Project
+**Endpoint**: `POST /projects/create`  
+**Content-Type**: `application/x-www-form-urlencoded`  
+**Description**: Creates a new project
+
+**Request Parameters**:
+| Parameter | Type | Required | Description |
+|-----------|------|----------|-------------|
+| project_id | string | Yes | Unique project identifier |
+| project_name | string | Yes | Name of the project |
+| client_name | string | Yes | Name of the client |
+| contract_value_aed | float | Yes | Contract value in AED |
+| planned_cost_aed | float | Yes | Planned cost in AED |
+| project_start_date | date | Yes | Start date (YYYY-MM-DD) |
+| project_end_date | date | Yes | End date (YYYY-MM-DD) |
+| project_type | string | Yes | Type of project |
+| project_status | string | Yes | Current status |
+| current_phase | string | No | Current project phase |
+
+**Example Request (Form Data)**:
+```
+project_id=PROJ002
+project_name=Modern Office Building
+client_name=XYZ Ltd
+contract_value_aed=1500000.00
+planned_cost_aed=1200000.00
+project_start_date=2024-02-01
+project_end_date=2025-02-01
+project_type=Commercial
+project_status=Planning
+current_phase=Initial Design
+```
+
+**Response**: Redirects to `/projects` (Status 303)
+
+---
+
+### 4. Delete Project
+**Endpoint**: `POST /projects/delete/{project_id}`  
+**Description**: Deletes a project by ID
+
+**Path Parameters**:
+- `project_id`: string - The project ID to delete
+
+**Response**: Redirects to `/projects` (Status 303)
+
+---
+
+## Employees
+
+### 1. List All Employees (HTML)
+**Endpoint**: `GET /employees`  
+**Response Type**: HTML  
+**Description**: Returns rendered HTML page with employees list
+
+---
+
+### 2. List All Employees (API)
+**Endpoint**: `GET /api/employees`  
+**Response Type**: JSON  
+**Description**: Returns array of all employees
+
+**Response Example**:
+```json
+[
+  {
+    "employee_id": "EMP001",
+    "employee_name": "John Doe",
+    "department": "Architecture",
+    "role": "Senior Architect",
+    "hourly_rate_aed": 250.00,
+    "employment_type": "Full-time",
+    "start_date": "2023-01-15",
+    "end_date": null,
+    "cost_category": "Professional",
+    "is_active": true,
+    "email": "john.doe@example.com",
+    "phone": "+971501234567",
+    "created_at": "2023-01-15T09:00:00Z",
+    "updated_at": "2023-01-15T09:00:00Z"
+  }
+]
+```
+
+---
+
+### 3. Create Employee
+**Endpoint**: `POST /employees/create`  
+**Content-Type**: `application/x-www-form-urlencoded`  
+**Description**: Creates a new employee
+
+**Request Parameters**:
+| Parameter | Type | Required | Description |
+|-----------|------|----------|-------------|
+| employee_id | string | Yes | Unique employee identifier |
+| employee_name | string | Yes | Employee's full name |
+| department | string | Yes | Department name |
+| role | string | Yes | Job role/title |
+| hourly_rate_aed | float | Yes | Hourly rate in AED |
+| employment_type | string | Yes | Full-time/Part-time/Contract |
+| start_date | date | Yes | Employment start date |
+| cost_category | string | Yes | Cost category classification |
+| email | string | No | Email address |
+| phone | string | No | Phone number |
+
+**Example Request (Form Data)**:
+```
+employee_id=EMP002
+employee_name=Jane Smith
+department=Interior Design
+role=Interior Designer
+hourly_rate_aed=180.00
+employment_type=Full-time
+start_date=2023-06-01
+cost_category=Professional
+email=jane.smith@example.com
+phone=+971507654321
+```
+
+**Response**: Redirects to `/employees` (Status 303)
+
+---
+
+### 4. Delete Employee
+**Endpoint**: `POST /employees/delete/{employee_id}`  
+**Description**: Deletes an employee by ID
+
+**Path Parameters**:
+- `employee_id`: string - The employee ID to delete
+
+**Response**: Redirects to `/employees` (Status 303)
+
+---
+
+## Timesheets
+
+### 1. List All Timesheets (HTML)
+**Endpoint**: `GET /timesheets`  
+**Response Type**: HTML  
+**Description**: Returns rendered HTML page with timesheets list, employees, and projects
+
+---
+
+### 2. List All Timesheets (API)
+**Endpoint**: `GET /api/timesheets`  
+**Response Type**: JSON  
+**Description**: Returns array of timesheets (limited to 200 records)
+
+**Response Example**:
+```json
+[
+  {
+    "record_id": "TS001",
+    "date": "2024-01-15",
+    "employee_id": "EMP001",
+    "project_id": "PROJ001",
+    "hours_worked": 8.00,
+    "billable_hours": 7.50,
+    "work_category": "Design",
+    "task_description": "Conceptual drawings and sketches",
+    "is_approved": false,
+    "created_at": "2024-01-15T18:00:00Z",
+    "updated_at": "2024-01-15T18:00:00Z"
+  }
+]
+```
+
+---
+
+### 3. Create Timesheet
+**Endpoint**: `POST /timesheets/create`  
+**Content-Type**: `application/x-www-form-urlencoded`  
+**Description**: Creates a new timesheet entry
+
+**Request Parameters**:
+| Parameter | Type | Required | Description |
+|-----------|------|----------|-------------|
+| record_id | string | Yes | Unique record identifier |
+| date | date | Yes | Date of work (YYYY-MM-DD) |
+| employee_id | string | Yes | Employee ID (FK) |
+| project_id | string | Yes | Project ID (FK) |
+| hours_worked | float | Yes | Total hours worked |
+| billable_hours | float | Yes | Billable hours |
+| work_category | string | Yes | Category of work |
+| task_description | string | No | Description of tasks |
+
+**Example Request (Form Data)**:
+```
+record_id=TS002
+date=2024-01-16
+employee_id=EMP001
+project_id=PROJ001
+hours_worked=8.00
+billable_hours=8.00
+work_category=Design Development
+task_description=Detailed floor plans and elevations
+```
+
+**Response**: Redirects to `/timesheets` (Status 303)
+
+---
+
+### 4. Delete Timesheet
+**Endpoint**: `POST /timesheets/delete/{record_id}`  
+**Description**: Deletes a timesheet entry by ID
+
+**Path Parameters**:
+- `record_id`: string - The timesheet record ID to delete
+
+**Response**: Redirects to `/timesheets` (Status 303)
+
+---
+
+## Milestones
+
+### 1. List All Milestones (HTML)
+**Endpoint**: `GET /milestones`  
+**Response Type**: HTML  
+**Description**: Returns rendered HTML page with milestones list and projects
+
+---
+
+### 2. List All Milestones (API)
+**Endpoint**: `GET /api/milestones`  
+**Response Type**: JSON  
+**Description**: Returns array of all milestones
+
+**Response Example**:
+```json
+[
+  {
+    "milestone_id": 1,
+    "project_id": "PROJ001",
+    "milestone_name": "Concept Design Approval",
+    "milestone_order": 1,
+    "planned_date": "2024-02-15",
+    "actual_date": "2024-02-14",
+    "status": "Completed",
+    "completion_percentage": 100,
+    "created_at": "2024-01-01T10:00:00Z",
+    "updated_at": "2024-02-14T16:00:00Z"
+  }
+]
+```
+
+---
+
+### 3. Create Milestone
+**Endpoint**: `POST /milestones/create`  
+**Content-Type**: `application/x-www-form-urlencoded`  
+**Description**: Creates a new milestone
+
+**Request Parameters**:
+| Parameter | Type | Required | Description |
+|-----------|------|----------|-------------|
+| project_id | string | Yes | Project ID (FK) |
+| milestone_name | string | Yes | Name of milestone |
+| milestone_order | integer | Yes | Order/sequence number |
+| planned_date | date | Yes | Planned completion date |
+| status | string | Yes | Current status |
+| completion_percentage | integer | No | Completion % (0-100) |
+| actual_date | date | No | Actual completion date |
+
+**Example Request (Form Data)**:
+```
+project_id=PROJ001
+milestone_name=Design Development Complete
+milestone_order=2
+planned_date=2024-04-30
+status=In Progress
+completion_percentage=45
+```
+
+**Response**: Redirects to `/milestones` (Status 303)
+
+---
+
+### 4. Delete Milestone
+**Endpoint**: `POST /milestones/delete/{milestone_id}`  
+**Description**: Deletes a milestone by ID
+
+**Path Parameters**:
+- `milestone_id`: integer - The milestone ID to delete
+
+**Response**: Redirects to `/milestones` (Status 303)
+
+---
+
+## Invoices
+
+### 1. List All Invoices (HTML)
+**Endpoint**: `GET /invoices`  
+**Response Type**: HTML  
+**Description**: Returns rendered HTML page with invoices list and projects
+
+---
+
+### 2. List All Invoices (API)
+**Endpoint**: `GET /api/invoices`  
+**Response Type**: JSON  
+**Description**: Returns array of all invoices
+
+**Response Example**:
+```json
+[
+  {
+    "invoice_id": "INV001",
+    "project_id": "PROJ001",
+    "invoice_date": "2024-02-01",
+    "invoice_amount_aed": 50000.00,
+    "due_date": "2024-03-01",
+    "payment_date": "2024-02-28",
+    "payment_status": "Paid",
+    "days_outstanding": null,
+    "milestone_reference": "Concept Design Approval",
+    "paid_amount_aed": 50000.00,
+    "created_at": "2024-02-01T10:00:00Z",
+    "updated_at": "2024-02-28T14:30:00Z"
+  }
+]
+```
+
+---
+
+### 3. Create Invoice
+**Endpoint**: `POST /invoices/create`  
+**Content-Type**: `application/x-www-form-urlencoded`  
+**Description**: Creates a new invoice
+
+**Request Parameters**:
+| Parameter | Type | Required | Description |
+|-----------|------|----------|-------------|
+| invoice_id | string | Yes | Unique invoice identifier |
+| project_id | string | Yes | Project ID (FK) |
+| invoice_date | date | Yes | Invoice issue date |
+| invoice_amount_aed | float | Yes | Invoice amount in AED |
+| due_date | date | Yes | Payment due date |
+| payment_status | string | Yes | Payment status |
+| payment_date | date | No | Actual payment date |
+| milestone_reference | string | No | Related milestone |
+
+**Example Request (Form Data)**:
+```
+invoice_id=INV002
+project_id=PROJ001
+invoice_date=2024-05-01
+invoice_amount_aed=75000.00
+due_date=2024-05-31
+payment_status=Pending
+milestone_reference=Design Development Complete
+```
+
+**Response**: Redirects to `/invoices` (Status 303)
+
+---
+
+### 4. Delete Invoice
+**Endpoint**: `POST /invoices/delete/{invoice_id}`  
+**Description**: Deletes an invoice by ID
+
+**Path Parameters**:
+- `invoice_id`: string - The invoice ID to delete
+
+**Response**: Redirects to `/invoices` (Status 303)
+
+---
+
+## Subcontractors
+
+### 1. List All Subcontractors (HTML)
+**Endpoint**: `GET /subcontractors`  
+**Response Type**: HTML  
+**Description**: Returns rendered HTML page with subcontractors list and projects
+
+---
+
+### 2. List All Subcontractors (API)
+**Endpoint**: `GET /api/subcontractors`  
+**Response Type**: JSON  
+**Description**: Returns array of all subcontractors
+
+**Response Example**:
+```json
+[
+  {
+    "subcontractor_id": 1,
+    "project_id": "PROJ001",
+    "subcontractor_name": "Elite MEP Services",
+    "service_type": "MEP Consultation",
+    "contract_amount_aed": 150000.00,
+    "amount_invoiced_aed": 50000.00,
+    "payment_status": "Partially Paid",
+    "work_category": "MEP Design",
+    "contract_start_date": "2024-02-01",
+    "contract_end_date": "2024-12-31",
+    "contact_person": "Ahmed Ali",
+    "contact_email": "ahmed@elitemep.com",
+    "contact_phone": "+971504567890",
+    "created_at": "2024-02-01T09:00:00Z",
+    "updated_at": "2024-02-01T09:00:00Z"
+  }
+]
+```
+
+---
+
+### 3. Create Subcontractor
+**Endpoint**: `POST /subcontractors/create`  
+**Content-Type**: `application/x-www-form-urlencoded`  
+**Description**: Creates a new subcontractor
+
+**Request Parameters**:
+| Parameter | Type | Required | Description |
+|-----------|------|----------|-------------|
+| project_id | string | Yes | Project ID (FK) |
+| subcontractor_name | string | Yes | Subcontractor company name |
+| service_type | string | Yes | Type of service provided |
+| contract_amount_aed | float | Yes | Contract amount in AED |
+| amount_invoiced_aed | float | No | Amount invoiced (default: 0) |
+| payment_status | string | Yes | Payment status |
+| work_category | string | Yes | Work category |
+| contact_person | string | No | Contact person name |
+| contact_email | string | No | Contact email |
+
+**Example Request (Form Data)**:
+```
+project_id=PROJ001
+subcontractor_name=Structural Engineering Co
+service_type=Structural Design
+contract_amount_aed=80000.00
+amount_invoiced_aed=0
+payment_status=Not Started
+work_category=Structural
+contact_person=Mohammed Hassan
+contact_email=mohammed@structural.com
+```
+
+**Response**: Redirects to `/subcontractors` (Status 303)
+
+---
+
+### 4. Delete Subcontractor
+**Endpoint**: `POST /subcontractors/delete/{subcontractor_id}`  
+**Description**: Deletes a subcontractor by ID
+
+**Path Parameters**:
+- `subcontractor_id`: integer - The subcontractor ID to delete
+
+**Response**: Redirects to `/subcontractors` (Status 303)
+
+---
+
+## Staff Allocation
+
+### 1. List All Staff Allocations (HTML)
+**Endpoint**: `GET /staff-allocation`  
+**Response Type**: HTML  
+**Description**: Returns rendered HTML page with staff allocations, projects, employees, and milestones
+
+---
+
+### 2. List All Staff Allocations (API)
+**Endpoint**: `GET /api/staff-allocation`  
+**Response Type**: JSON  
+**Description**: Returns array of all staff allocations
+
+**Response Example**:
+```json
+[
+  {
+    "allocation_id": 1,
+    "project_id": "PROJ001",
+    "milestone_id": 1,
+    "milestone_name": "Concept Design Approval",
+    "employee_id": "EMP001",
+    "employee_name": "John Doe",
+    "role": "Senior Architect",
+    "category": "Professional",
+    "hours_allocated": 160.00,
+    "hours_worked": 142.50,
+    "hourly_rate_aed": 250.00,
+    "skill_match_score": 95,
+    "availability_status": "Available",
+    "performance_rating": "Excellent",
+    "start_date": "2024-01-01",
+    "end_date": "2024-02-15",
+    "notes": "Lead designer for concept phase",
+    "created_at": "2024-01-01T10:00:00Z",
+    "updated_at": "2024-02-15T16:00:00Z"
+  }
+]
+```
+
+---
+
+### 3. Create Staff Allocation
+**Endpoint**: `POST /staff-allocation/create`  
+**Content-Type**: `application/x-www-form-urlencoded`  
+**Description**: Creates a new staff allocation
+
+**Request Parameters**:
+| Parameter | Type | Required | Description |
+|-----------|------|----------|-------------|
+| project_id | string | Yes | Project ID (FK) |
+| employee_id | string | Yes | Employee ID (FK) |
+| employee_name | string | Yes | Employee's full name |
+| role | string | Yes | Role/position |
+| hours_allocated | float | Yes | Hours allocated |
+| hours_worked | float | No | Hours worked (default: 0) |
+| hourly_rate_aed | float | Yes | Hourly rate in AED |
+| start_date | date | Yes | Allocation start date |
+| milestone_id | integer | No | Milestone ID (FK) |
+| milestone_name | string | No | Milestone name |
+| category | string | No | Category classification |
+| skill_match_score | integer | No | Skill match score (0-100) |
+| availability_status | string | No | Availability status |
+| performance_rating | string | No | Performance rating |
+| end_date | date | No | Allocation end date |
+| notes | string | No | Additional notes |
+
+**Example Request (Form Data)**:
+```
+project_id=PROJ001
+employee_id=EMP001
+employee_name=John Doe
+role=Senior Architect
+hours_allocated=160.00
+hours_worked=0
+hourly_rate_aed=250.00
+start_date=2024-03-01
+milestone_id=2
+milestone_name=Design Development Complete
+category=Professional
+skill_match_score=95
+availability_status=Available
+performance_rating=Excellent
+end_date=2024-04-30
+notes=Lead architect for design development phase
+```
+
+**Response**: Redirects to `/staff-allocation` (Status 303)
+
+---
+
+### 4. Delete Staff Allocation
+**Endpoint**: `POST /staff-allocation/delete/{allocation_id}`  
+**Description**: Deletes a staff allocation by ID
+
+**Path Parameters**:
+- `allocation_id`: integer - The allocation ID to delete
+
+**Response**: Redirects to `/staff-allocation` (Status 303)
+
+---
+
+## Data Models
+
+### Project Model
+```typescript
+interface Project {
+  project_id: string;          // Primary Key
+  project_name: string;
+  client_name: string;
+  contract_value_aed: number;  // Decimal(15,2)
+  planned_cost_aed: number;    // Decimal(15,2)
+  project_start_date: string;  // Date (YYYY-MM-DD)
+  project_end_date: string;    // Date (YYYY-MM-DD)
+  project_type: string;
+  project_status: string;
+  current_phase?: string;
+  created_at?: string;         // DateTime
+  updated_at?: string;         // DateTime
+}
+```
+
+### Employee Model
+```typescript
+interface Employee {
+  employee_id: string;         // Primary Key
+  employee_name: string;
+  department: string;
+  role: string;
+  hourly_rate_aed: number;     // Decimal(10,2)
+  employment_type: string;
+  start_date: string;          // Date
+  end_date?: string;           // Date
+  cost_category: string;
+  is_active: boolean;
+  email?: string;
+  phone?: string;
+  created_at?: string;         // DateTime
+  updated_at?: string;         // DateTime
+}
+```
+
+### Timesheet Model
+```typescript
+interface Timesheet {
+  record_id: string;           // Primary Key
+  date: string;                // Date
+  employee_id: string;         // Foreign Key
+  project_id: string;          // Foreign Key
+  hours_worked: number;        // Decimal(5,2)
+  billable_hours: number;      // Decimal(5,2)
+  work_category: string;
+  task_description?: string;
+  is_approved: boolean;
+  approved_by?: string;
+  approved_at?: string;        // DateTime
+  created_at?: string;         // DateTime
+  updated_at?: string;         // DateTime
+}
+```
+
+### Milestone Model
+```typescript
+interface Milestone {
+  milestone_id: number;        // Primary Key (Auto)
+  project_id: string;          // Foreign Key
+  milestone_name: string;
+  milestone_order: number;     // Integer
+  planned_date: string;        // Date
+  actual_date?: string;        // Date
+  status: string;
+  completion_percentage: number; // Integer (0-100)
+  created_at?: string;         // DateTime
+  updated_at?: string;         // DateTime
+}
+```
+
+### Invoice Model
+```typescript
+interface Invoice {
+  invoice_id: string;          // Primary Key
+  project_id: string;          // Foreign Key
+  invoice_date: string;        // Date
+  invoice_amount_aed: number;  // Decimal(15,2)
+  due_date: string;            // Date
+  payment_date?: string;       // Date
+  payment_status: string;
+  days_outstanding?: number;   // Integer
+  milestone_reference?: string;
+  paid_amount_aed: number;     // Decimal(15,2)
+  created_at?: string;         // DateTime
+  updated_at?: string;         // DateTime
+}
+```
+
+### Subcontractor Model
+```typescript
+interface Subcontractor {
+  subcontractor_id: number;    // Primary Key (Auto)
+  project_id: string;          // Foreign Key
+  subcontractor_name: string;
+  service_type: string;
+  contract_amount_aed: number; // Decimal(15,2)
+  amount_invoiced_aed: number; // Decimal(15,2)
+  payment_status: string;
+  work_category: string;
+  contract_start_date?: string; // Date
+  contract_end_date?: string;   // Date
+  contact_person?: string;
+  contact_email?: string;
+  contact_phone?: string;
+  created_at?: string;         // DateTime
+  updated_at?: string;         // DateTime
+}
+```
+
+### Staff Allocation Model
+```typescript
+interface StaffAllocation {
+  allocation_id: number;       // Primary Key (Auto)
+  project_id: string;          // Foreign Key
+  milestone_id?: number;       // Foreign Key
+  milestone_name?: string;
+  employee_id: string;         // Foreign Key
+  employee_name: string;
+  role: string;
+  category?: string;
+  hours_allocated: number;     // Decimal(10,2)
+  hours_worked: number;        // Decimal(10,2)
+  hourly_rate_aed: number;     // Decimal(10,2)
+  skill_match_score?: number;  // Integer
+  availability_status?: string;
+  performance_rating?: string;
+  start_date: string;          // Date
+  end_date?: string;           // Date
+  notes?: string;              // Text
+  created_at?: string;         // DateTime
+  updated_at?: string;         // DateTime
+}
+```
+
+---
+
+## Common Response Formats
+
+### Success Response (JSON Endpoints)
+```json
+{
+  "data": [ /* array of objects */ ]
+}
+```
+
+### Error Response
+```json
+{
+  "detail": "Error message description"
+}
+```
+
+### HTTP Status Codes
+- `200 OK` - Successful GET request
+- `303 See Other` - Successful POST request (redirects)
+- `404 Not Found` - Resource not found
+- `422 Unprocessable Entity` - Validation error
+- `500 Internal Server Error` - Server error
+
+---
+
+## Frontend Implementation Notes
+
+### 1. **API Calls**
+- All HTML endpoints return rendered pages
+- All `/api/*` endpoints return JSON data
+- Use `/api/*` endpoints for AJAX/Fetch requests
+- POST endpoints use form-urlencoded data and return redirects
+
+### 2. **Date Format**
+- Input: `YYYY-MM-DD` (e.g., "2024-01-15")
+- Output: ISO format with timezone
+
+### 3. **Decimal Values**
+- All monetary values are in AED
+- Use 2 decimal places for currency
+- Hours can use up to 2 decimal places
+
+### 4. **Foreign Key Relationships**
+- **Timesheets**: Requires valid `employee_id` and `project_id`
+- **Milestones**: Requires valid `project_id`
+- **Invoices**: Requires valid `project_id`
+- **Subcontractors**: Requires valid `project_id`
+- **Staff Allocation**: Requires valid `project_id`, `employee_id`, optional `milestone_id`
+
+### 5. **Cascade Deletes**
+- Deleting a **Project** will also delete:
+  - All Milestones
+  - All Subcontractors
+  - All Staff Allocations
+- Deleting a **Milestone** will set `milestone_id` to NULL in Staff Allocations
+
+### 6. **Form Submission**
+All POST endpoints expect `application/x-www-form-urlencoded` data:
+
+```javascript
+// Example using Fetch API
+const formData = new FormData();
+formData.append('project_id', 'PROJ001');
+formData.append('project_name', 'New Project');
+// ... add more fields
+
+fetch('/projects/create', {
+  method: 'POST',
+  body: new URLSearchParams(formData)
+});
+```
+
+### 7. **AJAX Data Fetching**
+For dynamic data loading, use the `/api/*` endpoints:
+
+```javascript
+// Example: Fetch all projects
+fetch('/api/projects')
+  .then(response => response.json())
+  .then(data => {
+    // data is an array of project objects
+    console.log(data);
+  });
+```
+
+---
+
+## Database Connection
+- **Type**: PostgreSQL
+- **Hosted on**: Render.com
+- **Connection**: Managed by SQLAlchemy ORM
+- **Session Management**: Automatic via dependency injection
+
+---
+
+## CRUD Operations Summary
+
+| Resource | List (JSON) | Create | Update | Delete | Get Single |
+|----------|------------|--------|--------|--------|------------|
+| Projects | ✅ `/api/projects` | ✅ | ✅ (in CRUD) | ✅ | ✅ (in CRUD) |
+| Employees | ✅ `/api/employees` | ✅ | ✅ (in CRUD) | ✅ | ✅ (in CRUD) |
+| Timesheets | ✅ `/api/timesheets` | ✅ | ✅ (in CRUD) | ✅ | ✅ (in CRUD) |
+| Milestones | ✅ `/api/milestones` | ✅ | ✅ (in CRUD) | ✅ | ✅ (in CRUD) |
+| Invoices | ✅ `/api/invoices` | ✅ | ✅ (in CRUD) | ✅ | ✅ (in CRUD) |
+| Subcontractors | ✅ `/api/subcontractors` | ✅ | ✅ (in CRUD) | ✅ | ✅ (in CRUD) |
+| Staff Allocation | ✅ `/api/staff-allocation` | ⚠️ (in CRUD only) | ⚠️ (in CRUD only) | ⚠️ (in CRUD only) | ⚠️ (in CRUD only) |
+
+**Note**: Operations marked with ⚠️ are implemented in `crud.py` but not exposed as API endpoints in `main.py`. They can be added if needed.
+
+---
+
+## Additional Features Available in CRUD Layer
+
+The following functions are available in `crud.py` but not exposed as API endpoints:
+
+### Get Single Record
+- `get_project(db, project_id: str)`
+- `get_employee(db, employee_id: str)`
+- `get_timesheet(db, record_id: str)`
+- `get_milestone(db, milestone_id: int)`
+- `get_invoice(db, invoice_id: str)`
+- `get_subcontractor(db, subcontractor_id: int)`
+- `get_staff_allocation(db, allocation_id: int)`
+
+### Update Record
+- `update_project(db, project_id: str, project: ProjectCreate)`
+- `update_employee(db, employee_id: str, employee: EmployeeCreate)`
+- `update_timesheet(db, record_id: str, timesheet: TimesheetCreate)`
+- `update_milestone(db, milestone_id: int, milestone: MilestoneCreate)`
+- `update_invoice(db, invoice_id: str, invoice: InvoiceCreate)`
+- `update_subcontractor(db, subcontractor_id: int, subcontractor: SubcontractorCreate)`
+- `update_staff_allocation(db, allocation_id: int, allocation: StaffAllocationCreate)`
+
+**If you need these operations exposed as API endpoints, they can be added to `main.py`.**
+
+---
+
+## Contact & Support
+For backend modifications or additional endpoints, contact the backend development team.
+
+---
+
+**Document Version**: 1.0  
+**Last Updated**: 2025-10-08  
+**Generated for**: Frontend Development Team

crud.py

@@ -0,0 +1,220 @@
+from sqlalchemy.orm import Session
+from typing import List, Optional
+import models
+import schemas
+
+# Projects CRUD
+def get_projects(db: Session, skip: int = 0, limit: int = 100):
+    return db.query(models.Project).offset(skip).limit(limit).all()
+
+def get_project(db: Session, project_id: str):
+    return db.query(models.Project).filter(models.Project.project_id == project_id).first()
+
+def create_project(db: Session, project: schemas.ProjectCreate):
+    db_project = models.Project(**project.model_dump())
+    db.add(db_project)
+    db.commit()
+    db.refresh(db_project)
+    return db_project
+
+def update_project(db: Session, project_id: str, project: schemas.ProjectCreate):
+    db_project = get_project(db, project_id)
+    if db_project:
+        for key, value in project.model_dump().items():
+            setattr(db_project, key, value)
+        db.commit()
+        db.refresh(db_project)
+    return db_project
+
+def delete_project(db: Session, project_id: str):
+    db_project = get_project(db, project_id)
+    if db_project:
+        db.delete(db_project)
+        db.commit()
+    return db_project
+
+
+# Employees CRUD
+def get_employees(db: Session, skip: int = 0, limit: int = 100):
+    return db.query(models.Employee).offset(skip).limit(limit).all()
+
+def get_employee(db: Session, employee_id: str):
+    return db.query(models.Employee).filter(models.Employee.employee_id == employee_id).first()
+
+def create_employee(db: Session, employee: schemas.EmployeeCreate):
+    db_employee = models.Employee(**employee.model_dump())
+    db.add(db_employee)
+    db.commit()
+    db.refresh(db_employee)
+    return db_employee
+
+def update_employee(db: Session, employee_id: str, employee: schemas.EmployeeCreate):
+    db_employee = get_employee(db, employee_id)
+    if db_employee:
+        for key, value in employee.model_dump().items():
+            setattr(db_employee, key, value)
+        db.commit()
+        db.refresh(db_employee)
+    return db_employee
+
+def delete_employee(db: Session, employee_id: str):
+    db_employee = get_employee(db, employee_id)
+    if db_employee:
+        db.delete(db_employee)
+        db.commit()
+    return db_employee
+
+
+# Timesheets CRUD
+def get_timesheets(db: Session, skip: int = 0, limit: int = 100):
+    return db.query(models.Timesheet).offset(skip).limit(limit).all()
+
+def get_timesheet(db: Session, record_id: str):
+    return db.query(models.Timesheet).filter(models.Timesheet.record_id == record_id).first()
+
+def create_timesheet(db: Session, timesheet: schemas.TimesheetCreate):
+    db_timesheet = models.Timesheet(**timesheet.model_dump())
+    db.add(db_timesheet)
+    db.commit()
+    db.refresh(db_timesheet)
+    return db_timesheet
+
+def update_timesheet(db: Session, record_id: str, timesheet: schemas.TimesheetCreate):
+    db_timesheet = get_timesheet(db, record_id)
+    if db_timesheet:
+        for key, value in timesheet.model_dump().items():
+            setattr(db_timesheet, key, value)
+        db.commit()
+        db.refresh(db_timesheet)
+    return db_timesheet
+
+def delete_timesheet(db: Session, record_id: str):
+    db_timesheet = get_timesheet(db, record_id)
+    if db_timesheet:
+        db.delete(db_timesheet)
+        db.commit()
+    return db_timesheet
+
+
+# Milestones CRUD
+def get_milestones(db: Session, skip: int = 0, limit: int = 100):
+    return db.query(models.Milestone).offset(skip).limit(limit).all()
+
+def get_milestone(db: Session, milestone_id: int):
+    return db.query(models.Milestone).filter(models.Milestone.milestone_id == milestone_id).first()
+
+def create_milestone(db: Session, milestone: schemas.MilestoneCreate):
+    db_milestone = models.Milestone(**milestone.model_dump())
+    db.add(db_milestone)
+    db.commit()
+    db.refresh(db_milestone)
+    return db_milestone
+
+def update_milestone(db: Session, milestone_id: int, milestone: schemas.MilestoneCreate):
+    db_milestone = get_milestone(db, milestone_id)
+    if db_milestone:
+        for key, value in milestone.model_dump().items():
+            setattr(db_milestone, key, value)
+        db.commit()
+        db.refresh(db_milestone)
+    return db_milestone
+
+def delete_milestone(db: Session, milestone_id: int):
+    db_milestone = get_milestone(db, milestone_id)
+    if db_milestone:
+        db.delete(db_milestone)
+        db.commit()
+    return db_milestone
+
+
+# Invoices CRUD
+def get_invoices(db: Session, skip: int = 0, limit: int = 100):
+    return db.query(models.Invoice).offset(skip).limit(limit).all()
+
+def get_invoice(db: Session, invoice_id: str):
+    return db.query(models.Invoice).filter(models.Invoice.invoice_id == invoice_id).first()
+
+def create_invoice(db: Session, invoice: schemas.InvoiceCreate):
+    db_invoice = models.Invoice(**invoice.model_dump())
+    db.add(db_invoice)
+    db.commit()
+    db.refresh(db_invoice)
+    return db_invoice
+
+def update_invoice(db: Session, invoice_id: str, invoice: schemas.InvoiceCreate):
+    db_invoice = get_invoice(db, invoice_id)
+    if db_invoice:
+        for key, value in invoice.model_dump().items():
+            setattr(db_invoice, key, value)
+        db.commit()
+        db.refresh(db_invoice)
+    return db_invoice
+
+def delete_invoice(db: Session, invoice_id: str):
+    db_invoice = get_invoice(db, invoice_id)
+    if db_invoice:
+        db.delete(db_invoice)
+        db.commit()
+    return db_invoice
+
+
+# Subcontractors CRUD
+def get_subcontractors(db: Session, skip: int = 0, limit: int = 100):
+    return db.query(models.Subcontractor).offset(skip).limit(limit).all()
+
+def get_subcontractor(db: Session, subcontractor_id: int):
+    return db.query(models.Subcontractor).filter(models.Subcontractor.subcontractor_id == subcontractor_id).first()
+
+def create_subcontractor(db: Session, subcontractor: schemas.SubcontractorCreate):
+    db_subcontractor = models.Subcontractor(**subcontractor.model_dump())
+    db.add(db_subcontractor)
+    db.commit()
+    db.refresh(db_subcontractor)
+    return db_subcontractor
+
+def update_subcontractor(db: Session, subcontractor_id: int, subcontractor: schemas.SubcontractorCreate):
+    db_subcontractor = get_subcontractor(db, subcontractor_id)
+    if db_subcontractor:
+        for key, value in subcontractor.model_dump().items():
+            setattr(db_subcontractor, key, value)
+        db.commit()
+        db.refresh(db_subcontractor)
+    return db_subcontractor
+
+def delete_subcontractor(db: Session, subcontractor_id: int):
+    db_subcontractor = get_subcontractor(db, subcontractor_id)
+    if db_subcontractor:
+        db.delete(db_subcontractor)
+        db.commit()
+    return db_subcontractor
+
+
+# Staff Allocations CRUD
+def get_staff_allocations(db: Session, skip: int = 0, limit: int = 100):
+    return db.query(models.StaffAllocation).offset(skip).limit(limit).all()
+
+def get_staff_allocation(db: Session, allocation_id: int):
+    return db.query(models.StaffAllocation).filter(models.StaffAllocation.allocation_id == allocation_id).first()
+
+def create_staff_allocation(db: Session, allocation: schemas.StaffAllocationCreate):
+    db_allocation = models.StaffAllocation(**allocation.model_dump())
+    db.add(db_allocation)
+    db.commit()
+    db.refresh(db_allocation)
+    return db_allocation
+
+def update_staff_allocation(db: Session, allocation_id: int, allocation: schemas.StaffAllocationCreate):
+    db_allocation = get_staff_allocation(db, allocation_id)
+    if db_allocation:
+        for key, value in allocation.model_dump().items():
+            setattr(db_allocation, key, value)
+        db.commit()
+        db.refresh(db_allocation)
+    return db_allocation
+
+def delete_staff_allocation(db: Session, allocation_id: int):
+    db_allocation = get_staff_allocation(db, allocation_id)
+    if db_allocation:
+        db.delete(db_allocation)
+        db.commit()
+    return db_allocation

database.py

@@ -0,0 +1,16 @@
+from sqlalchemy import create_engine
+from sqlalchemy.ext.declarative import declarative_base
+from sqlalchemy.orm import sessionmaker
+
+DATABASE_URL = "postgresql://killadesigndatabase_user:vqBjgAloNiEVZJLRCV0PS0tM8pqJMAvP@dpg-d3j9117fte5s73f70kjg-a.oregon-postgres.render.com/killadesigndatabase"
+
+engine = create_engine(DATABASE_URL)
+SessionLocal = sessionmaker(autocommit=False, autoflush=False, bind=engine)
+Base = declarative_base()
+
+def get_db():
+    db = SessionLocal()
+    try:
+        yield db
+    finally:
+        db.close()

db/schema.sql

@@ -0,0 +1,146 @@
+-- PostgreSQL schema for KIllaDesign data model
+-- Safe re-runnable DDL
+
+-- Recommended: run inside a dedicated schema
+CREATE SCHEMA IF NOT EXISTS kd;
+SET search_path TO kd, public;
+
+-- Domain definitions (optionally used for clarity)
+CREATE DOMAIN IF NOT EXISTS money_aed AS NUMERIC(16,2)
+  CHECK (VALUE >= 0);
+
+-- Lookup tables (optional, minimal to keep example concise)
+CREATE TABLE IF NOT EXISTS project_types (
+  type TEXT PRIMARY KEY
+);
+INSERT INTO project_types(type) VALUES
+  ('Mixed-Use'), ('Hospitality'), ('Office'), ('Residential'), ('Cultural')
+ON CONFLICT DO NOTHING;
+
+CREATE TABLE IF NOT EXISTS work_categories (
+  category TEXT PRIMARY KEY
+);
+INSERT INTO work_categories(category) VALUES
+  ('Architecture'), ('Project Management'), ('Subcontractor')
+ON CONFLICT DO NOTHING;
+
+-- Core tables
+CREATE TABLE IF NOT EXISTS projects (
+  project_id TEXT PRIMARY KEY,
+  project_name TEXT NOT NULL,
+  client_name TEXT NOT NULL,
+  contract_value_aed money_aed NOT NULL,
+  planned_cost_aed money_aed NOT NULL,
+  project_start_date DATE NOT NULL,
+  project_end_date DATE,
+  project_type TEXT REFERENCES project_types(type),
+  project_status TEXT NOT NULL,
+  current_phase TEXT
+);
+
+CREATE TABLE IF NOT EXISTS employees (
+  employee_id TEXT PRIMARY KEY,
+  employee_name TEXT NOT NULL,
+  department TEXT,
+  role TEXT,
+  hourly_rate_aed money_aed NOT NULL,
+  employment_type TEXT,
+  start_date DATE,
+  cost_category TEXT REFERENCES work_categories(category)
+);
+
+CREATE TABLE IF NOT EXISTS milestones (
+  project_id TEXT NOT NULL REFERENCES projects(project_id) ON DELETE CASCADE,
+  milestone_name TEXT NOT NULL,
+  milestone_order INT NOT NULL,
+  planned_date DATE,
+  actual_date DATE,
+  status TEXT,
+  completion_percentage INT CHECK (completion_percentage BETWEEN 0 AND 100),
+  PRIMARY KEY (project_id, milestone_order)
+);
+
+CREATE TABLE IF NOT EXISTS invoices (
+  invoice_id TEXT PRIMARY KEY,
+  project_id TEXT NOT NULL REFERENCES projects(project_id) ON DELETE CASCADE,
+  invoice_date DATE NOT NULL,
+  invoice_amount_aed money_aed NOT NULL,
+  due_date DATE,
+  payment_date DATE,
+  payment_status TEXT,
+  days_outstanding INT,
+  milestone_reference TEXT
+);
+
+CREATE TABLE IF NOT EXISTS subcontractors (
+  project_id TEXT NOT NULL REFERENCES projects(project_id) ON DELETE CASCADE,
+  subcontractor_name TEXT NOT NULL,
+  service_type TEXT NOT NULL,
+  contract_amount_aed money_aed NOT NULL,
+  amount_invoiced_aed money_aed NOT NULL,
+  payment_status TEXT,
+  work_category TEXT REFERENCES work_categories(category),
+  PRIMARY KEY (project_id, subcontractor_name, service_type)
+);
+
+CREATE TABLE IF NOT EXISTS timesheets (
+  record_id TEXT PRIMARY KEY,
+  date DATE NOT NULL,
+  employee_id TEXT NOT NULL REFERENCES employees(employee_id) ON DELETE RESTRICT,
+  project_id TEXT NOT NULL REFERENCES projects(project_id) ON DELETE CASCADE,
+  hours_worked NUMERIC(6,2) NOT NULL CHECK (hours_worked >= 0),
+  work_category TEXT REFERENCES work_categories(category),
+  task_description TEXT,
+  billable_hours NUMERIC(6,2) CHECK (billable_hours >= 0)
+);
+
+CREATE TABLE IF NOT EXISTS milestone_budgets (
+  project_id TEXT NOT NULL REFERENCES projects(project_id) ON DELETE CASCADE,
+  milestone_name TEXT NOT NULL,
+  milestone_order INT NOT NULL,
+  planned_date DATE,
+  actual_date DATE,
+  status TEXT,
+  budgeted_hours NUMERIC(10,2),
+  budgeted_cost_aed money_aed,
+  actual_hours NUMERIC(10,2),
+  actual_cost_aed money_aed,
+  cumulative_budgeted_hours NUMERIC(10,2),
+  cumulative_budgeted_cost_aed money_aed,
+  cumulative_actual_hours NUMERIC(10,2),
+  cumulative_actual_cost_aed money_aed,
+  hours_variance NUMERIC(10,2),
+  cost_variance_aed money_aed,
+  schedule_variance_days INT,
+  budget_utilization_percent NUMERIC(5,2),
+  architecture_hours NUMERIC(10,2),
+  architecture_cost_aed money_aed,
+  pm_hours NUMERIC(10,2),
+  pm_cost_aed money_aed,
+  subcontractor_hours NUMERIC(10,2),
+  subcontractor_cost_aed money_aed,
+  notes TEXT,
+  PRIMARY KEY (project_id, milestone_order)
+);
+
+CREATE TABLE IF NOT EXISTS staff_allocation (
+  project_id TEXT NOT NULL REFERENCES projects(project_id) ON DELETE CASCADE,
+  milestone_id TEXT,
+  milestone_name TEXT,
+  employee_id TEXT NOT NULL REFERENCES employees(employee_id) ON DELETE RESTRICT,
+  employee_name TEXT,
+  role TEXT,
+  category TEXT,
+  hours_allocated NUMERIC(10,2),
+  hours_worked NUMERIC(10,2),
+  hourly_rate_aed money_aed,
+  cost_aed money_aed,
+  utilization_percent NUMERIC(6,2),
+  skill_match_score NUMERIC(6,2),
+  availability_status TEXT,
+  start_date DATE,
+  end_date DATE,
+  performance_rating TEXT,
+  notes TEXT,
+  PRIMARY KEY (project_id, milestone_name, employee_id)
+);

main.py

@@ -0,0 +1,402 @@
+from fastapi import FastAPI, Request, Depends, HTTPException, Form
+from fastapi.responses import HTMLResponse, RedirectResponse
+from fastapi.staticfiles import StaticFiles
+from fastapi.templating import Jinja2Templates
+from sqlalchemy.orm import Session
+from typing import Optional
+from datetime import date
+from decimal import Decimal
+
+import models
+import schemas
+import crud
+from database import engine, get_db
+
+# Create tables
+models.Base.metadata.create_all(bind=engine)
+
+app = FastAPI(title="Architecture PM System")
+
+# Mount static files
+app.mount("/static", StaticFiles(directory="static"), name="static")
+
+# Templates
+templates = Jinja2Templates(directory="templates")
+
+# ============================================================================
+# HOME PAGE
+# ============================================================================
+@app.get("/", response_class=HTMLResponse)
+async def home(request: Request, db: Session = Depends(get_db)):
+    projects_count = db.query(models.Project).count()
+    employees_count = db.query(models.Employee).count()
+    timesheets_count = db.query(models.Timesheet).count()
+    invoices_count = db.query(models.Invoice).count()
+    
+    return templates.TemplateResponse("index.html", {
+        "request": request,
+        "projects_count": projects_count,
+        "employees_count": employees_count,
+        "timesheets_count": timesheets_count,
+        "invoices_count": invoices_count
+    })
+
+# ============================================================================
+# PROJECTS
+# ============================================================================
+@app.get("/projects", response_class=HTMLResponse)
+async def list_projects(request: Request, db: Session = Depends(get_db)):
+    projects = crud.get_projects(db)
+    return templates.TemplateResponse("projects.html", {
+        "request": request,
+        "projects": projects
+    })
+
+@app.get("/api/projects")
+async def api_list_projects(db: Session = Depends(get_db)):
+    return crud.get_projects(db)
+
+@app.post("/projects/create")
+async def create_project(
+    project_id: str = Form(...),
+    project_name: str = Form(...),
+    client_name: str = Form(...),
+    contract_value_aed: float = Form(...),
+    planned_cost_aed: float = Form(...),
+    project_start_date: date = Form(...),
+    project_end_date: date = Form(...),
+    project_type: str = Form(...),
+    project_status: str = Form(...),
+    current_phase: Optional[str] = Form(None),
+    db: Session = Depends(get_db)
+):
+    project = schemas.ProjectCreate(
+        project_id=project_id,
+        project_name=project_name,
+        client_name=client_name,
+        contract_value_aed=Decimal(str(contract_value_aed)),
+        planned_cost_aed=Decimal(str(planned_cost_aed)),
+        project_start_date=project_start_date,
+        project_end_date=project_end_date,
+        project_type=project_type,
+        project_status=project_status,
+        current_phase=current_phase
+    )
+    crud.create_project(db, project)
+    return RedirectResponse(url="/projects", status_code=303)
+
+@app.post("/projects/delete/{project_id}")
+async def delete_project(project_id: str, db: Session = Depends(get_db)):
+    crud.delete_project(db, project_id)
+    return RedirectResponse(url="/projects", status_code=303)
+
+# ============================================================================
+# EMPLOYEES
+# ============================================================================
+@app.get("/employees", response_class=HTMLResponse)
+async def list_employees(request: Request, db: Session = Depends(get_db)):
+    employees = crud.get_employees(db)
+    return templates.TemplateResponse("employees.html", {
+        "request": request,
+        "employees": employees
+    })
+
+@app.get("/api/employees")
+async def api_list_employees(db: Session = Depends(get_db)):
+    return crud.get_employees(db)
+
+@app.post("/employees/create")
+async def create_employee(
+    employee_id: str = Form(...),
+    employee_name: str = Form(...),
+    department: str = Form(...),
+    role: str = Form(...),
+    hourly_rate_aed: float = Form(...),
+    employment_type: str = Form(...),
+    start_date: date = Form(...),
+    cost_category: str = Form(...),
+    email: Optional[str] = Form(None),
+    phone: Optional[str] = Form(None),
+    db: Session = Depends(get_db)
+):
+    employee = schemas.EmployeeCreate(
+        employee_id=employee_id,
+        employee_name=employee_name,
+        department=department,
+        role=role,
+        hourly_rate_aed=Decimal(str(hourly_rate_aed)),
+        employment_type=employment_type,
+        start_date=start_date,
+        cost_category=cost_category,
+        email=email,
+        phone=phone
+    )
+    crud.create_employee(db, employee)
+    return RedirectResponse(url="/employees", status_code=303)
+
+@app.post("/employees/delete/{employee_id}")
+async def delete_employee(employee_id: str, db: Session = Depends(get_db)):
+    crud.delete_employee(db, employee_id)
+    return RedirectResponse(url="/employees", status_code=303)
+
+# ============================================================================
+# TIMESHEETS
+# ============================================================================
+@app.get("/timesheets", response_class=HTMLResponse)
+async def list_timesheets(request: Request, db: Session = Depends(get_db)):
+    timesheets = crud.get_timesheets(db, limit=200)
+    employees = crud.get_employees(db)
+    projects = crud.get_projects(db)
+    return templates.TemplateResponse("timesheets.html", {
+        "request": request,
+        "timesheets": timesheets,
+        "employees": employees,
+        "projects": projects
+    })
+
+@app.get("/api/timesheets")
+async def api_list_timesheets(db: Session = Depends(get_db)):
+    return crud.get_timesheets(db, limit=200)
+
+@app.post("/timesheets/create")
+async def create_timesheet(
+    record_id: str = Form(...),
+    date: date = Form(...),
+    employee_id: str = Form(...),
+    project_id: str = Form(...),
+    hours_worked: float = Form(...),
+    billable_hours: float = Form(...),
+    work_category: str = Form(...),
+    task_description: Optional[str] = Form(None),
+    db: Session = Depends(get_db)
+):
+    timesheet = schemas.TimesheetCreate(
+        record_id=record_id,
+        date=date,
+        employee_id=employee_id,
+        project_id=project_id,
+        hours_worked=Decimal(str(hours_worked)),
+        billable_hours=Decimal(str(billable_hours)),
+        work_category=work_category,
+        task_description=task_description
+    )
+    crud.create_timesheet(db, timesheet)
+    return RedirectResponse(url="/timesheets", status_code=303)
+
+@app.post("/timesheets/delete/{record_id}")
+async def delete_timesheet(record_id: str, db: Session = Depends(get_db)):
+    crud.delete_timesheet(db, record_id)
+    return RedirectResponse(url="/timesheets", status_code=303)
+
+# ============================================================================
+# MILESTONES
+# ============================================================================
+@app.get("/milestones", response_class=HTMLResponse)
+async def list_milestones(request: Request, db: Session = Depends(get_db)):
+    milestones = crud.get_milestones(db)
+    projects = crud.get_projects(db)
+    return templates.TemplateResponse("milestones.html", {
+        "request": request,
+        "milestones": milestones,
+        "projects": projects
+    })
+
+@app.get("/api/milestones")
+async def api_list_milestones(db: Session = Depends(get_db)):
+    return crud.get_milestones(db)
+
+@app.post("/milestones/create")
+async def create_milestone(
+    project_id: str = Form(...),
+    milestone_name: str = Form(...),
+    milestone_order: int = Form(...),
+    planned_date: date = Form(...),
+    status: str = Form(...),
+    completion_percentage: int = Form(0),
+    actual_date: Optional[date] = Form(None),
+    db: Session = Depends(get_db)
+):
+    milestone = schemas.MilestoneCreate(
+        project_id=project_id,
+        milestone_name=milestone_name,
+        milestone_order=milestone_order,
+        planned_date=planned_date,
+        actual_date=actual_date,
+        status=status,
+        completion_percentage=completion_percentage
+    )
+    crud.create_milestone(db, milestone)
+    return RedirectResponse(url="/milestones", status_code=303)
+
+@app.post("/milestones/delete/{milestone_id}")
+async def delete_milestone(milestone_id: int, db: Session = Depends(get_db)):
+    crud.delete_milestone(db, milestone_id)
+    return RedirectResponse(url="/milestones", status_code=303)
+
+# ============================================================================
+# INVOICES
+# ============================================================================
+@app.get("/invoices", response_class=HTMLResponse)
+async def list_invoices(request: Request, db: Session = Depends(get_db)):
+    invoices = crud.get_invoices(db)
+    projects = crud.get_projects(db)
+    return templates.TemplateResponse("invoices.html", {
+        "request": request,
+        "invoices": invoices,
+        "projects": projects
+    })
+
+@app.get("/api/invoices")
+async def api_list_invoices(db: Session = Depends(get_db)):
+    return crud.get_invoices(db)
+
+@app.post("/invoices/create")
+async def create_invoice(
+    invoice_id: str = Form(...),
+    project_id: str = Form(...),
+    invoice_date: date = Form(...),
+    invoice_amount_aed: float = Form(...),
+    due_date: date = Form(...),
+    payment_status: str = Form(...),
+    payment_date: Optional[date] = Form(None),
+    milestone_reference: Optional[str] = Form(None),
+    db: Session = Depends(get_db)
+):
+    invoice = schemas.InvoiceCreate(
+        invoice_id=invoice_id,
+        project_id=project_id,
+        invoice_date=invoice_date,
+        invoice_amount_aed=Decimal(str(invoice_amount_aed)),
+        due_date=due_date,
+        payment_date=payment_date,
+        payment_status=payment_status,
+        milestone_reference=milestone_reference
+    )
+    crud.create_invoice(db, invoice)
+    return RedirectResponse(url="/invoices", status_code=303)
+
+@app.post("/invoices/delete/{invoice_id}")
+async def delete_invoice(invoice_id: str, db: Session = Depends(get_db)):
+    crud.delete_invoice(db, invoice_id)
+    return RedirectResponse(url="/invoices", status_code=303)
+
+# ============================================================================
+# SUBCONTRACTORS
+# ============================================================================
+@app.get("/subcontractors", response_class=HTMLResponse)
+async def list_subcontractors(request: Request, db: Session = Depends(get_db)):
+    subcontractors = crud.get_subcontractors(db)
+    projects = crud.get_projects(db)
+    return templates.TemplateResponse("subcontractors.html", {
+        "request": request,
+        "subcontractors": subcontractors,
+        "projects": projects
+    })
+
+@app.get("/api/subcontractors")
+async def api_list_subcontractors(db: Session = Depends(get_db)):
+    return crud.get_subcontractors(db)
+
+@app.post("/subcontractors/create")
+async def create_subcontractor(
+    project_id: str = Form(...),
+    subcontractor_name: str = Form(...),
+    service_type: str = Form(...),
+    contract_amount_aed: float = Form(...),
+    amount_invoiced_aed: float = Form(0),
+    payment_status: str = Form(...),
+    work_category: str = Form(...),
+    contact_person: Optional[str] = Form(None),
+    contact_email: Optional[str] = Form(None),
+    db: Session = Depends(get_db)
+):
+    subcontractor = schemas.SubcontractorCreate(
+        project_id=project_id,
+        subcontractor_name=subcontractor_name,
+        service_type=service_type,
+        contract_amount_aed=Decimal(str(contract_amount_aed)),
+        amount_invoiced_aed=Decimal(str(amount_invoiced_aed)),
+        payment_status=payment_status,
+        work_category=work_category,
+        contact_person=contact_person,
+        contact_email=contact_email
+    )
+    crud.create_subcontractor(db, subcontractor)
+    return RedirectResponse(url="/subcontractors", status_code=303)
+
+@app.post("/subcontractors/delete/{subcontractor_id}")
+async def delete_subcontractor(subcontractor_id: int, db: Session = Depends(get_db)):
+    crud.delete_subcontractor(db, subcontractor_id)
+    return RedirectResponse(url="/subcontractors", status_code=303)
+
+# ============================================================================
+# STAFF ALLOCATION
+# ============================================================================
+@app.get("/staff-allocation", response_class=HTMLResponse)
+async def list_staff_allocations(request: Request, db: Session = Depends(get_db)):
+    allocations = crud.get_staff_allocations(db)
+    projects = crud.get_projects(db)
+    employees = crud.get_employees(db)
+    milestones = crud.get_milestones(db)
+    return templates.TemplateResponse("staff_allocation.html", {
+        "request": request,
+        "allocations": allocations,
+        "projects": projects,
+        "employees": employees,
+        "milestones": milestones
+    })
+
+@app.get("/api/staff-allocation")
+async def api_list_staff_allocations(db: Session = Depends(get_db)):
+    return crud.get_staff_allocations(db)
+
+@app.post("/staff-allocation/create")
+async def create_staff_allocation(
+    project_id: str = Form(...),
+    employee_id: str = Form(...),
+    employee_name: str = Form(...),
+    role: str = Form(...),
+    hours_allocated: float = Form(...),
+    hours_worked: float = Form(0),
+    hourly_rate_aed: float = Form(...),
+    start_date: date = Form(...),
+    milestone_id: Optional[int] = Form(None),
+    milestone_name: Optional[str] = Form(None),
+    category: Optional[str] = Form(None),
+    skill_match_score: Optional[int] = Form(None),
+    availability_status: Optional[str] = Form(None),
+    performance_rating: Optional[str] = Form(None),
+    end_date: Optional[date] = Form(None),
+    notes: Optional[str] = Form(None),
+    db: Session = Depends(get_db)
+):
+    allocation = schemas.StaffAllocationCreate(
+        project_id=project_id,
+        milestone_id=milestone_id,
+        milestone_name=milestone_name,
+        employee_id=employee_id,
+        employee_name=employee_name,
+        role=role,
+        category=category,
+        hours_allocated=Decimal(str(hours_allocated)),
+        hours_worked=Decimal(str(hours_worked)),
+        hourly_rate_aed=Decimal(str(hourly_rate_aed)),
+        skill_match_score=skill_match_score,
+        availability_status=availability_status,
+        performance_rating=performance_rating,
+        start_date=start_date,
+        end_date=end_date,
+        notes=notes
+    )
+    crud.create_staff_allocation(db, allocation)
+    return RedirectResponse(url="/staff-allocation", status_code=303)
+
+@app.post("/staff-allocation/delete/{allocation_id}")
+async def delete_staff_allocation(allocation_id: int, db: Session = Depends(get_db)):
+    crud.delete_staff_allocation(db, allocation_id)
+    return RedirectResponse(url="/staff-allocation", status_code=303)
+
+
+if __name__ == "__main__":
+    import uvicorn
+    uvicorn.run(app, host="0.0.0.0", port=8000)

models.py

@@ -0,0 +1,163 @@
+from sqlalchemy import Column, String, Numeric, Date, Integer, Boolean, Text, DateTime, ForeignKey, CheckConstraint
+from sqlalchemy.sql import func
+from sqlalchemy.orm import relationship
+from database import Base
+
+class Project(Base):
+    __tablename__ = "projects"
+    
+    project_id = Column(String(20), primary_key=True, index=True)
+    project_name = Column(String(255), nullable=False)
+    client_name = Column(String(255), nullable=False, index=True)
+    contract_value_aed = Column(Numeric(15, 2), nullable=False)
+    planned_cost_aed = Column(Numeric(15, 2), nullable=False)
+    project_start_date = Column(Date, nullable=False)
+    project_end_date = Column(Date, nullable=False)
+    project_type = Column(String(50), nullable=False, index=True)
+    project_status = Column(String(50), nullable=False, index=True)
+    current_phase = Column(String(100))
+    created_at = Column(DateTime(timezone=True), server_default=func.now())
+    updated_at = Column(DateTime(timezone=True), onupdate=func.now())
+    
+    # Relationships
+    timesheets = relationship("Timesheet", back_populates="project")
+    milestones = relationship("Milestone", back_populates="project", cascade="all, delete-orphan")
+    invoices = relationship("Invoice", back_populates="project")
+    subcontractors = relationship("Subcontractor", back_populates="project", cascade="all, delete-orphan")
+    staff_allocations = relationship("StaffAllocation", back_populates="project", cascade="all, delete-orphan")
+
+
+class Employee(Base):
+    __tablename__ = "employees"
+    
+    employee_id = Column(String(20), primary_key=True, index=True)
+    employee_name = Column(String(255), nullable=False)
+    department = Column(String(100), nullable=False, index=True)
+    role = Column(String(100), nullable=False, index=True)
+    hourly_rate_aed = Column(Numeric(10, 2), nullable=False)
+    employment_type = Column(String(50), nullable=False)
+    start_date = Column(Date, nullable=False)
+    end_date = Column(Date)
+    cost_category = Column(String(100), nullable=False, index=True)
+    is_active = Column(Boolean, default=True, index=True)
+    email = Column(String(255))
+    phone = Column(String(50))
+    created_at = Column(DateTime(timezone=True), server_default=func.now())
+    updated_at = Column(DateTime(timezone=True), onupdate=func.now())
+    
+    # Relationships
+    timesheets = relationship("Timesheet", back_populates="employee")
+    staff_allocations = relationship("StaffAllocation", back_populates="employee")
+
+
+class Timesheet(Base):
+    __tablename__ = "timesheets"
+    
+    record_id = Column(String(20), primary_key=True, index=True)
+    date = Column(Date, nullable=False, index=True)
+    employee_id = Column(String(20), ForeignKey("employees.employee_id"), nullable=False, index=True)
+    project_id = Column(String(20), ForeignKey("projects.project_id"), nullable=False, index=True)
+    hours_worked = Column(Numeric(5, 2), nullable=False)
+    billable_hours = Column(Numeric(5, 2), nullable=False)
+    work_category = Column(String(100), nullable=False)
+    task_description = Column(String(500))
+    is_approved = Column(Boolean, default=False, index=True)
+    approved_by = Column(String(20))
+    approved_at = Column(DateTime)
+    created_at = Column(DateTime(timezone=True), server_default=func.now())
+    updated_at = Column(DateTime(timezone=True), onupdate=func.now())
+    
+    # Relationships
+    employee = relationship("Employee", back_populates="timesheets")
+    project = relationship("Project", back_populates="timesheets")
+
+
+class Milestone(Base):
+    __tablename__ = "milestones"
+    
+    milestone_id = Column(Integer, primary_key=True, autoincrement=True)
+    project_id = Column(String(20), ForeignKey("projects.project_id", ondelete="CASCADE"), nullable=False, index=True)
+    milestone_name = Column(String(255), nullable=False)
+    milestone_order = Column(Integer, nullable=False)
+    planned_date = Column(Date, nullable=False, index=True)
+    actual_date = Column(Date)
+    status = Column(String(50), nullable=False, index=True)
+    completion_percentage = Column(Integer, default=0)
+    created_at = Column(DateTime(timezone=True), server_default=func.now())
+    updated_at = Column(DateTime(timezone=True), onupdate=func.now())
+    
+    # Relationships
+    project = relationship("Project", back_populates="milestones")
+    staff_allocations = relationship("StaffAllocation", back_populates="milestone")
+
+
+class Invoice(Base):
+    __tablename__ = "invoices"
+    
+    invoice_id = Column(String(20), primary_key=True, index=True)
+    project_id = Column(String(20), ForeignKey("projects.project_id"), nullable=False, index=True)
+    invoice_date = Column(Date, nullable=False)
+    invoice_amount_aed = Column(Numeric(15, 2), nullable=False)
+    due_date = Column(Date, nullable=False, index=True)
+    payment_date = Column(Date, index=True)
+    payment_status = Column(String(50), nullable=False, index=True)
+    days_outstanding = Column(Integer)
+    milestone_reference = Column(String(255))
+    paid_amount_aed = Column(Numeric(15, 2), default=0)
+    created_at = Column(DateTime(timezone=True), server_default=func.now())
+    updated_at = Column(DateTime(timezone=True), onupdate=func.now())
+    
+    # Relationships
+    project = relationship("Project", back_populates="invoices")
+
+
+class Subcontractor(Base):
+    __tablename__ = "subcontractors"
+    
+    subcontractor_id = Column(Integer, primary_key=True, autoincrement=True)
+    project_id = Column(String(20), ForeignKey("projects.project_id", ondelete="CASCADE"), nullable=False, index=True)
+    subcontractor_name = Column(String(255), nullable=False, index=True)
+    service_type = Column(String(100), nullable=False, index=True)
+    contract_amount_aed = Column(Numeric(15, 2), nullable=False)
+    amount_invoiced_aed = Column(Numeric(15, 2), default=0)
+    payment_status = Column(String(50), nullable=False, index=True)
+    work_category = Column(String(100), nullable=False)
+    contract_start_date = Column(Date)
+    contract_end_date = Column(Date)
+    contact_person = Column(String(255))
+    contact_email = Column(String(255))
+    contact_phone = Column(String(50))
+    created_at = Column(DateTime(timezone=True), server_default=func.now())
+    updated_at = Column(DateTime(timezone=True), onupdate=func.now())
+    
+    # Relationships
+    project = relationship("Project", back_populates="subcontractors")
+
+
+class StaffAllocation(Base):
+    __tablename__ = "staff_allocation"
+    
+    allocation_id = Column(Integer, primary_key=True, autoincrement=True)
+    project_id = Column(String(20), ForeignKey("projects.project_id", ondelete="CASCADE"), nullable=False, index=True)
+    milestone_id = Column(Integer, ForeignKey("milestones.milestone_id", ondelete="SET NULL"), index=True)
+    milestone_name = Column(String(255))
+    employee_id = Column(String(20), ForeignKey("employees.employee_id"), nullable=False, index=True)
+    employee_name = Column(String(255), nullable=False)
+    role = Column(String(100), nullable=False)
+    category = Column(String(100))
+    hours_allocated = Column(Numeric(10, 2), nullable=False)
+    hours_worked = Column(Numeric(10, 2), default=0)
+    hourly_rate_aed = Column(Numeric(10, 2), nullable=False)
+    skill_match_score = Column(Integer)
+    availability_status = Column(String(50))
+    performance_rating = Column(String(50))
+    start_date = Column(Date, nullable=False, index=True)
+    end_date = Column(Date)
+    notes = Column(Text)
+    created_at = Column(DateTime(timezone=True), server_default=func.now())
+    updated_at = Column(DateTime(timezone=True), onupdate=func.now())
+    
+    # Relationships
+    project = relationship("Project", back_populates="staff_allocations")
+    milestone = relationship("Milestone", back_populates="staff_allocations")
+    employee = relationship("Employee", back_populates="staff_allocations")

requirements.txt

@@ -0,0 +1,10 @@
+fastapi
+uvicorn[standard]
+sqlalchemy
+psycopg2-binary
+pandas
+openpyxl
+python-multipart
+jinja2
+python-dotenv
+aiofiles

sampledataofsheet.md

@@ -0,0 +1,236 @@
+--- Sheet: Projects ---
+
+ Project_ID                      Project_Name                  Client_Name  Contract_Value_AED  Planned_Cost_AED Project_Start_Date Project_End_Date Project_Type Project_Status              Current_Phase
+KD-2024-001      Dubai Marina Mixed-Use Tower             Emaar Properties            45000000          36000000         2024-01-15       2025-12-15    Mixed-Use    In Progress         Design Development
+KD-2024-002       Jumeirah Hospitality Resort               Jumeirah Group            28000000          22400000         2024-03-01       2025-08-01  Hospitality    In Progress Construction Documentation
+KD-2024-003       DIFC Office Complex Phase 2               DIFC Authority            35000000          28000000         2024-02-01       2025-10-01       Office       Planning             Concept Design
+KD-2024-004 Abu Dhabi Residential Master Plan             Aldar Properties            52000000          41600000         2024-04-01       2026-03-01  Residential    In Progress           Schematic Design
+KD-2024-005           Sharjah Cultural Museum Sharjah Investment Authority            18000000          14400000         2024-05-15       2025-11-15     Cultural   Design Phase         Design Development
+
+--- Sheet: Employees ---
+
+Employee_ID Employee_Name         Department                Role  Hourly_Rate_AED Employment_Type Start_Date      Cost_Category
+    EMP-001    Employee 1       Architecture     Project Manager              350       Full-Time 2023-04-24       Architecture
+    EMP-002    Employee 2       Architecture    Senior Architect              850       Full-Time 2023-09-18       Architecture
+    EMP-003    Employee 3       Architecture     BIM Coordinator              400       Full-Time 2023-05-24       Architecture
+    EMP-004    Employee 4       Architecture    Design Principal              850       Full-Time 2023-10-14       Architecture
+    EMP-005    Employee 5       Architecture    Design Principal              300       Full-Time 2023-10-13       Architecture
+    EMP-006    Employee 6       Architecture    Junior Architect              200       Full-Time 2023-06-08       Architecture
+    EMP-007    Employee 7       Architecture     Project Manager              150       Full-Time 2023-03-17 Project Management
+    EMP-008    Employee 8       Architecture   Interior Designer              300       Full-Time 2023-08-03 Project Management
+    EMP-009    Employee 9       Architecture     Project Manager              350       Full-Time 2023-01-28       Architecture
+    EMP-010   Employee 10       Architecture Structural Engineer              200       Full-Time 2023-02-05       Architecture
+    EMP-011   Employee 11       Architecture Project Coordinator              300       Full-Time 2023-11-06 Project Management
+    EMP-012   Employee 12       Architecture    Senior Architect              200       Full-Time 2023-11-14 Project Management
+    EMP-013   Employee 13       Architecture    Senior Architect              500       Full-Time 2023-10-03       Architecture
+    EMP-014   Employee 14       Architecture     Project Manager              350       Full-Time 2023-07-13 Project Management
+    EMP-015   Employee 15       Architecture    Design Principal              600       Full-Time 2023-10-15       Architecture
+    EMP-016   Employee 16       Architecture    Design Principal              400       Full-Time 2023-09-09       Architecture
+
+    EMP-041   Employee 41 Project Management    Senior Associate              300       Full-Time 2023-10-03       Architecture
+    EMP-042   Employee 42 Project Management Structural Engineer              850       Full-Time 2023-02-24       Architecture
+    EMP-043   Employee 43 Project Management     BIM Coordinator              400       Full-Time 2023-08-27       Architecture
+    EMP-044   Employee 44 Project Management    Senior Architect              300       Full-Time 2023-02-25       Architecture
+    EMP-045   Employee 45 Project Management      Urban Designer              600       Full-Time 2023-09-25       Architecture
+    EMP-046   Employee 46 Project Management   Interior Designer              500        Contract 2023-03-05       Architecture
+    EMP-047   Employee 47 Project Management     Project Manager              600        Contract 2023-11-16 Project Management
+    EMP-048   Employee 48 Project Management Project Coordinator              250        Contract 2023-09-06       Architecture
+    EMP-049   Employee 49 Project Management     Project Manager              350        Contract 2023-05-17 Project Management
+    EMP-050   Employee 50 Project Management   Interior Designer              250        Contract 2023-10-14 Project Management
+
+--- Sheet: Timesheets ---
+
+Record_ID       Date Employee_ID  Project_ID  Hours_Worked      Work_Category           Task_Description  Billable_Hours
+TS-000001 2024-04-07     EMP-007 KD-2024-001          9.27 Project Management              Documentation            8.18
+TS-000002 2024-01-28     EMP-044 KD-2024-001          4.48      Subcontractor                Site Visits            4.30
+TS-000003 2024-02-25     EMP-016 KD-2024-002          5.52 Project Management       Client Presentations            4.88
+TS-000004 2024-05-22     EMP-030 KD-2024-002         11.00       Architecture               BIM Modeling           10.58
+TS-000005 2024-02-20     EMP-004 KD-2024-005         10.69       Architecture             Design Reviews            8.91
+TS-000006 2024-09-05     EMP-031 KD-2024-002         10.92       Architecture       Client Presentations            9.56
+TS-000007 2024-07-18     EMP-017 KD-2024-004          6.28      Subcontractor        Permit Applications            5.86
+TS-000008 2024-09-06     EMP-010 KD-2024-002          6.37       Architecture           Project Planning            6.03
+TS-000009 2024-02-01     EMP-048 KD-2024-003          4.46      Subcontractor               BIM Modeling            4.02
+TS-000010 2024-09-28     EMP-011 KD-2024-001         11.69       Architecture       Client Presentations            9.51
+TS-000011 2024-02-04     EMP-044 KD-2024-002          7.23      Subcontractor             Design Reviews            6.62
+TS-000012 2024-01-21     EMP-040 KD-2024-001          7.35      Subcontractor           Project Planning            6.65
+TS-000013 2024-05-13     EMP-014 KD-2024-003          5.91 Project Management       Client Presentations            5.52
+TS-000014 2024-06-02     EMP-030 KD-2024-003         11.43       Architecture Concept Design Development           10.19
+TS-000015 2024-02-21     EMP-005 KD-2024-005          5.71 Project Management       Client Presentations            5.63
+TS-000016 2024-02-05     EMP-016 KD-2024-003          6.28 Project Management        Permit Applications            5.91
+TS-000017 2024-09-27     EMP-001 KD-2024-005          6.40      Subcontractor         Technical Drawings            6.32
+TS-000018 2024-03-09     EMP-017 KD-2024-001         11.12      Subcontractor        Permit Applications            9.24
+TS-000019 2024-05-24     EMP-039 KD-2024-002          9.74       Architecture      Coordination Meetings            8.78
+TS-000020 2024-05-08     EMP-004 KD-2024-001          9.07 Project Management Concept Design Development            7.26
+TS-000021 2024-03-07     EMP-041 KD-2024-003          5.29 Project Management        Permit Applications            4.98
+TS-000022 2024-01-05     EMP-008 KD-2024-001         11.56      Subcontractor       Client Presentations           10.51
+TS-000023 2024-07-08     EMP-038 KD-2024-005          5.18       Architecture Concept Design Development            4.46
+TS-000024 2024-01-21     EMP-023 KD-2024-002          9.46      Subcontractor         Technical Drawings            8.24
+TS-000025 2024-07-27     EMP-040 KD-2024-002         11.41       Architecture       Client Presentations           11.36
+TS-000026 2024-03-31     EMP-027 KD-2024-001          5.43 Project Management              Documentation            5.22
+TS-000027 2024-05-07     EMP-018 KD-2024-002         10.30       Architecture              Documentation           10.04
+TS-000028 2024-08-28     EMP-015 KD-2024-002         10.53 Project Management                Site Visits            9.07
+TS-000029 2024-04-26     EMP-015 KD-2024-001          9.28 Project Management                Site Visits            7.94
+TS-000030 2024-02-05     EMP-050 KD-2024-003          6.81      Subcontractor              Documentation            6.37
+TS-000031 2024-06-18     EMP-002 KD-2024-001         11.02 Project Management       Client Presentations           10.10
+TS-000032 2024-05-15     EMP-003 KD-2024-001          8.77 Project Management                Site Visits            7.78
+TS-000033 2024-09-18     EMP-008 KD-2024-004         11.20       Architecture      Coordination Meetings            9.06
+TS-000034 2024-08-11     EMP-001 KD-2024-005         11.40      Subcontractor             Design Reviews            9.95
+TS-000035 2024-02-05     EMP-043 KD-2024-003          8.99      Subcontractor         Technical Drawings            8.49
+TS-000036 2024-06-02     EMP-033 KD-2024-003          9.34 Project Management              Documentation            8.77
+TS-000037 2024-03-06     EMP-013 KD-2024-004          9.32 Project Management       Client Presentations            8.60
+TS-000038 2024-06-03     EMP-026 KD-2024-005         10.67 Project Management      Coordination Meetings            8.98
+TS-000039 2024-06-13     EMP-030 KD-2024-004          7.54       Architecture        Permit Applications            6.75
+TS-000040 2024-03-27     EMP-043 KD-2024-001          6.27      Subcontractor           Project Planning            5.44
+TS-000041 2024-04-30     EMP-044 KD-2024-003          5.80       Architecture       Client Presentations            4.67
+TS-000042 2024-05-05     EMP-031 KD-2024-005         10.80       Architecture               BIM Modeling            9.54
+TS-000043 2024-04-09     EMP-046 KD-2024-004          7.96       Architecture       Client Presentations            7.41
+TS-000044 2024-01-03     EMP-049 KD-2024-001         10.23       Architecture       Client Presentations            9.83
+TS-000045 2024-09-22     EMP-030 KD-2024-001          8.46       Architecture               BIM Modeling            6.99
+TS-000046 2024-08-25     EMP-043 KD-2024-005         11.90      Subcontractor                Site Visits           11.78
+TS-000047 2024-08-14     EMP-040 KD-2024-005          7.41      Subcontractor               BIM Modeling            7.26
+TS-000048 2024-08-31     EMP-029 KD-2024-003         10.01      Subcontractor      Coordination Meetings            9.54
+TS-000049 2024-09-23     EMP-032 KD-2024-002          6.20       Architecture      Coordination Meetings            5.25
+TS-000050 2024-06-20     EMP-021 KD-2024-005          4.64       Architecture             Design Reviews            4.07
+TS-000051 2024-03-19     EMP-046 KD-2024-002          4.51 Project Management                Site Visits            4.10
+TS-000052 2024-07-31     EMP-004 KD-2024-002         10.66 Project Management           Project Planning           10.55
+TS-000053 2024-01-11     EMP-049 KD-2024-005          7.04       Architecture                Site Visits            6.05
+TS-000054 2024-07-18     EMP-027 KD-2024-005          9.98      Subcontractor           Project Planning            9.78
+TS-000055 2024-09-06     EMP-015 KD-2024-003          7.49       Architecture              Documentation            6.50
+TS-000056 2024-07-26     EMP-047 KD-2024-002         10.72       Architecture           Project Planning            9.72
+TS-000057 2024-07-20     EMP-038 KD-2024-005          9.30       Architecture              Documentation            7.69
+TS-000058 2024-08-24     EMP-012 KD-2024-001          6.08 Project Management             Design Reviews            5.42
+TS-000059 2024-06-21     EMP-049 KD-2024-004          6.23 Project Management      Coordination Meetings            6.02
+TS-000060 2024-08-28     EMP-002 KD-2024-005          4.42 Project Management             Design Reviews            4.11
+TS-000061 2024-01-21     EMP-049 KD-2024-001         11.60       Architecture Concept Design Development           10.72
+TS-000062 2024-05-02     EMP-009 KD-2024-004          9.36      Subcontractor             Design Reviews            8.36
+TS-000063 2024-05-11     EMP-050 KD-2024-003          5.34      Subcontractor         Technical Drawings            5.10
+TS-000064 2024-03-24     EMP-020 KD-2024-001          8.63 Project Management           Project Planning            8.07
+TS-000065 2024-07-11     EMP-026 KD-2024-002          4.61      Subcontractor             Design Reviews            3.78
+TS-000066 2024-06-03     EMP-044 KD-2024-005         10.44      Subcontractor Concept Design Development            9.08
+TS-000067 2024-08-07     EMP-043 KD-2024-003          4.55      Subcontractor                Site Visits            3.65
+TS-000068 2024-08-03     EMP-032 KD-2024-001          7.47 Project Management               BIM Modeling            7.03
+TS-000069 2024-08-10     EMP-012 KD-2024-005         11.72 Project Management           Project Planning           11.27
+TS-000070 2024-09-04     EMP-030 KD-2024-004         10.61      Subcontractor      Coordination Meetings            9.17
+TS-000071 2024-05-05     EMP-006 KD-2024-003         11.05       Architecture               BIM Modeling           10.10
+TS-000072 2024-07-13     EMP-022 KD-2024-001          7.95 Project Management       Client Presentations            7.14
+TS-000073 2024-06-30     EMP-017 KD-2024-003          6.24      Subcontractor      Coordination Meetings            5.69
+TS-000074 2024-09-21     EMP-013 KD-2024-001          5.93 Project Management               BIM Modeling            5.40
+TS-000075 2024-05-03     EMP-045 KD-2024-004          9.17 Project Management               BIM Modeling            8.79
+
+
+--- Sheet: Milestones ---
+
+ Project_ID              Milestone_Name  Milestone_Order Planned_Date Actual_Date      Status  Completion_Percentage
+KD-2024-001     Concept Design Approval                1   2024-01-12         NaN   Completed                     76
+KD-2024-001 Schematic Design Completion                2   2024-02-17  2024-02-17   Completed                      0
+KD-2024-001 Design Development Approval                3   2024-03-27         NaN In Progress                      0
+KD-2024-001  Construction Documentation                4   2024-04-09         NaN   Completed                      0
+KD-2024-001           Permit Submission                5   2024-05-13  2024-05-07   Completed                    100
+KD-2024-001             Permit Approval                6   2024-06-17         NaN In Progress                      0
+KD-2024-001          Construction Start                7   2024-07-20         NaN     Pending                      0
+KD-2024-001       Structural Completion                8   2024-08-08         NaN In Progress                     79
+KD-2024-001            MEP Installation                9   2024-09-25         NaN   Completed                      0
+KD-2024-001            Final Completion               10   2024-10-16  2024-10-28   Completed                      0
+KD-2024-002     Concept Design Approval                1   2024-01-18         NaN   Completed                      0
+KD-2024-002 Schematic Design Completion                2   2024-02-18         NaN In Progress                     29
+KD-2024-002 Design Development Approval                3   2024-03-14         NaN In Progress                      0
+KD-2024-002  Construction Documentation                4   2024-04-22  2024-05-01   Completed                      0
+KD-2024-002           Permit Submission                5   2024-05-15         NaN     Pending                      0
+KD-2024-002             Permit Approval                6   2024-06-24         NaN   Completed                      8
+KD-2024-002          Construction Start                7   2024-07-17         NaN   Completed                     22
+KD-2024-002       Structural Completion                8   2024-08-13  2024-08-31   Completed                      4
+KD-2024-002            MEP Installation                9   2024-09-20         NaN     Pending                     35
+KD-2024-002            Final Completion               10   2024-10-17         NaN     Pending                      0
+KD-2024-003     Concept Design Approval                1   2024-01-30  2024-02-18     Pending                     30
+KD-2024-003 Schematic Design Completion                2   2024-02-20         NaN   Completed                      0
+KD-2024-003 Design Development Approval                3   2024-03-28         NaN In Progress                     33
+KD-2024-003  Construction Documentation                4   2024-04-11  2024-04-10 In Progress                     20
+KD-2024-003           Permit Submission                5   2024-05-27  2024-06-10   Completed                     86
+KD-2024-003             Permit Approval                6   2024-06-14         NaN     Pending                     99
+KD-2024-003          Construction Start                7   2024-07-08  2024-07-13     Pending                     76
+KD-2024-003       Structural Completion                8   2024-08-07         NaN     Pending                      0
+KD-2024-003            MEP Installation                9   2024-09-26         NaN In Progress                      0
+KD-2024-003            Final Completion               10   2024-10-20  2024-10-18 In Progress                      0
+
+
+
+--- Sheet: Invoices ---
+
+ Invoice_ID  Project_ID Invoice_Date  Invoice_Amount_AED   Due_Date Payment_Date Payment_Status  Days_Outstanding        Milestone_Reference
+INV-001-001 KD-2024-001   2024-01-25              669473 2024-02-24          NaN    Outstanding                40         Design Development
+INV-001-002 KD-2024-001   2024-02-25             1830640 2024-03-26   2024-03-21    Outstanding                17         Design Development
+INV-001-003 KD-2024-001   2024-04-24             2122235 2024-05-24   2024-06-24           Paid                31             Concept Design
+INV-002-001 KD-2024-002   2024-01-20             1409558 2024-02-19          NaN    Outstanding                27           Final Completion
+INV-002-002 KD-2024-002   2024-02-27              509791 2024-03-28   2024-04-26           Paid                46 Construction Documentation
+INV-002-003 KD-2024-002   2024-04-30              529521 2024-05-30          NaN        Overdue                12             Concept Design
+INV-003-001 KD-2024-003   2024-01-21             2038477 2024-02-20   2024-02-29        Overdue                56 Construction Documentation
+INV-003-002 KD-2024-003   2024-02-24              770387 2024-03-25   2024-04-13        Overdue                37 Construction Documentation
+INV-004-001 KD-2024-004   2024-01-03             2227725 2024-02-02   2024-02-16    Outstanding                29 Construction Documentation
+INV-004-002 KD-2024-004   2024-02-28             2362216 2024-03-29   2024-04-14    Outstanding                22         Design Development
+INV-004-003 KD-2024-004   2024-04-05             2488276 2024-05-05          NaN           Paid                14         Design Development
+INV-005-001 KD-2024-005   2024-01-07             2039470 2024-02-06   2024-03-09        Overdue                10             Concept Design
+INV-005-002 KD-2024-005   2024-02-26             1991305 2024-03-27   2024-04-15        Overdue                16             Concept Design
+INV-005-003 KD-2024-005   2024-04-19              600580 2024-05-19   2024-06-24           Paid                 3             Concept Design
+
+--- Sheet: Subcontractors ---
+
+ Project_ID               Subcontractor_Name           Service_Type  Contract_Amount_AED  Amount_Invoiced_AED Payment_Status Work_Category
+KD-2024-001          UAE Fire Safety Systems            Fire Safety               179598               573867           Paid Subcontractor
+KD-2024-001          UAE Fire Safety Systems              Acoustics               210565               215477    Outstanding Subcontractor
+KD-2024-001    Acoustic Engineering Partners              Acoustics                59756               315743           Paid Subcontractor
+KD-2024-001    Acoustic Engineering Partners Structural Engineering               744663               545583           Paid Subcontractor
+KD-2024-001  Sustainability Consultants MENA         Sustainability               784764               143826           Paid Subcontractor
+KD-2024-001    Transportation Planning Group Structural Engineering               586435               123453           Paid Subcontractor
+KD-2024-002    Transportation Planning Group Structural Engineering               571917               208296    Outstanding Subcontractor
+KD-2024-002             Gulf MEP Consultants              Landscape               598558               211469           Paid Subcontractor
+KD-2024-002    Acoustic Engineering Partners            Fire Safety               359698               168163        Pending Subcontractor
+KD-2024-003          UAE Fire Safety Systems             MEP Design               771634               504012           Paid Subcontractor
+KD-2024-003             Gulf MEP Consultants Structural Engineering                63368                93326        Pending Subcontractor
+KD-2024-003    Transportation Planning Group         Sustainability               751520               518105        Pending Subcontractor
+KD-2024-003 Dubai Structural Engineering LLC         Sustainability               128693               106210           Paid Subcontractor
+KD-2024-003    Acoustic Engineering Partners             MEP Design               528938               310401           Paid Subcontractor
+KD-2024-003          UAE Fire Safety Systems Structural Engineering               154657               183188        Pending Subcontractor
+KD-2024-003    Transportation Planning Group              Landscape               427712               327897           Paid Subcontractor
+KD-2024-004 Dubai Structural Engineering LLC Structural Engineering                98118                10142        Pending Subcontractor
+KD-2024-004    Acoustic Engineering Partners              Acoustics               228795               344625           Paid Subcontractor
+KD-2024-004          UAE Fire Safety Systems         Sustainability               331342                97466           Paid Subcontractor
+KD-2024-004    Transportation Planning Group              Landscape               241752               119361           Paid Subcontractor
+KD-2024-004          UAE Fire Safety Systems            Fire Safety               335037               404452    Outstanding Subcontractor
+KD-2024-004    Transportation Planning Group            Fire Safety               492226               174880        Pending Subcontractor
+KD-2024-004             Gulf MEP Consultants              Acoustics               111495               167138        Pending Subcontractor
+KD-2024-004          UAE Fire Safety Systems         Sustainability               556121               596580    Outstanding Subcontractor
+KD-2024-005             Gulf MEP Consultants         Sustainability               448197               376018    Outstanding Subcontractor
+KD-2024-005 Dubai Structural Engineering LLC              Acoustics               187002               506545           Paid Subcontractor
+KD-2024-005 Dubai Structural Engineering LLC            Fire Safety               512094                48205        Pending Subcontractor
+KD-2024-005        Emirates Landscape Design              Acoustics               379502                12960    Outstanding Subcontractor
+KD-2024-005    Transportation Planning Group              Acoustics               600311               592458        Pending Subcontractor
+KD-2024-005    Acoustic Engineering Partners              Landscape               594315               548513    Outstanding Subcontractor
+
+--- Sheet: Data_Instructions ---
+
+    Sheet_Name                                                                                   Description                                                              Key_Fields                         Update_Frequency
+      Projects    Master list of all projects with contract values, planned costs, dates and project details Project_ID (unique), Contract_Value_AED, Planned_Cost_AED, Project_Type   Monthly or when new projects are added
+     Employees        Complete employee database with roles, rates, and cost categories for accurate costing              Employee_ID (unique), Hourly_Rate_AED, Cost_Category, Role  When new employees join or rates change
+    Timesheets Daily time tracking entries by employees on projects - core data for actual cost calculations              Employee_ID, Project_ID, Hours_Worked, Work_Category, Date            Daily - core operational data
+    Milestones                 Project milestone tracking with planned vs actual dates for timeline analysis           Project_ID, Milestone_Name, Planned_Date, Actual_Date, Status        Weekly as milestones are achieved
+      Invoices          Invoice register for tracking billing, payments, and outstanding amounts per project        Project_ID, Invoice_Amount_AED, Payment_Status, Days_Outstanding   Monthly or when invoices are sent/paid
+Subcontractors             External consultant and subcontractor costs by project for complete cost tracking            Project_ID, Service_Type, Contract_Amount_AED, Work_Category When subcontractor agreements are signed
+
+--- Sheet: milestone_budgets ---
+
+ Project_ID              Milestone_Name  Milestone_Order Planned_Date Actual_Date      Status  Budgeted_Hours  Budgeted_Cost_AED  Actual_Hours  Actual_Cost_AED  Cumulative_Budgeted_Hours  Cumulative_Budgeted_Cost_AED  Cumulative_Actual_Hours  Cumulative_Actual_Cost_AED  Hours_Variance  Cost_Variance_AED  Schedule_Variance_Days  Budget_Utilization_Percent  Architecture_Hours  Architecture_Cost_AED  PM_Hours  PM_Cost_AED  Subcontractor_Hours  Subcontractor_Cost_AED                                      Notes
+KD-2024-001     Concept Design Approval                1   2024-01-12  2024-01-12   Completed             120              72000           125            75000                        120                         72000                      125                       75000               5               3000                       0                      104.17                  80                  45000        25        18000                   15                    9000 Initial design phase completed on schedule
+KD-2024-001 Schematic Design Completion                2   2024-02-17  2024-02-17   Completed             200             135000           215           147500                        320                        207000                      340                      222500              15              12500                       0                      107.49                 140                 105000        40        22500                   35                   20000              Additional revisions required
+KD-2024-001 Design Development Approval                3   2024-03-27         NaT In Progress             180             108000            95            67500                        500                        315000                      435                      290000             -85             -40500                       0                       92.06                 120                  50000        30        12500                   25                    5000             Ahead of schedule under budget
+KD-2024-002     Concept Design Approval                1   2024-01-18  2024-01-18   Completed              80              48000            78            46800                         80                         48000                       78                       46800              -2              -1200                       0                       97.50                  60                  36000        15         9000                    5                    1800                     Efficient design phase
+KD-2024-002 Schematic Design Completion                2   2024-02-18         NaT In Progress             150              90000            85            51000                        230                        138000                      163                       97800             -65             -40200                       0                       70.87                 100                  60000        30        18000                   20                   12000                Good progress on schematics
+
+--- Sheet: staff_allocation ---
+
+ Project_ID Milestone_ID              Milestone_Name Employee_ID Employee_Name             Role     Category  Hours_Allocated  Hours_Worked  Hourly_Rate_AED  Cost_AED  Utilization_Percent  Skill_Match_Score Availability_Status Start_Date   End_Date Performance_Rating                        Notes
+KD-2024-001         ms_1     Concept Design Approval     EMP-001    Employee 1  Project Manager Architecture               80            85              350     29750               106.25                 95           AVAILABLE 2024-01-05 2024-01-15          EXCELLENT  Led design team effectively
+KD-2024-001         ms_1     Concept Design Approval     EMP-002    Employee 2 Senior Architect Architecture               40            45              850     38250               112.50                 98                BUSY 2024-01-05 2024-01-15          EXCELLENT   Quality architectural work
+KD-2024-001         ms_2 Schematic Design Completion     EMP-002    Employee 2 Senior Architect Architecture              140           150              850    127500               107.14                 98           AVAILABLE 2024-02-01 2024-02-20          EXCELLENT Strong schematic development
+KD-2024-001         ms_2 Schematic Design Completion     EMP-003    Employee 3  BIM Coordinator Architecture               60            65              400     26000               108.33                 92           AVAILABLE 2024-02-01 2024-02-20               GOOD     BIM coordination support
+KD-2024-002         ms_1     Concept Design Approval     EMP-004    Employee 4 Design Principal Architecture               60            58              850     49300                96.67                 95           AVAILABLE 2024-01-10 2024-01-20               GOOD            Design leadership
+

schemas.py

@@ -0,0 +1,173 @@
+from pydantic import BaseModel, ConfigDict
+from typing import Optional
+from datetime import date, datetime
+from decimal import Decimal
+
+# Project Schemas
+class ProjectBase(BaseModel):
+    project_name: str
+    client_name: str
+    contract_value_aed: Decimal
+    planned_cost_aed: Decimal
+    project_start_date: date
+    project_end_date: date
+    project_type: str
+    project_status: str
+    current_phase: Optional[str] = None
+
+class ProjectCreate(ProjectBase):
+    project_id: str
+
+class Project(ProjectBase):
+    project_id: str
+    created_at: Optional[datetime] = None
+    updated_at: Optional[datetime] = None
+    
+    model_config = ConfigDict(from_attributes=True)
+
+
+# Employee Schemas
+class EmployeeBase(BaseModel):
+    employee_name: str
+    department: str
+    role: str
+    hourly_rate_aed: Decimal
+    employment_type: str
+    start_date: date
+    cost_category: str
+    end_date: Optional[date] = None
+    is_active: bool = True
+    email: Optional[str] = None
+    phone: Optional[str] = None
+
+class EmployeeCreate(EmployeeBase):
+    employee_id: str
+
+class Employee(EmployeeBase):
+    employee_id: str
+    created_at: Optional[datetime] = None
+    updated_at: Optional[datetime] = None
+    
+    model_config = ConfigDict(from_attributes=True)
+
+
+# Timesheet Schemas
+class TimesheetBase(BaseModel):
+    date: date
+    employee_id: str
+    project_id: str
+    hours_worked: Decimal
+    billable_hours: Decimal
+    work_category: str
+    task_description: Optional[str] = None
+    is_approved: bool = False
+
+class TimesheetCreate(TimesheetBase):
+    record_id: str
+
+class Timesheet(TimesheetBase):
+    record_id: str
+    created_at: Optional[datetime] = None
+    updated_at: Optional[datetime] = None
+    
+    model_config = ConfigDict(from_attributes=True)
+
+
+# Milestone Schemas
+class MilestoneBase(BaseModel):
+    project_id: str
+    milestone_name: str
+    milestone_order: int
+    planned_date: date
+    actual_date: Optional[date] = None
+    status: str
+    completion_percentage: int = 0
+
+class MilestoneCreate(MilestoneBase):
+    pass
+
+class Milestone(MilestoneBase):
+    milestone_id: int
+    created_at: Optional[datetime] = None
+    updated_at: Optional[datetime] = None
+    
+    model_config = ConfigDict(from_attributes=True)
+
+
+# Invoice Schemas
+class InvoiceBase(BaseModel):
+    project_id: str
+    invoice_date: date
+    invoice_amount_aed: Decimal
+    due_date: date
+    payment_date: Optional[date] = None
+    payment_status: str
+    days_outstanding: Optional[int] = None
+    milestone_reference: Optional[str] = None
+    paid_amount_aed: Decimal = 0
+
+class InvoiceCreate(InvoiceBase):
+    invoice_id: str
+
+class Invoice(InvoiceBase):
+    invoice_id: str
+    created_at: Optional[datetime] = None
+    updated_at: Optional[datetime] = None
+    
+    model_config = ConfigDict(from_attributes=True)
+
+
+# Subcontractor Schemas
+class SubcontractorBase(BaseModel):
+    project_id: str
+    subcontractor_name: str
+    service_type: str
+    contract_amount_aed: Decimal
+    amount_invoiced_aed: Decimal = 0
+    payment_status: str
+    work_category: str
+    contract_start_date: Optional[date] = None
+    contract_end_date: Optional[date] = None
+    contact_person: Optional[str] = None
+    contact_email: Optional[str] = None
+    contact_phone: Optional[str] = None
+
+class SubcontractorCreate(SubcontractorBase):
+    pass
+
+class Subcontractor(SubcontractorBase):
+    subcontractor_id: int
+    created_at: Optional[datetime] = None
+    updated_at: Optional[datetime] = None
+    
+    model_config = ConfigDict(from_attributes=True)
+
+
+# Staff Allocation Schemas
+class StaffAllocationBase(BaseModel):
+    project_id: str
+    milestone_id: Optional[int] = None
+    milestone_name: Optional[str] = None
+    employee_id: str
+    employee_name: str
+    role: str
+    category: Optional[str] = None
+    hours_allocated: Decimal
+    hours_worked: Decimal = 0
+    hourly_rate_aed: Decimal
+    skill_match_score: Optional[int] = None
+    availability_status: Optional[str] = None
+    performance_rating: Optional[str] = None
+    start_date: date
+    end_date: Optional[date] = None
+    notes: Optional[str] = None
+
+class StaffAllocationCreate(StaffAllocationBase):
+    pass
+
+class StaffAllocation(StaffAllocationBase):
+    allocation_id: int
+    created_at: Optional[datetime] = None
+    updated_at: Optional[datetime] = None
+    
+    model_config = ConfigDict(from_attributes=True)

static/style.css

@@ -0,0 +1,43 @@
+/* Custom Styles */
+body {
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+    background-color: #f8f9fa;
+}
+
+.navbar-brand {
+    font-weight: bold;
+    font-size: 1.5rem;
+}
+
+.card {
+    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
+    border: none;
+}
+
+.table {
+    font-size: 0.9rem;
+}
+
+.modal-header {
+    background-color: #0d6efd;
+    color: white;
+}
+
+.btn {
+    border-radius: 0.25rem;
+}
+
+footer {
+    margin-top: auto;
+}
+
+/* Responsive tables */
+@media (max-width: 768px) {
+    .table {
+        font-size: 0.75rem;
+    }
+}
+
+.display-4 {
+    font-weight: bold;
+}

templates/base.html

@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>{% block title %}Architecture PM System{% endblock %}</title>
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.2/font/bootstrap-icons.min.css">
+    <link rel="stylesheet" href="/static/style.css">
+</head>
+<body>
+    <!-- Navigation -->
+    <nav class="navbar navbar-expand-lg navbar-dark bg-primary">
+        <div class="container-fluid">
+            <a class="navbar-brand" href="/">
+                <i class="bi bi-building"></i> Architecture PM
+            </a>
+            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
+                <span class="navbar-toggler-icon"></span>
+            </button>
+            <div class="collapse navbar-collapse" id="navbarNav">
+                <ul class="navbar-nav">
+                    <li class="nav-item">
+                        <a class="nav-link" href="/"><i class="bi bi-house-door"></i> Home</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link" href="/projects"><i class="bi bi-folder"></i> Projects</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link" href="/employees"><i class="bi bi-people"></i> Employees</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link" href="/timesheets"><i class="bi bi-clock-history"></i> Timesheets</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link" href="/milestones"><i class="bi bi-flag"></i> Milestones</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link" href="/invoices"><i class="bi bi-receipt"></i> Invoices</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link" href="/subcontractors"><i class="bi bi-tools"></i> Subcontractors</a>
+                    </li>
+                    <li class="nav-item">
+                        <a class="nav-link" href="/staff-allocation"><i class="bi bi-person-workspace"></i> Staff Allocation</a>
+                    </li>
+                </ul>
+            </div>
+        </div>
+    </nav>
+
+    <!-- Main Content -->
+    <main class="container-fluid py-4">
+        {% block content %}{% endblock %}
+    </main>
+
+    <!-- Footer -->
+    <footer class="bg-light text-center text-muted py-3 mt-5">
+        <div class="container">
+            <p class="mb-0">© 2024 Architecture PM System. All rights reserved.</p>
+        </div>
+    </footer>
+
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
+    {% block scripts %}{% endblock %}
+</body>
+</html>

templates/employees.html

@@ -0,0 +1,113 @@
+{% extends "base.html" %}
+{% block title %}Employees{% endblock %}
+{% block content %}
+<div class="container-fluid">
+    <div class="d-flex justify-content-between mb-4">
+        <h1><i class="bi bi-people"></i> Employees</h1>
+        <button class="btn btn-success" data-bs-toggle="modal" data-bs-target="#addModal">
+            <i class="bi bi-plus"></i> Add Employee
+        </button>
+    </div>
+    <div class="card">
+        <div class="card-body">
+            <table class="table table-striped">
+                <thead class="table-dark">
+                    <tr>
+                        <th>ID</th><th>Name</th><th>Department</th><th>Role</th>
+                        <th>Rate (AED/hr)</th><th>Type</th><th>Category</th><th>Actions</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    {% for emp in employees %}
+                    <tr>
+                        <td>{{ emp.employee_id }}</td>
+                        <td>{{ emp.employee_name }}</td>
+                        <td>{{ emp.department }}</td>
+                        <td>{{ emp.role }}</td>
+                        <td>{{ emp.hourly_rate_aed }}</td>
+                        <td><span class="badge bg-info">{{ emp.employment_type }}</span></td>
+                        <td>{{ emp.cost_category }}</td>
+                        <td>
+                            <form method="post" action="/employees/delete/{{ emp.employee_id }}" style="display:inline;">
+                                <button class="btn btn-danger btn-sm" onclick="return confirm('Delete?')">
+                                    <i class="bi bi-trash"></i>
+                                </button>
+                            </form>
+                        </td>
+                    </tr>
+                    {% endfor %}
+                </tbody>
+            </table>
+        </div>
+    </div>
+</div>
+
+<div class="modal fade" id="addModal">
+    <div class="modal-dialog modal-lg">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5>Add Employee</h5>
+                <button class="btn-close" data-bs-dismiss="modal"></button>
+            </div>
+            <form method="post" action="/employees/create">
+                <div class="modal-body">
+                    <div class="row g-3">
+                        <div class="col-md-6">
+                            <label>Employee ID</label>
+                            <input type="text" class="form-control" name="employee_id" required>
+                        </div>
+                        <div class="col-md-6">
+                            <label>Name</label>
+                            <input type="text" class="form-control" name="employee_name" required>
+                        </div>
+                        <div class="col-md-6">
+                            <label>Department</label>
+                            <input type="text" class="form-control" name="department" required>
+                        </div>
+                        <div class="col-md-6">
+                            <label>Role</label>
+                            <input type="text" class="form-control" name="role" required>
+                        </div>
+                        <div class="col-md-6">
+                            <label>Hourly Rate (AED)</label>
+                            <input type="number" step="0.01" class="form-control" name="hourly_rate_aed" required>
+                        </div>
+                        <div class="col-md-6">
+                            <label>Employment Type</label>
+                            <select class="form-select" name="employment_type" required>
+                                <option value="Full-Time">Full-Time</option>
+                                <option value="Contract">Contract</option>
+                                <option value="Part-Time">Part-Time</option>
+                            </select>
+                        </div>
+                        <div class="col-md-6">
+                            <label>Start Date</label>
+                            <input type="date" class="form-control" name="start_date" required>
+                        </div>
+                        <div class="col-md-6">
+                            <label>Cost Category</label>
+                            <select class="form-select" name="cost_category" required>
+                                <option value="Architecture">Architecture</option>
+                                <option value="Project Management">Project Management</option>
+                                <option value="Engineering">Engineering</option>
+                            </select>
+                        </div>
+                        <div class="col-md-6">
+                            <label>Email</label>
+                            <input type="email" class="form-control" name="email">
+                        </div>
+                        <div class="col-md-6">
+                            <label>Phone</label>
+                            <input type="text" class="form-control" name="phone">
+                        </div>
+                    </div>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
+                    <button type="submit" class="btn btn-success">Add</button>
+                </div>
+            </form>
+        </div>
+    </div>
+</div>
+{% endblock %}

templates/index.html

@@ -0,0 +1,83 @@
+{% extends "base.html" %}
+
+{% block title %}Dashboard - Architecture PM System{% endblock %}
+
+{% block content %}
+<div class="container">
+    <h1 class="mb-4"><i class="bi bi-speedometer2"></i> Dashboard</h1>
+    
+    <div class="row g-4 mb-5">
+        <div class="col-md-3">
+            <div class="card text-white bg-primary">
+                <div class="card-body">
+                    <h5 class="card-title"><i class="bi bi-folder"></i> Projects</h5>
+                    <h2 class="display-4">{{ projects_count }}</h2>
+                    <a href="/projects" class="btn btn-light btn-sm mt-2">View All</a>
+                </div>
+            </div>
+        </div>
+        <div class="col-md-3">
+            <div class="card text-white bg-success">
+                <div class="card-body">
+                    <h5 class="card-title"><i class="bi bi-people"></i> Employees</h5>
+                    <h2 class="display-4">{{ employees_count }}</h2>
+                    <a href="/employees" class="btn btn-light btn-sm mt-2">View All</a>
+                </div>
+            </div>
+        </div>
+        <div class="col-md-3">
+            <div class="card text-white bg-info">
+                <div class="card-body">
+                    <h5 class="card-title"><i class="bi bi-clock-history"></i> Timesheets</h5>
+                    <h2 class="display-4">{{ timesheets_count }}</h2>
+                    <a href="/timesheets" class="btn btn-light btn-sm mt-2">View All</a>
+                </div>
+            </div>
+        </div>
+        <div class="col-md-3">
+            <div class="card text-white bg-warning">
+                <div class="card-body">
+                    <h5 class="card-title"><i class="bi bi-receipt"></i> Invoices</h5>
+                    <h2 class="display-4">{{ invoices_count }}</h2>
+                    <a href="/invoices" class="btn btn-light btn-sm mt-2">View All</a>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="row">
+        <div class="col-md-12">
+            <div class="card">
+                <div class="card-header bg-primary text-white">
+                    <h5 class="mb-0"><i class="bi bi-graph-up"></i> Quick Links</h5>
+                </div>
+                <div class="card-body">
+                    <div class="list-group">
+                        <a href="/projects" class="list-group-item list-group-item-action">
+                            <i class="bi bi-folder"></i> Manage Projects
+                        </a>
+                        <a href="/employees" class="list-group-item list-group-item-action">
+                            <i class="bi bi-people"></i> Manage Employees
+                        </a>
+                        <a href="/timesheets" class="list-group-item list-group-item-action">
+                            <i class="bi bi-clock-history"></i> Track Time
+                        </a>
+                        <a href="/milestones" class="list-group-item list-group-item-action">
+                            <i class="bi bi-flag"></i> Monitor Milestones
+                        </a>
+                        <a href="/invoices" class="list-group-item list-group-item-action">
+                            <i class="bi bi-receipt"></i> Process Invoices
+                        </a>
+                        <a href="/subcontractors" class="list-group-item list-group-item-action">
+                            <i class="bi bi-tools"></i> Manage Subcontractors
+                        </a>
+                        <a href="/staff-allocation" class="list-group-item list-group-item-action">
+                            <i class="bi bi-person-workspace"></i> Allocate Staff
+                        </a>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+{% endblock %}

templates/invoices.html

@@ -0,0 +1,182 @@
+{% extends "base.html" %}
+
+{% block title %}Invoices - Architecture PM System{% endblock %}
+
+{% block content %}
+<div class="container-fluid">
+    <div class="d-flex justify-content-between align-items-center mb-4">
+        <h1><i class="bi bi-receipt"></i> Project Invoices</h1>
+        <button class="btn btn-success" data-bs-toggle="modal" data-bs-target="#addInvoiceModal">
+            <i class="bi bi-plus-circle"></i> Add Invoice
+        </button>
+    </div>
+
+    <!-- Summary Cards -->
+    <div class="row g-3 mb-4">
+        <div class="col-md-3">
+            <div class="card bg-success text-white">
+                <div class="card-body">
+                    <h6 class="card-title">Total Invoiced</h6>
+                    <h3>AED {{ "{:,.2f}".format(invoices|sum(attribute='invoice_amount_aed')|default(0)) }}</h3>
+                </div>
+            </div>
+        </div>
+        <div class="col-md-3">
+            <div class="card bg-warning text-dark">
+                <div class="card-body">
+                    <h6 class="card-title">Outstanding</h6>
+                    <h3>{{ invoices|selectattr('payment_status', 'equalto', 'Outstanding')|list|length }}</h3>
+                </div>
+            </div>
+        </div>
+        <div class="col-md-3">
+            <div class="card bg-danger text-white">
+                <div class="card-body">
+                    <h6 class="card-title">Overdue</h6>
+                    <h3>{{ invoices|selectattr('payment_status', 'equalto', 'Overdue')|list|length }}</h3>
+                </div>
+            </div>
+        </div>
+        <div class="col-md-3">
+            <div class="card bg-info text-white">
+                <div class="card-body">
+                    <h6 class="card-title">Paid</h6>
+                    <h3>{{ invoices|selectattr('payment_status', 'equalto', 'Paid')|list|length }}</h3>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="card">
+        <div class="card-body">
+            <div class="table-responsive">
+                <table class="table table-striped table-hover">
+                    <thead class="table-dark">
+                        <tr>
+                            <th>Invoice ID</th>
+                            <th>Project ID</th>
+                            <th>Invoice Date</th>
+                            <th>Amount (AED)</th>
+                            <th>Due Date</th>
+                            <th>Payment Date</th>
+                            <th>Status</th>
+                            <th>Days Outstanding</th>
+                            <th>Milestone</th>
+                            <th>Actions</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        {% for invoice in invoices %}
+                        <tr>
+                            <td><strong>{{ invoice.invoice_id }}</strong></td>
+                            <td><span class="badge bg-secondary">{{ invoice.project_id }}</span></td>
+                            <td>{{ invoice.invoice_date }}</td>
+                            <td><strong>{{ "{:,.2f}".format(invoice.invoice_amount_aed) }}</strong></td>
+                            <td>{{ invoice.due_date }}</td>
+                            <td>
+                                {% if invoice.payment_date %}
+                                <span class="text-success">{{ invoice.payment_date }}</span>
+                                {% else %}
+                                <span class="text-muted">Not paid</span>
+                                {% endif %}
+                            </td>
+                            <td>
+                                {% if invoice.payment_status == 'Paid' %}
+                                <span class="badge bg-success">Paid</span>
+                                {% elif invoice.payment_status == 'Outstanding' %}
+                                <span class="badge bg-warning text-dark">Outstanding</span>
+                                {% elif invoice.payment_status == 'Overdue' %}
+                                <span class="badge bg-danger">Overdue</span>
+                                {% else %}
+                                <span class="badge bg-secondary">{{ invoice.payment_status }}</span>
+                                {% endif %}
+                            </td>
+                            <td>
+                                {% if invoice.days_outstanding %}
+                                <span class="badge bg-info">{{ invoice.days_outstanding }} days</span>
+                                {% else %}
+                                -
+                                {% endif %}
+                            </td>
+                            <td><small>{{ invoice.milestone_reference or '-' }}</small></td>
+                            <td>
+                                <form method="post" action="/invoices/delete/{{ invoice.invoice_id }}" style="display:inline;">
+                                    <button type="submit" class="btn btn-danger btn-sm" onclick="return confirm('Are you sure you want to delete this invoice?')">
+                                        <i class="bi bi-trash"></i>
+                                    </button>
+                                </form>
+                            </td>
+                        </tr>
+                        {% endfor %}
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+</div>
+
+<!-- Add Invoice Modal -->
+<div class="modal fade" id="addInvoiceModal" tabindex="-1">
+    <div class="modal-dialog modal-lg">
+        <div class="modal-content">
+            <div class="modal-header bg-success text-white">
+                <h5 class="modal-title">Add New Invoice</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
+            </div>
+            <form method="post" action="/invoices/create">
+                <div class="modal-body">
+                    <div class="row g-3">
+                        <div class="col-md-6">
+                            <label class="form-label">Invoice ID</label>
+                            <input type="text" class="form-control" name="invoice_id" required placeholder="INV-001-001">
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label">Project</label>
+                            <select class="form-select" name="project_id" required>
+                                <option value="">Select Project</option>
+                                {% for project in projects %}
+                                <option value="{{ project.project_id }}">{{ project.project_id }} - {{ project.project_name }}</option>
+                                {% endfor %}
+                            </select>
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label">Invoice Date</label>
+                            <input type="date" class="form-control" name="invoice_date" required>
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label">Invoice Amount (AED)</label>
+                            <input type="number" step="0.01" class="form-control" name="invoice_amount_aed" required placeholder="10000.00">
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label">Due Date</label>
+                            <input type="date" class="form-control" name="due_date" required>
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label">Payment Date (Optional)</label>
+                            <input type="date" class="form-control" name="payment_date">
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label">Payment Status</label>
+                            <select class="form-select" name="payment_status" required>
+                                <option value="Outstanding">Outstanding</option>
+                                <option value="Paid">Paid</option>
+                                <option value="Overdue">Overdue</option>
+                                <option value="Partial">Partial</option>
+                                <option value="Cancelled">Cancelled</option>
+                            </select>
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label">Milestone Reference (Optional)</label>
+                            <input type="text" class="form-control" name="milestone_reference" placeholder="Concept Design">
+                        </div>
+                    </div>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
+                    <button type="submit" class="btn btn-success">Add Invoice</button>
+                </div>
+            </form>
+        </div>
+    </div>
+</div>
+{% endblock %}

templates/milestones.html

@@ -0,0 +1,166 @@
+{% extends "base.html" %}
+
+{% block title %}Milestones - Architecture PM System{% endblock %}
+
+{% block content %}
+<div class="container-fluid">
+    <div class="d-flex justify-content-between align-items-center mb-4">
+        <h1><i class="bi bi-flag"></i> Project Milestones</h1>
+        <button class="btn btn-warning" data-bs-toggle="modal" data-bs-target="#addMilestoneModal">
+            <i class="bi bi-plus-circle"></i> Add Milestone
+        </button>
+    </div>
+
+    <div class="card">
+        <div class="card-body">
+            <div class="table-responsive">
+                <table class="table table-striped table-hover">
+                    <thead class="table-dark">
+                        <tr>
+                            <th>ID</th>
+                            <th>Project ID</th>
+                            <th>Milestone Name</th>
+                            <th>Order</th>
+                            <th>Planned Date</th>
+                            <th>Actual Date</th>
+                            <th>Status</th>
+                            <th>Completion %</th>
+                            <th>Actions</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        {% for milestone in milestones %}
+                        <tr>
+                            <td>{{ milestone.milestone_id }}</td>
+                            <td><span class="badge bg-secondary">{{ milestone.project_id }}</span></td>
+                            <td>{{ milestone.milestone_name }}</td>
+                            <td><span class="badge bg-primary">{{ milestone.milestone_order }}</span></td>
+                            <td>{{ milestone.planned_date }}</td>
+                            <td>
+                                {% if milestone.actual_date %}
+                                {{ milestone.actual_date }}
+                                {% else %}
+                                <span class="text-muted">Not completed</span>
+                                {% endif %}
+                            </td>
+                            <td>
+                                {% if milestone.status == 'Completed' %}
+                                <span class="badge bg-success">{{ milestone.status }}</span>
+                                {% elif milestone.status == 'In Progress' %}
+                                <span class="badge bg-info">{{ milestone.status }}</span>
+                                {% elif milestone.status == 'Pending' %}
+                                <span class="badge bg-warning text-dark">{{ milestone.status }}</span>
+                                {% elif milestone.status == 'Delayed' %}
+                                <span class="badge bg-danger">{{ milestone.status }}</span>
+                                {% else %}
+                                <span class="badge bg-secondary">{{ milestone.status }}</span>
+                                {% endif %}
+                            </td>
+                            <td>
+                                <div class="progress" style="height: 20px;">
+                                    <div class="progress-bar 
+                                        {% if milestone.completion_percentage >= 75 %}bg-success
+                                        {% elif milestone.completion_percentage >= 50 %}bg-info
+                                        {% elif milestone.completion_percentage >= 25 %}bg-warning
+                                        {% else %}bg-danger{% endif %}" 
+                                        role="progressbar" 
+                                        style="width: {{ milestone.completion_percentage }}%"
+                                        aria-valuenow="{{ milestone.completion_percentage }}" 
+                                        aria-valuemin="0" 
+                                        aria-valuemax="100">
+                                        {{ milestone.completion_percentage }}%
+                                    </div>
+                                </div>
+                            </td>
+                            <td>
+                                <form method="post" action="/milestones/delete/{{ milestone.milestone_id }}" style="display:inline;">
+                                    <button type="submit" class="btn btn-danger btn-sm" onclick="return confirm('Are you sure you want to delete this milestone?')">
+                                        <i class="bi bi-trash"></i>
+                                    </button>
+                                </form>
+                            </td>
+                        </tr>
+                        {% endfor %}
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+</div>
+
+<!-- Add Milestone Modal -->
+<div class="modal fade" id="addMilestoneModal" tabindex="-1">
+    <div class="modal-dialog modal-lg">
+        <div class="modal-content">
+            <div class="modal-header bg-warning">
+                <h5 class="modal-title text-dark">Add New Milestone</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
+            </div>
+            <form method="post" action="/milestones/create">
+                <div class="modal-body">
+                    <div class="row g-3">
+                        <div class="col-md-6">
+                            <label class="form-label">Project</label>
+                            <select class="form-select" name="project_id" required>
+                                <option value="">Select Project</option>
+                                {% for project in projects %}
+                                <option value="{{ project.project_id }}">{{ project.project_id }} - {{ project.project_name }}</option>
+                                {% endfor %}
+                            </select>
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label">Milestone Name</label>
+                            <input type="text" class="form-control" name="milestone_name" required placeholder="e.g., Concept Design Approval">
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label">Milestone Order</label>
+                            <input type="number" class="form-control" name="milestone_order" required min="1" placeholder="1">
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label">Planned Date</label>
+                            <input type="date" class="form-control" name="planned_date" required>
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label">Actual Date (Optional)</label>
+                            <input type="date" class="form-control" name="actual_date">
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label">Status</label>
+                            <select class="form-select" name="status" required>
+                                <option value="Pending">Pending</option>
+                                <option value="In Progress">In Progress</option>
+                                <option value="Completed">Completed</option>
+                                <option value="Delayed">Delayed</option>
+                                <option value="Cancelled">Cancelled</option>
+                            </select>
+                        </div>
+                        <div class="col-md-12">
+                            <label class="form-label">Completion Percentage</label>
+                            <input type="range" class="form-range" name="completion_percentage" min="0" max="100" value="0" id="completionRange">
+                            <div class="text-center">
+                                <strong id="completionValue">0%</strong>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
+                    <button type="submit" class="btn btn-warning">Add Milestone</button>
+                </div>
+            </form>
+        </div>
+    </div>
+</div>
+
+<script>
+    // Update completion percentage display
+    const rangeInput = document.getElementById('completionRange');
+    const valueDisplay = document.getElementById('completionValue');
+    
+    if (rangeInput && valueDisplay) {
+        rangeInput.addEventListener('input', function() {
+            valueDisplay.textContent = this.value + '%';
+        });
+    }
+</script>
+{% endblock %}

templates/projects.html

@@ -0,0 +1,141 @@
+{% extends "base.html" %}
+
+{% block title %}Projects - Architecture PM System{% endblock %}
+
+{% block content %}
+<div class="container-fluid">
+    <div class="d-flex justify-content-between align-items-center mb-4">
+        <h1><i class="bi bi-folder"></i> Projects</h1>
+        <button class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#addProjectModal">
+            <i class="bi bi-plus-circle"></i> Add Project
+        </button>
+    </div>
+
+    <div class="card">
+        <div class="card-body">
+            <div class="table-responsive">
+                <table class="table table-striped table-hover">
+                    <thead class="table-dark">
+                        <tr>
+                            <th>Project ID</th>
+                            <th>Project Name</th>
+                            <th>Client</th>
+                            <th>Type</th>
+                            <th>Status</th>
+                            <th>Contract Value (AED)</th>
+                            <th>Planned Cost (AED)</th>
+                            <th>Start Date</th>
+                            <th>End Date</th>
+                            <th>Actions</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        {% for project in projects %}
+                        <tr>
+                            <td>{{ project.project_id }}</td>
+                            <td>{{ project.project_name }}</td>
+                            <td>{{ project.client_name }}</td>
+                            <td><span class="badge bg-info">{{ project.project_type }}</span></td>
+                            <td>
+                                {% if project.project_status == 'In Progress' %}
+                                <span class="badge bg-success">{{ project.project_status }}</span>
+                                {% elif project.project_status == 'Planning' %}
+                                <span class="badge bg-warning">{{ project.project_status }}</span>
+                                {% else %}
+                                <span class="badge bg-secondary">{{ project.project_status }}</span>
+                                {% endif %}
+                            </td>
+                            <td>{{ "{:,.2f}".format(project.contract_value_aed) }}</td>
+                            <td>{{ "{:,.2f}".format(project.planned_cost_aed) }}</td>
+                            <td>{{ project.project_start_date }}</td>
+                            <td>{{ project.project_end_date }}</td>
+                            <td>
+                                <form method="post" action="/projects/delete/{{ project.project_id }}" style="display:inline;">
+                                    <button type="submit" class="btn btn-danger btn-sm" onclick="return confirm('Are you sure?')">
+                                        <i class="bi bi-trash"></i>
+                                    </button>
+                                </form>
+                            </td>
+                        </tr>
+                        {% endfor %}
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+</div>
+
+<!-- Add Project Modal -->
+<div class="modal fade" id="addProjectModal" tabindex="-1">
+    <div class="modal-dialog modal-lg">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title">Add New Project</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
+            </div>
+            <form method="post" action="/projects/create">
+                <div class="modal-body">
+                    <div class="row g-3">
+                        <div class="col-md-6">
+                            <label class="form-label">Project ID</label>
+                            <input type="text" class="form-control" name="project_id" required>
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label">Project Name</label>
+                            <input type="text" class="form-control" name="project_name" required>
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label">Client Name</label>
+                            <input type="text" class="form-control" name="client_name" required>
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label">Project Type</label>
+                            <select class="form-select" name="project_type" required>
+                                <option value="Mixed-Use">Mixed-Use</option>
+                                <option value="Hospitality">Hospitality</option>
+                                <option value="Office">Office</option>
+                                <option value="Residential">Residential</option>
+                                <option value="Cultural">Cultural</option>
+                            </select>
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label">Contract Value (AED)</label>
+                            <input type="number" step="0.01" class="form-control" name="contract_value_aed" required>
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label">Planned Cost (AED)</label>
+                            <input type="number" step="0.01" class="form-control" name="planned_cost_aed" required>
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label">Start Date</label>
+                            <input type="date" class="form-control" name="project_start_date" required>
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label">End Date</label>
+                            <input type="date" class="form-control" name="project_end_date" required>
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label">Project Status</label>
+                            <select class="form-select" name="project_status" required>
+                                <option value="Planning">Planning</option>
+                                <option value="In Progress">In Progress</option>
+                                <option value="Design Phase">Design Phase</option>
+                                <option value="On Hold">On Hold</option>
+                                <option value="Completed">Completed</option>
+                            </select>
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label">Current Phase</label>
+                            <input type="text" class="form-control" name="current_phase">
+                        </div>
+                    </div>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
+                    <button type="submit" class="btn btn-primary">Add Project</button>
+                </div>
+            </form>
+        </div>
+    </div>
+</div>
+{% endblock %}

templates/staff_allocation.html

@@ -0,0 +1,292 @@
+{% extends "base.html" %}
+
+{% block title %}Staff Allocation - Architecture PM System{% endblock %}
+
+{% block content %}
+<div class="container-fluid">
+    <div class="d-flex justify-content-between align-items-center mb-4">
+        <h1><i class="bi bi-person-workspace"></i> Staff Allocation</h1>
+        <button class="btn btn-info" data-bs-toggle="modal" data-bs-target="#addAllocationModal">
+            <i class="bi bi-plus-circle"></i> Add Allocation
+        </button>
+    </div>
+
+    <!-- Summary Cards -->
+    <div class="row g-3 mb-4">
+        <div class="col-md-3">
+            <div class="card bg-info text-white">
+                <div class="card-body">
+                    <h6 class="card-title">Total Allocations</h6>
+                    <h3>{{ allocations|length }}</h3>
+                </div>
+            </div>
+        </div>
+        <div class="col-md-3">
+            <div class="card bg-primary text-white">
+                <div class="card-body">
+                    <h6 class="card-title">Total Hours Allocated</h6>
+                    <h3>{{ "{:,.0f}".format(allocations|sum(attribute='hours_allocated')|default(0)) }}</h3>
+                </div>
+            </div>
+        </div>
+        <div class="col-md-3">
+            <div class="card bg-success text-white">
+                <div class="card-body">
+                    <h6 class="card-title">Total Hours Worked</h6>
+                    <h3>{{ "{:,.0f}".format(allocations|sum(attribute='hours_worked')|default(0)) }}</h3>
+                </div>
+            </div>
+        </div>
+        <div class="col-md-3">
+            <div class="card bg-warning text-dark">
+                <div class="card-body">
+                    <h6 class="card-title">Avg Utilization</h6>
+                    {% set total_allocated = allocations|sum(attribute='hours_allocated')|default(1) %}
+                    {% set total_worked = allocations|sum(attribute='hours_worked')|default(0) %}
+                    <h3>{{ "{:.1f}".format((total_worked / total_allocated * 100) if total_allocated > 0 else 0) }}%</h3>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="card">
+        <div class="card-body">
+            <div class="table-responsive">
+                <table class="table table-striped table-hover table-sm">
+                    <thead class="table-dark">
+                        <tr>
+                            <th>ID</th>
+                            <th>Project</th>
+                            <th>Milestone</th>
+                            <th>Employee</th>
+                            <th>Role</th>
+                            <th>Category</th>
+                            <th>Hours Allocated</th>
+                            <th>Hours Worked</th>
+                            <th>Utilization %</th>
+                            <th>Rate (AED/hr)</th>
+                            <th>Cost (AED)</th>
+                            <th>Skill Match</th>
+                            <th>Availability</th>
+                            <th>Performance</th>
+                            <th>Start Date</th>
+                            <th>End Date</th>
+                            <th>Actions</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        {% for alloc in allocations %}
+                        <tr>
+                            <td>{{ alloc.allocation_id }}</td>
+                            <td><span class="badge bg-secondary">{{ alloc.project_id }}</span></td>
+                            <td><small>{{ alloc.milestone_name or '-' }}</small></td>
+                            <td>
+                                <strong>{{ alloc.employee_name }}</strong>
+                                <br><small class="text-muted">{{ alloc.employee_id }}</small>
+                            </td>
+                            <td><small>{{ alloc.role }}</small></td>
+                            <td><span class="badge bg-info">{{ alloc.category or '-' }}</span></td>
+                            <td>{{ alloc.hours_allocated }}</td>
+                            <td><strong>{{ alloc.hours_worked }}</strong></td>
+                            <td>
+                                {% set utilization = (alloc.hours_worked / alloc.hours_allocated * 100) if alloc.hours_allocated > 0 else 0 %}
+                                <div class="progress" style="height: 20px; min-width: 60px;">
+                                    <div class="progress-bar 
+                                        {% if utilization >= 100 %}bg-success
+                                        {% elif utilization >= 75 %}bg-info
+                                        {% elif utilization >= 50 %}bg-warning
+                                        {% else %}bg-danger{% endif %}" 
+                                        role="progressbar" 
+                                        style="width: {{ [utilization, 100]|min }}%">
+                                        {{ "{:.0f}".format(utilization) }}%
+                                    </div>
+                                </div>
+                            </td>
+                            <td>{{ alloc.hourly_rate_aed }}</td>
+                            <td><strong>{{ "{:,.2f}".format(alloc.hours_worked * alloc.hourly_rate_aed) }}</strong></td>
+                            <td>
+                                {% if alloc.skill_match_score %}
+                                <span class="badge 
+                                    {% if alloc.skill_match_score >= 90 %}bg-success
+                                    {% elif alloc.skill_match_score >= 70 %}bg-info
+                                    {% else %}bg-warning{% endif %}">
+                                    {{ alloc.skill_match_score }}
+                                </span>
+                                {% else %}
+                                -
+                                {% endif %}
+                            </td>
+                            <td>
+                                {% if alloc.availability_status == 'AVAILABLE' %}
+                                <span class="badge bg-success">Available</span>
+                                {% elif alloc.availability_status == 'BUSY' %}
+                                <span class="badge bg-danger">Busy</span>
+                                {% elif alloc.availability_status == 'PARTIALLY_AVAILABLE' %}
+                                <span class="badge bg-warning text-dark">Partial</span>
+                                {% elif alloc.availability_status == 'ON_LEAVE' %}
+                                <span class="badge bg-secondary">On Leave</span>
+                                {% else %}
+                                <span class="badge bg-light text-dark">{{ alloc.availability_status or '-' }}</span>
+                                {% endif %}
+                            </td>
+                            <td>
+                                {% if alloc.performance_rating == 'EXCELLENT' %}
+                                <span class="badge bg-success">⭐⭐⭐⭐⭐</span>
+                                {% elif alloc.performance_rating == 'GOOD' %}
+                                <span class="badge bg-info">⭐⭐⭐⭐</span>
+                                {% elif alloc.performance_rating == 'AVERAGE' %}
+                                <span class="badge bg-warning text-dark">⭐⭐⭐</span>
+                                {% elif alloc.performance_rating == 'NEEDS_IMPROVEMENT' %}
+                                <span class="badge bg-warning">⭐⭐</span>
+                                {% elif alloc.performance_rating == 'POOR' %}
+                                <span class="badge bg-danger">⭐</span>
+                                {% else %}
+                                -
+                                {% endif %}
+                            </td>
+                            <td>{{ alloc.start_date }}</td>
+                            <td>{{ alloc.end_date or '-' }}</td>
+                            <td>
+                                <form method="post" action="/staff-allocation/delete/{{ alloc.allocation_id }}" style="display:inline;">
+                                    <button type="submit" class="btn btn-danger btn-sm" onclick="return confirm('Are you sure?')">
+                                        <i class="bi bi-trash"></i>
+                                    </button>
+                                </form>
+                            </td>
+                        </tr>
+                        {% endfor %}
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+</div>
+
+<!-- Add Allocation Modal -->
+<div class="modal fade" id="addAllocationModal" tabindex="-1">
+    <div class="modal-dialog modal-xl">
+        <div class="modal-content">
+            <div class="modal-header bg-info text-white">
+                <h5 class="modal-title">Add New Staff Allocation</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
+            </div>
+            <form method="post" action="/staff-allocation/create">
+                <div class="modal-body">
+                    <div class="row g-3">
+                        <div class="col-md-6">
+                            <label class="form-label">Project</label>
+                            <select class="form-select" name="project_id" required>
+                                <option value="">Select Project</option>
+                                {% for project in projects %}
+                                <option value="{{ project.project_id }}">{{ project.project_id }} - {{ project.project_name }}</option>
+                                {% endfor %}
+                            </select>
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label">Milestone (Optional)</label>
+                            <select class="form-select" name="milestone_id">
+                                <option value="">Select Milestone (Optional)</option>
+                                {% for milestone in milestones %}
+                                <option value="{{ milestone.milestone_id }}">{{ milestone.project_id }} - {{ milestone.milestone_name }}</option>
+                                {% endfor %}
+                            </select>
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label">Employee</label>
+                            <select class="form-select" name="employee_id" id="employeeSelect" required>
+                                <option value="">Select Employee</option>
+                                {% for emp in employees %}
+                                <option value="{{ emp.employee_id }}" 
+                                        data-name="{{ emp.employee_name }}" 
+                                        data-role="{{ emp.role }}"
+                                        data-rate="{{ emp.hourly_rate_aed }}">
+                                    {{ emp.employee_id }} - {{ emp.employee_name }} ({{ emp.role }})
+                                </option>
+                                {% endfor %}
+                            </select>
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label">Employee Name (Auto-filled)</label>
+                            <input type="text" class="form-control" name="employee_name" id="employeeName" required readonly>
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label">Role (Auto-filled)</label>
+                            <input type="text" class="form-control" name="role" id="employeeRole" required readonly>
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label">Category</label>
+                            <select class="form-select" name="category">
+                                <option value="Architecture">Architecture</option>
+                                <option value="Project Management">Project Management</option>
+                                <option value="Engineering">Engineering</option>
+                            </select>
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label">Hours Allocated</label>
+                            <input type="number" step="0.01" class="form-control" name="hours_allocated" required placeholder="80.00">
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label">Hours Worked</label>
+                            <input type="number" step="0.01" class="form-control" name="hours_worked" value="0" placeholder="0.00">
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label">Hourly Rate (AED) (Auto-filled)</label>
+                            <input type="number" step="0.01" class="form-control" name="hourly_rate_aed" id="hourlyRate" required readonly>
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label">Skill Match Score (0-100)</label>
+                            <input type="number" class="form-control" name="skill_match_score" min="0" max="100" placeholder="85">
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label">Availability Status</label>
+                            <select class="form-select" name="availability_status">
+                                <option value="AVAILABLE">Available</option>
+                                <option value="BUSY">Busy</option>
+                                <option value="PARTIALLY_AVAILABLE">Partially Available</option>
+                                <option value="ON_LEAVE">On Leave</option>
+                            </select>
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label">Performance Rating</label>
+                            <select class="form-select" name="performance_rating">
+                                <option value="">Not Rated</option>
+                                <option value="EXCELLENT">Excellent</option>
+                                <option value="GOOD">Good</option>
+                                <option value="AVERAGE">Average</option>
+                                <option value="NEEDS_IMPROVEMENT">Needs Improvement</option>
+                                <option value="POOR">Poor</option>
+                            </select>
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label">Start Date</label>
+                            <input type="date" class="form-control" name="start_date" required>
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label">End Date (Optional)</label>
+                            <input type="date" class="form-control" name="end_date">
+                        </div>
+                        <div class="col-md-12">
+                            <label class="form-label">Notes (Optional)</label>
+                            <textarea class="form-control" name="notes" rows="2" placeholder="Additional notes about this allocation..."></textarea>
+                        </div>
+                    </div>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
+                    <button type="submit" class="btn btn-info">Add Allocation</button>
+                </div>
+            </form>
+        </div>
+    </div>
+</div>
+
+<script>
+    // Auto-fill employee details
+    document.getElementById('employeeSelect').addEventListener('change', function() {
+        const selectedOption = this.options[this.selectedIndex];
+        document.getElementById('employeeName').value = selectedOption.dataset.name || '';
+        document.getElementById('employeeRole').value = selectedOption.dataset.role || '';
+        document.getElementById('hourlyRate').value = selectedOption.dataset.rate || '';
+    });
+</script>
+{% endblock %}

templates/subcontractors.html

@@ -0,0 +1,184 @@
+{% extends "base.html" %}
+
+{% block title %}Subcontractors - Architecture PM System{% endblock %}
+
+{% block content %}
+<div class="container-fluid">
+    <div class="d-flex justify-content-between align-items-center mb-4">
+        <h1><i class="bi bi-tools"></i> Subcontractors & Consultants</h1>
+        <button class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#addSubcontractorModal">
+            <i class="bi bi-plus-circle"></i> Add Subcontractor
+        </button>
+    </div>
+
+    <!-- Summary Cards -->
+    <div class="row g-3 mb-4">
+        <div class="col-md-4">
+            <div class="card bg-primary text-white">
+                <div class="card-body">
+                    <h6 class="card-title">Total Subcontractors</h6>
+                    <h3>{{ subcontractors|length }}</h3>
+                </div>
+            </div>
+        </div>
+        <div class="col-md-4">
+            <div class="card bg-info text-white">
+                <div class="card-body">
+                    <h6 class="card-title">Total Contract Value</h6>
+                    <h3>AED {{ "{:,.0f}".format(subcontractors|sum(attribute='contract_amount_aed')|default(0)) }}</h3>
+                </div>
+            </div>
+        </div>
+        <div class="col-md-4">
+            <div class="card bg-success text-white">
+                <div class="card-body">
+                    <h6 class="card-title">Total Invoiced</h6>
+                    <h3>AED {{ "{:,.0f}".format(subcontractors|sum(attribute='amount_invoiced_aed')|default(0)) }}</h3>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="card">
+        <div class="card-body">
+            <div class="table-responsive">
+                <table class="table table-striped table-hover">
+                    <thead class="table-dark">
+                        <tr>
+                            <th>ID</th>
+                            <th>Project ID</th>
+                            <th>Subcontractor Name</th>
+                            <th>Service Type</th>
+                            <th>Contract Amount (AED)</th>
+                            <th>Amount Invoiced (AED)</th>
+                            <th>Remaining (AED)</th>
+                            <th>Payment Status</th>
+                            <th>Work Category</th>
+                            <th>Actions</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        {% for sub in subcontractors %}
+                        <tr>
+                            <td>{{ sub.subcontractor_id }}</td>
+                            <td><span class="badge bg-secondary">{{ sub.project_id }}</span></td>
+                            <td><strong>{{ sub.subcontractor_name }}</strong></td>
+                            <td><span class="badge bg-info">{{ sub.service_type }}</span></td>
+                            <td>{{ "{:,.2f}".format(sub.contract_amount_aed) }}</td>
+                            <td>{{ "{:,.2f}".format(sub.amount_invoiced_aed) }}</td>
+                            <td>
+                                {% set remaining = sub.contract_amount_aed - sub.amount_invoiced_aed %}
+                                <strong class="{% if remaining > 0 %}text-warning{% else %}text-success{% endif %}">
+                                    {{ "{:,.2f}".format(remaining) }}
+                                </strong>
+                            </td>
+                            <td>
+                                {% if sub.payment_status == 'Paid' %}
+                                <span class="badge bg-success">Paid</span>
+                                {% elif sub.payment_status == 'Pending' %}
+                                <span class="badge bg-warning text-dark">Pending</span>
+                                {% elif sub.payment_status == 'Outstanding' %}
+                                <span class="badge bg-danger">Outstanding</span>
+                                {% else %}
+                                <span class="badge bg-secondary">{{ sub.payment_status }}</span>
+                                {% endif %}
+                            </td>
+                            <td><small>{{ sub.work_category }}</small></td>
+                            <td>
+                                <form method="post" action="/subcontractors/delete/{{ sub.subcontractor_id }}" style="display:inline;">
+                                    <button type="submit" class="btn btn-danger btn-sm" onclick="return confirm('Are you sure you want to delete this subcontractor?')">
+                                        <i class="bi bi-trash"></i>
+                                    </button>
+                                </form>
+                            </td>
+                        </tr>
+                        {% endfor %}
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+</div>
+
+<!-- Add Subcontractor Modal -->
+<div class="modal fade" id="addSubcontractorModal" tabindex="-1">
+    <div class="modal-dialog modal-lg">
+        <div class="modal-content">
+            <div class="modal-header bg-primary text-white">
+                <h5 class="modal-title">Add New Subcontractor</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
+            </div>
+            <form method="post" action="/subcontractors/create">
+                <div class="modal-body">
+                    <div class="row g-3">
+                        <div class="col-md-6">
+                            <label class="form-label">Project</label>
+                            <select class="form-select" name="project_id" required>
+                                <option value="">Select Project</option>
+                                {% for project in projects %}
+                                <option value="{{ project.project_id }}">{{ project.project_id }} - {{ project.project_name }}</option>
+                                {% endfor %}
+                            </select>
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label">Subcontractor Name</label>
+                            <input type="text" class="form-control" name="subcontractor_name" required placeholder="Company Name">
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label">Service Type</label>
+                            <select class="form-select" name="service_type" required>
+                                <option value="">Select Service</option>
+                                <option value="Structural Engineering">Structural Engineering</option>
+                                <option value="MEP Design">MEP Design</option>
+                                <option value="Landscape">Landscape</option>
+                                <option value="Fire Safety">Fire Safety</option>
+                                <option value="Acoustics">Acoustics</option>
+                                <option value="Sustainability">Sustainability</option>
+                                <option value="Transportation Planning">Transportation Planning</option>
+                            </select>
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label">Work Category</label>
+                            <select class="form-select" name="work_category" required>
+                                <option value="Subcontractor">Subcontractor</option>
+                                <option value="Consultant">Consultant</option>
+                                <option value="Specialist">Specialist</option>
+                            </select>
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label">Contract Amount (AED)</label>
+                            <input type="number" step="0.01" class="form-control" name="contract_amount_aed" required placeholder="50000.00">
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label">Amount Invoiced (AED)</label>
+                            <input type="number" step="0.01" class="form-control" name="amount_invoiced_aed" value="0" placeholder="0.00">
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label">Payment Status</label>
+                            <select class="form-select" name="payment_status" required>
+                                <option value="Pending">Pending</option>
+                                <option value="Partial">Partial</option>
+                                <option value="Paid">Paid</option>
+                                <option value="Outstanding">Outstanding</option>
+                                <option value="Overdue">Overdue</option>
+                            </select>
+                        </div>
+                        <div class="col-md-6">
+                            <label class="form-label">Contact Person (Optional)</label>
+                            <input type="text" class="form-control" name="contact_person" placeholder="John Doe">
+                        </div>
+                        <div class="col-md-12">
+                            <label class="form-label">Contact Email (Optional)</label>
+                            <input type="email" class="form-control" name="contact_email" placeholder="contact@company.com">
+                        </div>
+                    </div>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
+                    <button type="submit" class="btn btn-primary">Add Subcontractor</button>
+                </div>
+            </form>
+        </div>
+    </div>
+</div>
+{% endblock %}

templates/timesheets.html

@@ -0,0 +1,107 @@
+{% extends "base.html" %}
+{% block title %}Timesheets{% endblock %}
+{% block content %}
+<div class="container-fluid">
+    <div class="d-flex justify-content-between mb-4">
+        <h1><i class="bi bi-clock-history"></i> Timesheets</h1>
+        <button class="btn btn-info" data-bs-toggle="modal" data-bs-target="#addModal">
+            <i class="bi bi-plus"></i> Add Timesheet
+        </button>
+    </div>
+    <div class="card">
+        <div class="card-body">
+            <table class="table table-sm table-striped">
+                <thead class="table-dark">
+                    <tr>
+                        <th>Record ID</th><th>Date</th><th>Employee</th><th>Project</th>
+                        <th>Hours</th><th>Billable</th><th>Category</th><th>Actions</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    {% for ts in timesheets %}
+                    <tr>
+                        <td>{{ ts.record_id }}</td>
+                        <td>{{ ts.date }}</td>
+                        <td>{{ ts.employee_id }}</td>
+                        <td>{{ ts.project_id }}</td>
+                        <td>{{ ts.hours_worked }}</td>
+                        <td>{{ ts.billable_hours }}</td>
+                        <td>{{ ts.work_category }}</td>
+                        <td>
+                            <form method="post" action="/timesheets/delete/{{ ts.record_id }}" style="display:inline;">
+                                <button class="btn btn-danger btn-sm" onclick="return confirm('Delete?')">
+                                    <i class="bi bi-trash"></i>
+                                </button>
+                            </form>
+                        </td>
+                    </tr>
+                    {% endfor %}
+                </tbody>
+            </table>
+        </div>
+    </div>
+</div>
+
+<div class="modal fade" id="addModal">
+    <div class="modal-dialog">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5>Add Timesheet</h5>
+                <button class="btn-close" data-bs-dismiss="modal"></button>
+            </div>
+            <form method="post" action="/timesheets/create">
+                <div class="modal-body">
+                    <div class="mb-3">
+                        <label>Record ID</label>
+                        <input type="text" class="form-control" name="record_id" required>
+                    </div>
+                    <div class="mb-3">
+                        <label>Date</label>
+                        <input type="date" class="form-control" name="date" required>
+                    </div>
+                    <div class="mb-3">
+                        <label>Employee</label>
+                        <select class="form-select" name="employee_id" required>
+                            {% for emp in employees %}
+                            <option value="{{ emp.employee_id }}">{{ emp.employee_name }}</option>
+                            {% endfor %}
+                        </select>
+                    </div>
+                    <div class="mb-3">
+                        <label>Project</label>
+                        <select class="form-select" name="project_id" required>
+                            {% for proj in projects %}
+                            <option value="{{ proj.project_id }}">{{ proj.project_name }}</option>
+                            {% endfor %}
+                        </select>
+                    </div>
+                    <div class="mb-3">
+                        <label>Hours Worked</label>
+                        <input type="number" step="0.01" class="form-control" name="hours_worked" required>
+                    </div>
+                    <div class="mb-3">
+                        <label>Billable Hours</label>
+                        <input type="number" step="0.01" class="form-control" name="billable_hours" required>
+                    </div>
+                    <div class="mb-3">
+                        <label>Work Category</label>
+                        <select class="form-select" name="work_category" required>
+                            <option value="Architecture">Architecture</option>
+                            <option value="Project Management">Project Management</option>
+                            <option value="Subcontractor">Subcontractor</option>
+                        </select>
+                    </div>
+                    <div class="mb-3">
+                        <label>Task Description</label>
+                        <textarea class="form-control" name="task_description"></textarea>
+                    </div>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
+                    <button type="submit" class="btn btn-info">Add</button>
+                </div>
+            </form>
+        </div>
+    </div>
+</div>
+{% endblock %}