Index: src/app/app.routes.ts
===================================================================
--- src/app/app.routes.ts	(revision f19195ac2b468bcfc6a741e0185b6d774e32f9b9)
+++ src/app/app.routes.ts	(revision 743bea880d63213ffb01629021c4791c54270cb7)
@@ -19,4 +19,5 @@
 import { AddWarehouseComponent } from './admin/add-warehouse/add-warehouse.component';
 import { AddManagerComponent } from './admin/add-manager/add-manager.component';
+import { ManagerWarehouseComponent } from './manager/manager-warehouse/manager-warehouse.component';
 
 export const routes: Routes = [
@@ -62,4 +63,10 @@
     path: 'manager/dashboard',
     component: ManagerDashboardComponent,
+    canActivate: [authGuard],
+    data: { roles: ['ROLE_MANAGER'] },
+  },
+  {
+    path: 'manager/warehouse',
+    component: ManagerWarehouseComponent,
     canActivate: [authGuard],
     data: { roles: ['ROLE_MANAGER'] },
Index: src/app/customer/customer-dashboard/customer-dashboard.component.ts
===================================================================
--- src/app/customer/customer-dashboard/customer-dashboard.component.ts	(revision f19195ac2b468bcfc6a741e0185b6d774e32f9b9)
+++ src/app/customer/customer-dashboard/customer-dashboard.component.ts	(revision 743bea880d63213ffb01629021c4791c54270cb7)
@@ -13,27 +13,27 @@
 })
 export class CustomerDashboardComponent {
-  orders: Order[]=[];
-  deliveries: Delivery[]=[];
+  orders: Order[] = [];
+  deliveries: Delivery[] = [];
 
-  constructor(private svc: CustomerService){}
+  constructor(private svc: CustomerService) {}
 
-  ngOnInit(){
+  ngOnInit() {
     this.svc.getCurrentOrders().subscribe({
-      next: (o)=>(this.orders=o),
-      error: () => alert('Failed to load orders.')
+      next: (o) => (this.orders = o),
+      error: () => alert('Failed to load orders.'),
     });
 
     this.svc.getCurrentDeliveries().subscribe({
-      next: (d)=>(this.deliveries=d),
-      error: ()=>alert('Failed to load deliveries.')
+      next: (d) => (this.deliveries = d),
+      error: () => alert('Failed to load deliveries.'),
     });
   }
 
-  trackByOrder(_: number, o: Order){
-    return o.ordDate+o.ordSum;
+  trackByOrder(_: number, o: Order) {
+    return o.ordDate + o.ordSum;
   }
 
-  trackByDelivery(_: number, d: Delivery){
-    return d.delDate+d.driverName;
+  trackByDelivery(_: number, d: Delivery) {
+    return d.delDate + d.driverName;
   }
 }
Index: src/app/manager/create-delivery/create-delivery.component.html
===================================================================
--- src/app/manager/create-delivery/create-delivery.component.html	(revision 743bea880d63213ffb01629021c4791c54270cb7)
+++ src/app/manager/create-delivery/create-delivery.component.html	(revision 743bea880d63213ffb01629021c4791c54270cb7)
@@ -0,0 +1,1 @@
+<p>create-delivery works!</p>
Index: src/app/manager/create-delivery/create-delivery.component.spec.ts
===================================================================
--- src/app/manager/create-delivery/create-delivery.component.spec.ts	(revision 743bea880d63213ffb01629021c4791c54270cb7)
+++ src/app/manager/create-delivery/create-delivery.component.spec.ts	(revision 743bea880d63213ffb01629021c4791c54270cb7)
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { CreateDeliveryComponent } from './create-delivery.component';
+
+describe('CreateDeliveryComponent', () => {
+  let component: CreateDeliveryComponent;
+  let fixture: ComponentFixture<CreateDeliveryComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [CreateDeliveryComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(CreateDeliveryComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
Index: src/app/manager/create-delivery/create-delivery.component.ts
===================================================================
--- src/app/manager/create-delivery/create-delivery.component.ts	(revision 743bea880d63213ffb01629021c4791c54270cb7)
+++ src/app/manager/create-delivery/create-delivery.component.ts	(revision 743bea880d63213ffb01629021c4791c54270cb7)
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-create-delivery',
+  imports: [],
+  templateUrl: './create-delivery.component.html',
+  styleUrl: './create-delivery.component.css'
+})
+export class CreateDeliveryComponent {
+
+}
Index: src/app/manager/manager-dashboard/manager-dashboard.component.ts
===================================================================
--- src/app/manager/manager-dashboard/manager-dashboard.component.ts	(revision f19195ac2b468bcfc6a741e0185b6d774e32f9b9)
+++ src/app/manager/manager-dashboard/manager-dashboard.component.ts	(revision 743bea880d63213ffb01629021c4791c54270cb7)
@@ -1,10 +1,35 @@
 import { Component } from '@angular/core';
 import { NavbarComponent } from '../../navbar/navbar.component';
+import { CommonModule } from '@angular/common';
+import { Order } from '../../models';
+import { Delivery } from '../../models/delivery.model';
+import { OrderService } from '../../services/order.service';
+import { DeliveryService } from '../../services/delivery.service';
 
 @Component({
   selector: 'app-manager-dashboard',
-  imports: [NavbarComponent],
+  imports: [NavbarComponent, CommonModule],
   templateUrl: './manager-dashboard.component.html',
   styleUrl: './manager-dashboard.component.css',
 })
-export class ManagerDashboardComponent {}
+export class ManagerDashboardComponent {
+  orders: Order[] = [];
+  deliveries: Delivery[] = [];
+
+  constructor(
+    private orderSvc: OrderService,
+    private deliverySvc: DeliveryService,
+  ) {}
+
+  ngOnInit() {
+    this.orderSvc.getUnassignedOrdersForWarehouse().subscribe({
+      next: (o) => (this.orders = o),
+      error: () => alert('Failed to load unassigned orders.'),
+    });
+
+    this.deliverySvc.getActiveDeliveriesForWarehouse().subscribe({
+      next: (d) => (this.deliveries = d),
+      error: () => alert('Failed to load active deliveries.'),
+    });
+  }
+}
Index: src/app/manager/manager-deliveries/manager-deliveries.component.html
===================================================================
--- src/app/manager/manager-deliveries/manager-deliveries.component.html	(revision 743bea880d63213ffb01629021c4791c54270cb7)
+++ src/app/manager/manager-deliveries/manager-deliveries.component.html	(revision 743bea880d63213ffb01629021c4791c54270cb7)
@@ -0,0 +1,1 @@
+<p>manager-deliveries works!</p>
Index: src/app/manager/manager-deliveries/manager-deliveries.component.spec.ts
===================================================================
--- src/app/manager/manager-deliveries/manager-deliveries.component.spec.ts	(revision 743bea880d63213ffb01629021c4791c54270cb7)
+++ src/app/manager/manager-deliveries/manager-deliveries.component.spec.ts	(revision 743bea880d63213ffb01629021c4791c54270cb7)
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ManagerDeliveriesComponent } from './manager-deliveries.component';
+
+describe('ManagerDeliveriesComponent', () => {
+  let component: ManagerDeliveriesComponent;
+  let fixture: ComponentFixture<ManagerDeliveriesComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [ManagerDeliveriesComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(ManagerDeliveriesComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
Index: src/app/manager/manager-deliveries/manager-deliveries.component.ts
===================================================================
--- src/app/manager/manager-deliveries/manager-deliveries.component.ts	(revision 743bea880d63213ffb01629021c4791c54270cb7)
+++ src/app/manager/manager-deliveries/manager-deliveries.component.ts	(revision 743bea880d63213ffb01629021c4791c54270cb7)
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-manager-deliveries',
+  imports: [],
+  templateUrl: './manager-deliveries.component.html',
+  styleUrl: './manager-deliveries.component.css'
+})
+export class ManagerDeliveriesComponent {
+
+}
Index: src/app/manager/manager-drivers/manager-drivers.component.html
===================================================================
--- src/app/manager/manager-drivers/manager-drivers.component.html	(revision 743bea880d63213ffb01629021c4791c54270cb7)
+++ src/app/manager/manager-drivers/manager-drivers.component.html	(revision 743bea880d63213ffb01629021c4791c54270cb7)
@@ -0,0 +1,1 @@
+<p>manager-drivers works!</p>
Index: src/app/manager/manager-drivers/manager-drivers.component.spec.ts
===================================================================
--- src/app/manager/manager-drivers/manager-drivers.component.spec.ts	(revision 743bea880d63213ffb01629021c4791c54270cb7)
+++ src/app/manager/manager-drivers/manager-drivers.component.spec.ts	(revision 743bea880d63213ffb01629021c4791c54270cb7)
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ManagerDriversComponent } from './manager-drivers.component';
+
+describe('ManagerDriversComponent', () => {
+  let component: ManagerDriversComponent;
+  let fixture: ComponentFixture<ManagerDriversComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [ManagerDriversComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(ManagerDriversComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
Index: src/app/manager/manager-drivers/manager-drivers.component.ts
===================================================================
--- src/app/manager/manager-drivers/manager-drivers.component.ts	(revision 743bea880d63213ffb01629021c4791c54270cb7)
+++ src/app/manager/manager-drivers/manager-drivers.component.ts	(revision 743bea880d63213ffb01629021c4791c54270cb7)
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-manager-drivers',
+  imports: [],
+  templateUrl: './manager-drivers.component.html',
+  styleUrl: './manager-drivers.component.css'
+})
+export class ManagerDriversComponent {
+
+}
Index: src/app/manager/manager-finances/manager-finances.component.html
===================================================================
--- src/app/manager/manager-finances/manager-finances.component.html	(revision 743bea880d63213ffb01629021c4791c54270cb7)
+++ src/app/manager/manager-finances/manager-finances.component.html	(revision 743bea880d63213ffb01629021c4791c54270cb7)
@@ -0,0 +1,1 @@
+<p>manager-finances works!</p>
Index: src/app/manager/manager-finances/manager-finances.component.spec.ts
===================================================================
--- src/app/manager/manager-finances/manager-finances.component.spec.ts	(revision 743bea880d63213ffb01629021c4791c54270cb7)
+++ src/app/manager/manager-finances/manager-finances.component.spec.ts	(revision 743bea880d63213ffb01629021c4791c54270cb7)
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ManagerFinancesComponent } from './manager-finances.component';
+
+describe('ManagerFinancesComponent', () => {
+  let component: ManagerFinancesComponent;
+  let fixture: ComponentFixture<ManagerFinancesComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [ManagerFinancesComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(ManagerFinancesComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
Index: src/app/manager/manager-finances/manager-finances.component.ts
===================================================================
--- src/app/manager/manager-finances/manager-finances.component.ts	(revision 743bea880d63213ffb01629021c4791c54270cb7)
+++ src/app/manager/manager-finances/manager-finances.component.ts	(revision 743bea880d63213ffb01629021c4791c54270cb7)
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-manager-finances',
+  imports: [],
+  templateUrl: './manager-finances.component.html',
+  styleUrl: './manager-finances.component.css'
+})
+export class ManagerFinancesComponent {
+
+}
Index: src/app/manager/manager-vehicles/manager-vehicles.component.html
===================================================================
--- src/app/manager/manager-vehicles/manager-vehicles.component.html	(revision 743bea880d63213ffb01629021c4791c54270cb7)
+++ src/app/manager/manager-vehicles/manager-vehicles.component.html	(revision 743bea880d63213ffb01629021c4791c54270cb7)
@@ -0,0 +1,1 @@
+<p>manager-vehicles works!</p>
Index: src/app/manager/manager-vehicles/manager-vehicles.component.spec.ts
===================================================================
--- src/app/manager/manager-vehicles/manager-vehicles.component.spec.ts	(revision 743bea880d63213ffb01629021c4791c54270cb7)
+++ src/app/manager/manager-vehicles/manager-vehicles.component.spec.ts	(revision 743bea880d63213ffb01629021c4791c54270cb7)
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ManagerVehiclesComponent } from './manager-vehicles.component';
+
+describe('ManagerVehiclesComponent', () => {
+  let component: ManagerVehiclesComponent;
+  let fixture: ComponentFixture<ManagerVehiclesComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [ManagerVehiclesComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(ManagerVehiclesComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
Index: src/app/manager/manager-vehicles/manager-vehicles.component.ts
===================================================================
--- src/app/manager/manager-vehicles/manager-vehicles.component.ts	(revision 743bea880d63213ffb01629021c4791c54270cb7)
+++ src/app/manager/manager-vehicles/manager-vehicles.component.ts	(revision 743bea880d63213ffb01629021c4791c54270cb7)
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-manager-vehicles',
+  imports: [],
+  templateUrl: './manager-vehicles.component.html',
+  styleUrl: './manager-vehicles.component.css'
+})
+export class ManagerVehiclesComponent {
+
+}
Index: src/app/manager/manager-warehouse/manager-warehouse.component.html
===================================================================
--- src/app/manager/manager-warehouse/manager-warehouse.component.html	(revision 743bea880d63213ffb01629021c4791c54270cb7)
+++ src/app/manager/manager-warehouse/manager-warehouse.component.html	(revision 743bea880d63213ffb01629021c4791c54270cb7)
@@ -0,0 +1,1 @@
+<p>manager-warehouse works!</p>
Index: src/app/manager/manager-warehouse/manager-warehouse.component.spec.ts
===================================================================
--- src/app/manager/manager-warehouse/manager-warehouse.component.spec.ts	(revision 743bea880d63213ffb01629021c4791c54270cb7)
+++ src/app/manager/manager-warehouse/manager-warehouse.component.spec.ts	(revision 743bea880d63213ffb01629021c4791c54270cb7)
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ManagerWarehouseComponent } from './manager-warehouse.component';
+
+describe('ManagerWarehouseComponent', () => {
+  let component: ManagerWarehouseComponent;
+  let fixture: ComponentFixture<ManagerWarehouseComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [ManagerWarehouseComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(ManagerWarehouseComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
Index: src/app/manager/manager-warehouse/manager-warehouse.component.ts
===================================================================
--- src/app/manager/manager-warehouse/manager-warehouse.component.ts	(revision 743bea880d63213ffb01629021c4791c54270cb7)
+++ src/app/manager/manager-warehouse/manager-warehouse.component.ts	(revision 743bea880d63213ffb01629021c4791c54270cb7)
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-manager-warehouse',
+  imports: [],
+  templateUrl: './manager-warehouse.component.html',
+  styleUrl: './manager-warehouse.component.css'
+})
+export class ManagerWarehouseComponent {
+
+}
Index: src/app/navbar/navbar.component.html
===================================================================
--- src/app/navbar/navbar.component.html	(revision f19195ac2b468bcfc6a741e0185b6d774e32f9b9)
+++ src/app/navbar/navbar.component.html	(revision 743bea880d63213ffb01629021c4791c54270cb7)
@@ -53,7 +53,21 @@
           </li>
           <li class="nav-item">
-            <a class="nav-link" routerLink="/manager/create-delivery"
-              >Create Delivery</a
+            <a class="nav-link" routerLink="/manager/deliveries"
+              >All Deliveries</a
             >
+          </li>
+          <li class="nav-item">
+            <a class="nav-link" routerLink="/manager/finances">Finances</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link" routerLink="/manager/drivers">Drivers</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link" routerLink="/manager/vehicles">Vehicles</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link" routerLink="/manager/create-delivery">
+              Create Delivery
+            </a>
           </li>
           <li class="nav-item">
Index: src/app/services/delivery.service.spec.ts
===================================================================
--- src/app/services/delivery.service.spec.ts	(revision 743bea880d63213ffb01629021c4791c54270cb7)
+++ src/app/services/delivery.service.spec.ts	(revision 743bea880d63213ffb01629021c4791c54270cb7)
@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { DeliveryService } from './delivery.service';
+
+describe('DeliveryServiceService', () => {
+  let service: DeliveryService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(DeliveryService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});
Index: src/app/services/delivery.service.ts
===================================================================
--- src/app/services/delivery.service.ts	(revision 743bea880d63213ffb01629021c4791c54270cb7)
+++ src/app/services/delivery.service.ts	(revision 743bea880d63213ffb01629021c4791c54270cb7)
@@ -0,0 +1,16 @@
+import { HttpClient } from '@angular/common/http';
+import { Injectable } from '@angular/core';
+import { Delivery } from '../models/delivery.model';
+import { Observable } from 'rxjs';
+import { environment } from '../../environment';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class DeliveryService {
+  constructor(private http: HttpClient) {}
+
+  getActiveDeliveriesForWarehouse(): Observable<Delivery[]> {
+    return this.http.get<Delivery[]>(`${environment.apiUrl}/delivery/active`);
+  }
+}
Index: src/app/services/order.service.ts
===================================================================
--- src/app/services/order.service.ts	(revision f19195ac2b468bcfc6a741e0185b6d774e32f9b9)
+++ src/app/services/order.service.ts	(revision 743bea880d63213ffb01629021c4791c54270cb7)
@@ -3,5 +3,5 @@
 import { HttpClient, HttpParams } from '@angular/common/http';
 import { Observable } from 'rxjs';
-import { Article, Category, Manufacturer, OrderItem } from '../models';
+import { Article, Category, Manufacturer, Order, OrderItem } from '../models';
 import { PageResponse } from '../models/page-response.model';
 import { PagedModel } from '../models/paged-model';
@@ -19,5 +19,5 @@
   listManufacturers(): Observable<Manufacturer[]> {
     return this.http.get<Manufacturer[]>(
-      `${environment.apiUrl}/manufacturer/all`
+      `${environment.apiUrl}/manufacturer/all`,
     );
   }
@@ -28,5 +28,5 @@
     nameFilter: string,
     page: number,
-    size: number
+    size: number,
   ): Observable<PagedModel<Article>> {
     let params = new HttpParams()
@@ -42,5 +42,5 @@
     return this.http.get<PagedModel<Article>>(
       `${environment.apiUrl}/article/all-pages`,
-      { params }
+      { params },
     );
   }
@@ -48,5 +48,5 @@
   placeOrder(orderItems: OrderItem[], proForma: boolean): Observable<any> {
     const createOrderPayload = {
-      orderItems: orderItems.map((it)=>({
+      orderItems: orderItems.map((it) => ({
         article: {
           id: it.article.id,
@@ -59,12 +59,19 @@
           categoryId: it.article.categoryId,
           weight: it.article.weight,
-          image: it.article.image || null
+          image: it.article.image || null,
         },
-        quantity: it.quantity
+        quantity: it.quantity,
       })),
-      proForma: proForma
+      proForma: proForma,
     };
 
-    return this.http.post(`${environment.apiUrl}/order/create`, createOrderPayload);
+    return this.http.post(
+      `${environment.apiUrl}/order/create`,
+      createOrderPayload,
+    );
+  }
+
+  getUnassignedOrdersForWarehouse(): Observable<Order[]> {
+    return this.http.get<Order[]>(`${environment.apiUrl}/order/unassigned`);
   }
 }