From 41b182bfba9c52fbb33a64d519c04ac6ae9aa81a Mon Sep 17 00:00:00 2001
From: Flatlogic Bot <support@flatlogic.com>
Date: Sat, 7 Mar 2026 13:28:03 +0000
Subject: [PATCH] Autosave: 20260307-132803

---
 admin_dashboard.php              | 113 +++++++
 admin_manage_locations.php       | 177 ++++++++++
 assets/css/custom.css            | 549 +++++++++++--------------------
 assets/js/main.js                |  44 +--
 db/migrations/initial_schema.php |  33 ++
 includes/app.php                 | 222 +++++++++++++
 includes/layout.php              | 108 ++++++
 index.php                        | 274 ++++++++-------
 register.php                     | 200 +++++++++++
 shipment_detail.php              | 134 ++++++++
 shipper_dashboard.php            | 164 +++++++++
 truck_owner_dashboard.php        | 110 +++++++
 12 files changed, 1586 insertions(+), 542 deletions(-)
 create mode 100644 admin_dashboard.php
 create mode 100644 admin_manage_locations.php
 create mode 100644 db/migrations/initial_schema.php
 create mode 100644 includes/app.php
 create mode 100644 includes/layout.php
 create mode 100644 register.php
 create mode 100644 shipment_detail.php
 create mode 100644 shipper_dashboard.php
 create mode 100644 truck_owner_dashboard.php

diff --git a/admin_dashboard.php b/admin_dashboard.php
new file mode 100644
index 0000000..cc9a9a1
--- /dev/null
+++ b/admin_dashboard.php
@@ -0,0 +1,113 @@
+<?php
+declare(strict_types=1);
+
+require_once __DIR__ . '/includes/layout.php';
+
+ensure_schema();
+
+$errors = [];
+
+if ($_SERVER['REQUEST_METHOD'] === 'POST' && ($_POST['action'] ?? '') === 'update_status') {
+    $shipmentId = (int) ($_POST['shipment_id'] ?? 0);
+    $status = $_POST['status'] ?? 'posted';
+
+    $allowed = ['posted', 'offered', 'confirmed', 'in_transit', 'delivered'];
+    if ($shipmentId <= 0 || !in_array($status, $allowed, true)) {
+        $errors[] = t('error_invalid');
+    } else {
+        $stmt = db()->prepare("UPDATE shipments SET status = :status WHERE id = :id");
+        $stmt->execute([':status' => $status, ':id' => $shipmentId]);
+        set_flash('success', t('success_status'));
+        header('Location: ' . url_with_lang('admin_dashboard.php'));
+        exit;
+    }
+}
+
+$shipments = [];
+try {
+    $stmt = db()->query("SELECT * FROM shipments ORDER BY created_at DESC LIMIT 30");
+    $shipments = $stmt->fetchAll();
+} catch (Throwable $e) {
+    $shipments = [];
+}
+
+$flash = get_flash();
+
+render_header(t('admin_dashboard'), 'admin');
+?>
+
+<div class="row g-4">
+    <div class="col-lg-3">
+        <?php render_admin_sidebar('dashboard'); ?>
+    </div>
+    <div class="col-lg-9">
+        <div class="page-intro">
+            <h1 class="section-title mb-1"><?= e(t('admin_dashboard')) ?></h1>
+            <p class="muted mb-0">Control shipment status, manage locations, and onboard new users from one place.</p>
+        </div>
+        <div class="panel p-4 mb-4">
+            <h2 class="h5 mb-3">Quick actions</h2>
+            <div class="d-flex flex-wrap gap-2">
+                <a href="<?= e(url_with_lang('admin_manage_locations.php')) ?>" class="btn btn-outline-dark">Manage Locations</a>
+                <a href="<?= e(url_with_lang('register.php')) ?>" class="btn btn-primary">Register New User</a>
+            </div>
+        </div>
+        <div class="panel p-4">
+            <div class="d-flex justify-content-between align-items-center mb-2">
+                <h2 class="section-title h4 mb-0"><?= e(t('admin_dashboard')) ?></h2>
+                <span class="small text-muted"><?= e(count($shipments)) ?> total</span>
+            </div>
+            <?php if ($flash): ?>
+                <div class="alert alert-success" data-auto-dismiss="true"><?= e($flash['message']) ?></div>
+            <?php endif; ?>
+            <?php if ($errors): ?>
+                <div class="alert alert-warning"><?= e(implode(' ', $errors)) ?></div>
+            <?php endif; ?>
+            <?php if (!$shipments): ?>
+                <p class="muted mb-0"><?= e(t('no_shipments')) ?></p>
+            <?php else: ?>
+                <div class="table-responsive">
+                    <table class="table align-middle mb-0">
+                        <thead>
+                            <tr>
+                                <th><?= e(t('shipper_company')) ?></th>
+                                <th><?= e(t('origin')) ?></th>
+                                <th><?= e(t('destination')) ?></th>
+                                <th><?= e(t('payment_method')) ?></th>
+                                <th><?= e(t('status')) ?></th>
+                                <th><?= e(t('update_status')) ?></th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <?php foreach ($shipments as $row): ?>
+                                <tr>
+                                    <td><?= e($row['shipper_company']) ?></td>
+                                    <td><?= e($row['origin_city']) ?></td>
+                                    <td><?= e($row['destination_city']) ?></td>
+                                    <td><?= e($row['payment_method'] === 'bank_transfer' ? t('payment_bank') : t('payment_thawani')) ?></td>
+                                    <td><span class="badge <?= e($row['status']) ?>"><?= e(status_label($row['status'])) ?></span></td>
+                                    <td>
+                                        <form class="d-flex gap-2" method="post">
+                                            <input type="hidden" name="action" value="update_status">
+                                            <input type="hidden" name="shipment_id" value="<?= e($row['id']) ?>">
+                                            <select class="form-select form-select-sm" name="status">
+                                                <option value="posted" <?= $row['status'] === 'posted' ? 'selected' : '' ?>><?= e(t('status_posted')) ?></option>
+                                                <option value="offered" <?= $row['status'] === 'offered' ? 'selected' : '' ?>><?= e(t('status_offered')) ?></option>
+                                                <option value="confirmed" <?= $row['status'] === 'confirmed' ? 'selected' : '' ?>><?= e(t('status_confirmed')) ?></option>
+                                                <option value="in_transit" <?= $row['status'] === 'in_transit' ? 'selected' : '' ?>><?= e(t('status_in_transit')) ?></option>
+                                                <option value="delivered" <?= $row['status'] === 'delivered' ? 'selected' : '' ?>><?= e(t('status_delivered')) ?></option>
+                                            </select>
+                                            <button class="btn btn-sm btn-primary" type="submit"><?= e(t('save')) ?></button>
+                                        </form>
+                                    </td>
+                                </tr>
+                            <?php endforeach; ?>
+                        </tbody>
+                    </table>
+                </div>
+            <?php endif; ?>
+        </div>
+    </div>
+</div>
+
+<?php render_footer(); ?>
diff --git a/admin_manage_locations.php b/admin_manage_locations.php
new file mode 100644
index 0000000..b6b9354
--- /dev/null
+++ b/admin_manage_locations.php
@@ -0,0 +1,177 @@
+<?php
+declare(strict_types=1);
+
+require_once __DIR__ . '/includes/layout.php';
+
+$errors = [];
+$flash = null;
+
+db()->exec("
+CREATE TABLE IF NOT EXISTS countries (
+    id INT AUTO_INCREMENT PRIMARY KEY,
+    name_en VARCHAR(255) NOT NULL,
+    name_ar VARCHAR(255) DEFAULT NULL
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
+");
+
+db()->exec("
+CREATE TABLE IF NOT EXISTS cities (
+    id INT AUTO_INCREMENT PRIMARY KEY,
+    country_id INT NOT NULL,
+    name_en VARCHAR(255) NOT NULL,
+    name_ar VARCHAR(255) DEFAULT NULL,
+    UNIQUE KEY uniq_city_country (country_id, name_en),
+    CONSTRAINT fk_cities_country FOREIGN KEY (country_id) REFERENCES countries(id) ON DELETE CASCADE
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
+");
+
+if ($_SERVER['REQUEST_METHOD'] === 'POST') {
+    if (isset($_POST['add_country'])) {
+        $countryNameEn = trim($_POST['country_name_en'] ?? '');
+        $countryNameAr = trim($_POST['country_name_ar'] ?? '');
+        if ($countryNameEn === '') {
+            $errors[] = 'Country name (English) is required.';
+        } else {
+            try {
+                $stmt = db()->prepare("INSERT INTO countries (name_en, name_ar) VALUES (?, ?)");
+                $stmt->execute([$countryNameEn, $countryNameAr !== '' ? $countryNameAr : null]);
+                $flash = 'Country added.';
+            } catch (Throwable $e) {
+                $errors[] = 'Country already exists or could not be saved.';
+            }
+        }
+    } elseif (isset($_POST['add_city'])) {
+        $countryId = (int)($_POST['country_id'] ?? 0);
+        $cityNameEn = trim($_POST['city_name_en'] ?? '');
+        $cityNameAr = trim($_POST['city_name_ar'] ?? '');
+        if ($countryId <= 0 || $cityNameEn === '') {
+            $errors[] = 'Please select a country and provide city name (English).';
+        } else {
+            try {
+                $stmt = db()->prepare("INSERT INTO cities (country_id, name_en, name_ar) VALUES (?, ?, ?)");
+                $stmt->execute([$countryId, $cityNameEn, $cityNameAr !== '' ? $cityNameAr : null]);
+                $flash = 'City added.';
+            } catch (Throwable $e) {
+                $errors[] = 'City already exists or could not be saved.';
+            }
+        }
+    }
+}
+
+$countryNameExpr = $lang === 'ar'
+    ? "COALESCE(NULLIF(co.name_ar, ''), co.name_en)"
+    : "COALESCE(NULLIF(co.name_en, ''), co.name_ar)";
+$countryNameExprNoAlias = $lang === 'ar'
+    ? "COALESCE(NULLIF(name_ar, ''), name_en)"
+    : "COALESCE(NULLIF(name_en, ''), name_ar)";
+$cityNameExpr = $lang === 'ar'
+    ? "COALESCE(NULLIF(c.name_ar, ''), c.name_en)"
+    : "COALESCE(NULLIF(c.name_en, ''), c.name_ar)";
+
+$countries = db()->query("SELECT id, {$countryNameExprNoAlias} AS display_name FROM countries ORDER BY display_name ASC")->fetchAll();
+$cities = db()->query(
+    "SELECT
+        {$countryNameExpr} AS country_name,
+        {$cityNameExpr} AS city_name
+     FROM cities c
+     JOIN countries co ON co.id = c.country_id
+     ORDER BY country_name ASC, city_name ASC
+     LIMIT 30"
+)->fetchAll();
+
+render_header('Manage Locations', 'admin');
+?>
+
+<div class="row g-4">
+    <div class="col-lg-3">
+        <?php render_admin_sidebar('locations'); ?>
+    </div>
+    <div class="col-lg-9">
+        <div class="page-intro">
+            <h1 class="section-title mb-1">Country & city setup</h1>
+            <p class="muted mb-0">Define allowed origin and destination options for shipments.</p>
+        </div>
+
+        <?php if ($flash): ?>
+            <div class="alert alert-success" data-auto-dismiss="true"><?= e($flash) ?></div>
+        <?php endif; ?>
+        <?php if ($errors): ?>
+            <div class="alert alert-warning"><?= e(implode(' ', $errors)) ?></div>
+        <?php endif; ?>
+
+        <div class="row g-4">
+            <div class="col-lg-6">
+                <div class="panel p-4 h-100">
+                    <h2 class="h5 mb-3">Add country</h2>
+                    <form method="post">
+                        <div class="mb-3">
+                            <label class="form-label" for="country_name_en">Country name (EN)</label>
+                            <input id="country_name_en" type="text" name="country_name_en" class="form-control" required>
+                        </div>
+                        <div class="mb-3">
+                            <label class="form-label" for="country_name_ar">Country name (AR)</label>
+                            <input id="country_name_ar" type="text" name="country_name_ar" class="form-control">
+                        </div>
+                        <button type="submit" name="add_country" class="btn btn-primary">Add country</button>
+                    </form>
+                </div>
+            </div>
+            <div class="col-lg-6">
+                <div class="panel p-4 h-100">
+                    <h2 class="h5 mb-3">Add city</h2>
+                    <form method="post">
+                        <div class="mb-3">
+                            <label class="form-label" for="country_id">Country</label>
+                            <select id="country_id" name="country_id" class="form-select" required>
+                                <option value="">Select country</option>
+                                <?php foreach ($countries as $country): ?>
+                                    <option value="<?= e($country['id']) ?>"><?= e($country['display_name']) ?></option>
+                                <?php endforeach; ?>
+                            </select>
+                        </div>
+                        <div class="mb-3">
+                            <label class="form-label" for="city_name_en">City name (EN)</label>
+                            <input id="city_name_en" type="text" name="city_name_en" class="form-control" required>
+                        </div>
+                        <div class="mb-3">
+                            <label class="form-label" for="city_name_ar">City name (AR)</label>
+                            <input id="city_name_ar" type="text" name="city_name_ar" class="form-control">
+                        </div>
+                        <button type="submit" name="add_city" class="btn btn-primary">Add city</button>
+                    </form>
+                </div>
+            </div>
+        </div>
+
+        <div class="panel p-4 mt-4">
+            <div class="d-flex justify-content-between align-items-center mb-2">
+                <h2 class="h5 mb-0">Recently added cities</h2>
+                <a class="btn btn-sm btn-outline-dark" href="<?= e(url_with_lang('admin_dashboard.php')) ?>">Back to admin</a>
+            </div>
+            <?php if (!$cities): ?>
+                <p class="muted mb-0">No cities added yet.</p>
+            <?php else: ?>
+                <div class="table-responsive">
+                    <table class="table mb-0">
+                        <thead>
+                            <tr>
+                                <th>Country</th>
+                                <th>City</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <?php foreach ($cities as $city): ?>
+                                <tr>
+                                    <td><?= e($city['country_name']) ?></td>
+                                    <td><?= e($city['city_name']) ?></td>
+                                </tr>
+                            <?php endforeach; ?>
+                        </tbody>
+                    </table>
+                </div>
+            <?php endif; ?>
+        </div>
+    </div>
+</div>
+
+<?php render_footer(); ?>
diff --git a/assets/css/custom.css b/assets/css/custom.css
index 789132e..fe6168d 100644
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@@ -1,403 +1,230 @@
-body {
-    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
-    background-size: 400% 400%;
-    animation: gradient 15s ease infinite;
-    color: #212529;
-    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
-    font-size: 14px;
-    margin: 0;
-    min-height: 100vh;
+:root {
+    --bg: #f8fafc;
+    --surface: #ffffff;
+    --text: #0f172a;
+    --muted: #64748b;
+    --border: #e2e8f0;
+    --primary: #0f172a;
+    --accent: #2563eb;
+    --success: #16a34a;
+    --warning: #f59e0b;
+    --shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
 }
 
-.main-wrapper {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    min-height: 100vh;
-    width: 100%;
+body.app-body {
+    background:
+        radial-gradient(circle at 5% 5%, rgba(37, 99, 235, 0.08), transparent 28%),
+        radial-gradient(circle at 95% 10%, rgba(14, 165, 233, 0.08), transparent 25%),
+        var(--bg);
+    color: var(--text);
+    font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+    font-size: 14px;
+}
+
+.navbar {
+    backdrop-filter: blur(6px);
+    background: rgba(255, 255, 255, 0.92) !important;
+}
+
+.navbar-brand {
+    letter-spacing: 0.02em;
+}
+
+.card,
+.panel {
+    border: 1px solid var(--border);
+    border-radius: 14px;
+    background: var(--surface);
+    box-shadow: var(--shadow);
+}
+
+.hero-card {
+    border-radius: 18px;
+    padding: 32px;
+    background: linear-gradient(135deg, #ffffff 0%, #f8fbff 65%, #eef4ff 100%);
+    border: 1px solid var(--border);
+    box-shadow: var(--shadow);
+}
+
+.stat-card {
     padding: 20px;
-    box-sizing: border-box;
-    position: relative;
-    z-index: 1;
+    border: 1px solid var(--border);
+    border-radius: 12px;
+    background: var(--surface);
+    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
 }
 
-@keyframes gradient {
-    0% {
-        background-position: 0% 50%;
-    }
-    50% {
-        background-position: 100% 50%;
-    }
-    100% {
-        background-position: 0% 50%;
-    }
-}
-
-.chat-container {
-    width: 100%;
-    max-width: 600px;
-    background: rgba(255, 255, 255, 0.85);
-    border: 1px solid rgba(255, 255, 255, 0.3);
-    border-radius: 20px;
-    display: flex;
-    flex-direction: column;
-    height: 85vh;
-    box-shadow: 0 20px 40px rgba(0,0,0,0.2);
-    backdrop-filter: blur(15px);
-    -webkit-backdrop-filter: blur(15px);
-    overflow: hidden;
-}
-
-.chat-header {
-    padding: 1.5rem;
-    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
-    background: rgba(255, 255, 255, 0.5);
-    font-weight: 700;
-    font-size: 1.1rem;
-    display: flex;
-    justify-content: space-between;
+.badge-status,
+.badge {
+    display: inline-flex;
     align-items: center;
-}
-
-.chat-messages {
-    flex: 1;
-    overflow-y: auto;
-    padding: 1.5rem;
-    display: flex;
-    flex-direction: column;
-    gap: 1.25rem;
-}
-
-/* Custom Scrollbar */
-::-webkit-scrollbar {
-    width: 6px;
-}
-
-::-webkit-scrollbar-track {
-    background: transparent;
-}
-
-::-webkit-scrollbar-thumb {
-    background: rgba(255, 255, 255, 0.3);
-    border-radius: 10px;
-}
-
-::-webkit-scrollbar-thumb:hover {
-    background: rgba(255, 255, 255, 0.5);
-}
-
-.message {
-    max-width: 85%;
-    padding: 0.85rem 1.1rem;
-    border-radius: 16px;
-    line-height: 1.5;
-    font-size: 0.95rem;
-    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
-    animation: fadeIn 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
-}
-
-@keyframes fadeIn {
-    from { opacity: 0; transform: translateY(20px) scale(0.95); }
-    to { opacity: 1; transform: translateY(0) scale(1); }
-}
-
-.message.visitor {
-    align-self: flex-end;
-    background: linear-gradient(135deg, #212529 0%, #343a40 100%);
-    color: #fff;
-    border-bottom-right-radius: 4px;
-}
-
-.message.bot {
-    align-self: flex-start;
-    background: #ffffff;
-    color: #212529;
-    border-bottom-left-radius: 4px;
-}
-
-.chat-input-area {
-    padding: 1.25rem;
-    background: rgba(255, 255, 255, 0.5);
-    border-top: 1px solid rgba(0, 0, 0, 0.05);
-}
-
-.chat-input-area form {
-    display: flex;
-    gap: 0.75rem;
-}
-
-.chat-input-area input {
-    flex: 1;
-    border: 1px solid rgba(0, 0, 0, 0.1);
-    border-radius: 12px;
-    padding: 0.75rem 1rem;
-    outline: none;
-    background: rgba(255, 255, 255, 0.9);
-    transition: all 0.3s ease;
-}
-
-.chat-input-area input:focus {
-    border-color: #23a6d5;
-    box-shadow: 0 0 0 3px rgba(35, 166, 213, 0.2);
-}
-
-.chat-input-area button {
-    background: #212529;
-    color: #fff;
-    border: none;
-    padding: 0.75rem 1.5rem;
-    border-radius: 12px;
-    cursor: pointer;
+    gap: 6px;
+    font-size: 12px;
+    padding: 6px 11px;
+    border-radius: 999px;
     font-weight: 600;
-    transition: all 0.3s ease;
+    border: 1px solid transparent;
 }
 
-.chat-input-area button:hover {
-    background: #000;
-    transform: translateY(-2px);
-    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
+.badge-status.posted,
+.badge.posted {
+    background: #e2e8f0;
+    color: #334155;
+    border-color: #cbd5e1;
 }
 
-/* Background Animations */
-.bg-animations {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    z-index: 0;
-    overflow: hidden;
-    pointer-events: none;
+.badge-status.offered,
+.badge.offered {
+    background: #dbeafe;
+    color: #1d4ed8;
+    border-color: #bfdbfe;
 }
 
-.blob {
-    position: absolute;
-    width: 500px;
-    height: 500px;
-    background: rgba(255, 255, 255, 0.2);
-    border-radius: 50%;
-    filter: blur(80px);
-    animation: move 20s infinite alternate cubic-bezier(0.45, 0, 0.55, 1);
+.badge-status.confirmed,
+.badge.confirmed {
+    background: #dcfce7;
+    color: #15803d;
+    border-color: #bbf7d0;
 }
 
-.blob-1 { 
-    top: -10%; 
-    left: -10%; 
-    background: rgba(238, 119, 82, 0.4); 
+.badge-status.in_transit,
+.badge.in_transit {
+    background: #fef3c7;
+    color: #b45309;
+    border-color: #fde68a;
 }
 
-.blob-2 { 
-    bottom: -10%; 
-    right: -10%; 
-    background: rgba(35, 166, 213, 0.4); 
-    animation-delay: -7s; 
-    width: 600px;
-    height: 600px;
+.badge-status.delivered,
+.badge.delivered {
+    background: #ede9fe;
+    color: #6d28d9;
+    border-color: #ddd6fe;
 }
 
-.blob-3 { 
-    top: 40%; 
-    left: 30%; 
-    background: rgba(231, 60, 126, 0.3); 
-    animation-delay: -14s; 
-    width: 450px;
-    height: 450px;
-}
-
-@keyframes move {
-    0% { transform: translate(0, 0) rotate(0deg) scale(1); }
-    33% { transform: translate(150px, 100px) rotate(120deg) scale(1.1); }
-    66% { transform: translate(-50px, 200px) rotate(240deg) scale(0.9); }
-    100% { transform: translate(0, 0) rotate(360deg) scale(1); }
-}
-
-.header-link {
-    font-size: 14px;
-    color: #fff;
-    text-decoration: none;
-    background: rgba(0, 0, 0, 0.2);
-    padding: 0.5rem 1rem;
-    border-radius: 8px;
-    transition: all 0.3s ease;
-}
-
-.header-link:hover {
-    background: rgba(0, 0, 0, 0.4);
-    text-decoration: none;
-}
-
-/* Admin Styles */
-.admin-container {
-    max-width: 900px;
-    margin: 3rem auto;
-    padding: 2.5rem;
-    background: rgba(255, 255, 255, 0.85);
-    backdrop-filter: blur(20px);
-    -webkit-backdrop-filter: blur(20px);
-    border-radius: 24px;
-    box-shadow: 0 20px 50px rgba(0,0,0,0.15);
-    border: 1px solid rgba(255, 255, 255, 0.4);
-    position: relative;
-    z-index: 1;
-}
-
-.admin-container h1 {
-    margin-top: 0;
-    color: #212529;
-    font-weight: 800;
-}
-
-.table {
-    width: 100%;
-    border-collapse: separate;
-    border-spacing: 0 8px;
-    margin-top: 1.5rem;
-}
-
-.table th {
-    background: transparent;
-    border: none;
-    padding: 1rem;
-    color: #6c757d;
-    font-weight: 600;
+.table thead th {
+    font-size: 12px;
     text-transform: uppercase;
-    font-size: 0.75rem;
-    letter-spacing: 1px;
+    letter-spacing: 0.04em;
+    color: var(--muted);
+    border-bottom: 1px solid var(--border);
 }
 
-.table td {
-    background: #fff;
-    padding: 1rem;
-    border: none;
+.table tbody td {
+    vertical-align: middle;
 }
 
-.table tr td:first-child { border-radius: 12px 0 0 12px; }
-.table tr td:last-child { border-radius: 0 12px 12px 0; }
-
-.form-group {
-    margin-bottom: 1.25rem;
+.table tbody tr:hover {
+    background: #f8fafc;
 }
 
-.form-group label {
+.form-control,
+.form-select {
+    border-radius: 8px;
+    border: 1px solid var(--border);
+    padding: 10px 12px;
+}
+
+.form-control:focus,
+.form-select:focus {
+    border-color: #93c5fd;
+    box-shadow: 0 0 0 0.2rem rgba(37, 99, 235, 0.12);
+}
+
+.form-label {
+    font-weight: 600;
+    color: #334155;
+    margin-bottom: 6px;
+}
+
+.btn-primary {
+    background: var(--primary);
+    border-color: var(--primary);
+}
+
+.btn-primary:hover,
+.btn-primary:focus {
+    background: #111827;
+    border-color: #111827;
+}
+
+.btn {
+    border-radius: 10px;
+    font-weight: 600;
+    padding: 9px 14px;
+}
+
+.btn-outline-dark {
+    border-color: var(--border);
+}
+
+.section-title {
+    font-size: 18px;
+    font-weight: 600;
+    margin-bottom: 12px;
+}
+
+.muted {
+    color: var(--muted);
+}
+
+.alert {
+    border-radius: 8px;
+}
+
+.page-intro {
+    margin-bottom: 18px;
+}
+
+.table-responsive {
+    border-radius: 12px;
+}
+
+.admin-sidebar {
+    position: sticky;
+    top: 88px;
+}
+
+.admin-nav-link {
     display: block;
-    margin-bottom: 0.5rem;
+    padding: 10px 12px;
+    border-radius: 10px;
+    color: #334155;
+    text-decoration: none;
     font-weight: 600;
-    font-size: 0.9rem;
+    border: 1px solid transparent;
 }
 
-.form-control {
-    width: 100%;
-    padding: 0.75rem 1rem;
-    border: 1px solid rgba(0, 0, 0, 0.1);
-    border-radius: 12px;
-    background: #fff;
-    transition: all 0.3s ease;
-    box-sizing: border-box;
+.admin-nav-link:hover {
+    background: #eff6ff;
+    border-color: #dbeafe;
+    color: #1d4ed8;
 }
 
-.form-control:focus {
-    outline: none;
-    border-color: #23a6d5;
-    box-shadow: 0 0 0 3px rgba(35, 166, 213, 0.1);
+.admin-nav-link.active {
+    background: #dbeafe;
+    border-color: #bfdbfe;
+    color: #1d4ed8;
 }
 
-.header-container {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
+[dir="rtl"] .navbar .ms-auto {
+    margin-left: 0 !important;
+    margin-right: auto !important;
 }
 
-.header-links {
-    display: flex;
-    gap: 1rem;
+[dir="rtl"] .text-end {
+    text-align: left !important;
 }
 
-.admin-card {
-    background: rgba(255, 255, 255, 0.6);
-    padding: 2rem;
-    border-radius: 20px;
-    border: 1px solid rgba(255, 255, 255, 0.5);
-    margin-bottom: 2.5rem;
-    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
+[dir="rtl"] .text-start {
+    text-align: right !important;
 }
 
-.admin-card h3 {
-    margin-top: 0;
-    margin-bottom: 1.5rem;
-    font-weight: 700;
-}
+@media (max-width: 991px) {
+    .hero-card {
+        padding: 24px;
+    }
 
-.btn-delete {
-    background: #dc3545;
-    color: white;
-    border: none;
-    padding: 0.25rem 0.5rem;
-    border-radius: 4px;
-    cursor: pointer;
+    .admin-sidebar {
+        position: static;
+    }
 }
-
-.btn-add {
-    background: #212529;
-    color: white;
-    border: none;
-    padding: 0.5rem 1rem;
-    border-radius: 4px;
-    cursor: pointer;
-    margin-top: 1rem;
-}
-
-.btn-save {
-    background: #0088cc;
-    color: white;
-    border: none;
-    padding: 0.8rem 1.5rem;
-    border-radius: 12px;
-    cursor: pointer;
-    font-weight: 600;
-    width: 100%;
-    transition: all 0.3s ease;
-}
-
-.webhook-url {
-    font-size: 0.85em;
-    color: #555;
-    margin-top: 0.5rem;
-}
-
-.history-table-container {
-    overflow-x: auto;
-    background: rgba(255, 255, 255, 0.4);
-    padding: 1rem;
-    border-radius: 12px;
-    border: 1px solid rgba(255, 255, 255, 0.3);
-}
-
-.history-table {
-    width: 100%;
-}
-
-.history-table-time {
-    width: 15%;
-    white-space: nowrap;
-    font-size: 0.85em;
-    color: #555;
-}
-
-.history-table-user {
-    width: 35%;
-    background: rgba(255, 255, 255, 0.3);
-    border-radius: 8px;
-    padding: 8px;
-}
-
-.history-table-ai {
-    width: 50%;
-    background: rgba(255, 255, 255, 0.5);
-    border-radius: 8px;
-    padding: 8px;
-}
-
-.no-messages {
-    text-align: center;
-    color: #777;
-}
\ No newline at end of file
diff --git a/assets/js/main.js b/assets/js/main.js
index d349598..a862671 100644
--- a/assets/js/main.js
+++ b/assets/js/main.js
@@ -1,39 +1,11 @@
 document.addEventListener('DOMContentLoaded', () => {
-    const chatForm = document.getElementById('chat-form');
-    const chatInput = document.getElementById('chat-input');
-    const chatMessages = document.getElementById('chat-messages');
-
-    const appendMessage = (text, sender) => {
-        const msgDiv = document.createElement('div');
-        msgDiv.classList.add('message', sender);
-        msgDiv.textContent = text;
-        chatMessages.appendChild(msgDiv);
-        chatMessages.scrollTop = chatMessages.scrollHeight;
-    };
-
-    chatForm.addEventListener('submit', async (e) => {
-        e.preventDefault();
-        const message = chatInput.value.trim();
-        if (!message) return;
-
-        appendMessage(message, 'visitor');
-        chatInput.value = '';
-
-        try {
-            const response = await fetch('api/chat.php', {
-                method: 'POST',
-                headers: { 'Content-Type': 'application/json' },
-                body: JSON.stringify({ message })
+    const autoAlerts = document.querySelectorAll('[data-auto-dismiss="true"]');
+    if (autoAlerts.length) {
+        setTimeout(() => {
+            autoAlerts.forEach((alert) => {
+                alert.classList.add('fade');
+                setTimeout(() => alert.remove(), 500);
             });
-            const data = await response.json();
-            
-            // Artificial delay for realism
-            setTimeout(() => {
-                appendMessage(data.reply, 'bot');
-            }, 500);
-        } catch (error) {
-            console.error('Error:', error);
-            appendMessage("Sorry, something went wrong. Please try again.", 'bot');
-        }
-    });
+        }, 4500);
+    }
 });
diff --git a/db/migrations/initial_schema.php b/db/migrations/initial_schema.php
new file mode 100644
index 0000000..2d4c91d
--- /dev/null
+++ b/db/migrations/initial_schema.php
@@ -0,0 +1,33 @@
+<?php
+require_once __DIR__ . '/../db/config.php';
+$pdo = db();
+
+try {
+    $pdo->exec("
+        CREATE TABLE IF NOT EXISTS countries (
+            id INT AUTO_INCREMENT PRIMARY KEY,
+            name_en VARCHAR(255) NOT NULL,
+            name_ar VARCHAR(255) NOT NULL,
+            created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
+        );
+        CREATE TABLE IF NOT EXISTS cities (
+            id INT AUTO_INCREMENT PRIMARY KEY,
+            country_id INT NOT NULL,
+            name_en VARCHAR(255) NOT NULL,
+            name_ar VARCHAR(255) NOT NULL,
+            created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+            FOREIGN KEY (country_id) REFERENCES countries(id)
+        );
+        CREATE TABLE IF NOT EXISTS users (
+            id INT AUTO_INCREMENT PRIMARY KEY,
+            email VARCHAR(255) UNIQUE NOT NULL,
+            password VARCHAR(255) NOT NULL,
+            full_name VARCHAR(255) NOT NULL,
+            role ENUM('admin', 'shipper', 'truck_owner') NOT NULL,
+            created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
+        );
+    ");
+    echo "Schema updated successfully.";
+} catch (PDOException $e) {
+    echo "Error: " . $e->getMessage();
+}
diff --git a/includes/app.php b/includes/app.php
new file mode 100644
index 0000000..fdb703c
--- /dev/null
+++ b/includes/app.php
@@ -0,0 +1,222 @@
+<?php
+declare(strict_types=1);
+
+require_once __DIR__ . '/../db/config.php';
+
+if (session_status() === PHP_SESSION_NONE) {
+    session_start();
+}
+
+$lang = $_GET['lang'] ?? ($_SESSION['lang'] ?? 'en');
+$lang = $lang === 'ar' ? 'ar' : 'en';
+$_SESSION['lang'] = $lang;
+$dir = $lang === 'ar' ? 'rtl' : 'ltr';
+
+$translations = [
+    'en' => [
+        'app_name' => 'CargoLink',
+        'nav_home' => 'Overview',
+        'nav_shipper' => 'Shipper Desk',
+        'nav_owner' => 'Truck Owner Desk',
+        'nav_admin' => 'Admin Panel',
+        'hero_title' => 'Move cargo faster with verified trucks.',
+        'hero_subtitle' => 'Post shipments, collect offers, and pay via Thawani or bank transfer. Built for local and nearby cross-border moves.',
+        'hero_tagline' => 'Multilingual Logistics Marketplace',
+        'cta_shipper' => 'Post a shipment',
+        'cta_owner' => 'Find loads',
+        'cta_admin' => 'Open admin',
+        'stats_shipments' => 'Shipments posted',
+        'stats_offers' => 'Active offers',
+        'stats_confirmed' => 'Confirmed trips',
+        'section_workflow' => 'How it works',
+        'recent_shipments' => 'Recent shipments',
+        'step_post' => 'Shipper posts cargo details and preferred payment.',
+        'step_offer' => 'Truck owners respond with their best rate.',
+        'step_confirm' => 'Admin confirms booking and status.',
+        'shipper_dashboard' => 'Shipper Dashboard',
+        'new_shipment' => 'Create shipment',
+        'shipper_name' => 'Shipper name',
+        'shipper_company' => 'Company',
+        'origin' => 'Origin city',
+        'destination' => 'Destination city',
+        'cargo' => 'Cargo description',
+        'weight' => 'Weight (tons)',
+        'pickup_date' => 'Pickup date',
+        'delivery_date' => 'Delivery date',
+        'payment_method' => 'Payment method',
+        'payment_thawani' => 'Thawani online payment',
+        'payment_bank' => 'Bank transfer',
+        'submit_shipment' => 'Submit shipment',
+        'shipments_list' => 'Your latest shipments',
+        'status' => 'Status',
+        'offer' => 'Best offer',
+        'actions' => 'Actions',
+        'view' => 'View',
+        'owner_dashboard' => 'Truck Owner Dashboard',
+        'available_shipments' => 'Available shipments',
+        'offer_price' => 'Offer price',
+        'offer_owner' => 'Truck owner name',
+        'submit_offer' => 'Send offer',
+        'admin_dashboard' => 'Admin Dashboard',
+        'update_status' => 'Update status',
+        'save' => 'Save',
+        'shipment_detail' => 'Shipment detail',
+        'created_at' => 'Created',
+        'best_offer' => 'Best offer',
+        'assign_owner' => 'Assigned owner',
+        'no_shipments' => 'No shipments yet. Create the first one to get started.',
+        'no_offers' => 'No offers yet.',
+        'success_shipment' => 'Shipment posted successfully.',
+        'success_offer' => 'Offer submitted to the shipper.',
+        'success_status' => 'Status updated.',
+        'error_required' => 'Please fill in all required fields.',
+        'error_invalid' => 'Please enter valid values.',
+        'status_posted' => 'Posted',
+        'status_offered' => 'Offered',
+        'status_confirmed' => 'Confirmed',
+        'status_in_transit' => 'In transit',
+        'status_delivered' => 'Delivered',
+        'footer_note' => 'This is the initial MVP slice. Payments are not yet connected.',
+    ],
+    'ar' => [
+        'app_name' => 'CargoLink',
+        'nav_home' => 'نظرة عامة',
+        'nav_shipper' => 'لوحة الشاحن',
+        'nav_owner' => 'لوحة مالك الشاحنة',
+        'nav_admin' => 'لوحة الإدارة',
+        'hero_title' => 'انقل شحنتك بسرعة مع شاحنات موثوقة.',
+        'hero_subtitle' => 'أنشئ شحنة، استلم عروضاً، وادفع عبر ثواني أو التحويل البنكي.',
+        'hero_tagline' => 'منصة لوجستية متعددة اللغات',
+        'cta_shipper' => 'إنشاء شحنة',
+        'cta_owner' => 'البحث عن الشحنات',
+        'cta_admin' => 'الدخول للإدارة',
+        'stats_shipments' => 'الشحنات المنشورة',
+        'stats_offers' => 'العروض الحالية',
+        'stats_confirmed' => 'الرحلات المؤكدة',
+        'section_workflow' => 'طريقة العمل',
+        'recent_shipments' => 'أحدث الشحنات',
+        'step_post' => 'يقوم الشاحن بإدخال تفاصيل الشحنة وطريقة الدفع.',
+        'step_offer' => 'يرسل أصحاب الشاحنات أفضل عروضهم.',
+        'step_confirm' => 'تؤكد الإدارة الحجز وتحدث الحالة.',
+        'shipper_dashboard' => 'لوحة الشاحن',
+        'new_shipment' => 'إنشاء شحنة',
+        'shipper_name' => 'اسم الشاحن',
+        'shipper_company' => 'الشركة',
+        'origin' => 'مدينة الانطلاق',
+        'destination' => 'مدينة الوصول',
+        'cargo' => 'وصف الحمولة',
+        'weight' => 'الوزن (طن)',
+        'pickup_date' => 'تاريخ الاستلام',
+        'delivery_date' => 'تاريخ التسليم',
+        'payment_method' => 'طريقة الدفع',
+        'payment_thawani' => 'الدفع الإلكتروني عبر ثواني',
+        'payment_bank' => 'تحويل بنكي',
+        'submit_shipment' => 'إرسال الشحنة',
+        'shipments_list' => 'أحدث الشحنات',
+        'status' => 'الحالة',
+        'offer' => 'أفضل عرض',
+        'actions' => 'إجراءات',
+        'view' => 'عرض',
+        'owner_dashboard' => 'لوحة مالك الشاحنة',
+        'available_shipments' => 'الشحنات المتاحة',
+        'offer_price' => 'سعر العرض',
+        'offer_owner' => 'اسم مالك الشاحنة',
+        'submit_offer' => 'إرسال العرض',
+        'admin_dashboard' => 'لوحة الإدارة',
+        'update_status' => 'تحديث الحالة',
+        'save' => 'حفظ',
+        'shipment_detail' => 'تفاصيل الشحنة',
+        'created_at' => 'تم الإنشاء',
+        'best_offer' => 'أفضل عرض',
+        'assign_owner' => 'المالك المعتمد',
+        'no_shipments' => 'لا توجد شحنات بعد. ابدأ بإنشاء أول شحنة.',
+        'no_offers' => 'لا توجد عروض بعد.',
+        'success_shipment' => 'تم نشر الشحنة بنجاح.',
+        'success_offer' => 'تم إرسال العرض إلى الشاحن.',
+        'success_status' => 'تم تحديث الحالة.',
+        'error_required' => 'يرجى تعبئة جميع الحقول المطلوبة.',
+        'error_invalid' => 'يرجى إدخال قيم صحيحة.',
+        'status_posted' => 'منشورة',
+        'status_offered' => 'بعرض',
+        'status_confirmed' => 'مؤكدة',
+        'status_in_transit' => 'قيد النقل',
+        'status_delivered' => 'تم التسليم',
+        'footer_note' => 'هذه هي النسخة الأولية. الدفع غير متصل بعد.',
+    ],
+];
+
+function t(string $key): string
+{
+    global $translations, $lang;
+    return $translations[$lang][$key] ?? $key;
+}
+
+function e($value): string
+{
+    return htmlspecialchars((string) $value, ENT_QUOTES, 'UTF-8');
+}
+
+function ensure_schema(): void
+{
+    $sql = <<<SQL
+CREATE TABLE IF NOT EXISTS shipments (
+    id INT AUTO_INCREMENT PRIMARY KEY,
+    shipper_name VARCHAR(120) NOT NULL,
+    shipper_company VARCHAR(120) NOT NULL,
+    origin_city VARCHAR(120) NOT NULL,
+    destination_city VARCHAR(120) NOT NULL,
+    cargo_description VARCHAR(255) NOT NULL,
+    weight_tons DECIMAL(10,2) NOT NULL,
+    pickup_date DATE NOT NULL,
+    delivery_date DATE NOT NULL,
+    payment_method ENUM('thawani','bank_transfer') NOT NULL DEFAULT 'thawani',
+    status ENUM('posted','offered','confirmed','in_transit','delivered') NOT NULL DEFAULT 'posted',
+    offer_price DECIMAL(10,2) DEFAULT NULL,
+    offer_owner VARCHAR(120) DEFAULT NULL,
+    created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
+) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;
+SQL;
+    db()->exec($sql);
+}
+
+function set_flash(string $type, string $message): void
+{
+    $_SESSION['flash'] = ['type' => $type, 'message' => $message];
+}
+
+function get_flash(): ?array
+{
+    if (!empty($_SESSION['flash'])) {
+        $flash = $_SESSION['flash'];
+        unset($_SESSION['flash']);
+        return $flash;
+    }
+    return null;
+}
+
+function url_with_lang(string $path, array $params = []): string
+{
+    global $lang;
+    $params = array_merge(['lang' => $lang], $params);
+    return $path . '?' . http_build_query($params);
+}
+
+function current_url_with_lang(string $newLang): string
+{
+    $params = $_GET;
+    $params['lang'] = $newLang;
+    $path = basename($_SERVER['PHP_SELF'] ?? 'index.php');
+    return $path . '?' . http_build_query($params);
+}
+
+function status_label(string $status): string
+{
+    $map = [
+        'posted' => t('status_posted'),
+        'offered' => t('status_offered'),
+        'confirmed' => t('status_confirmed'),
+        'in_transit' => t('status_in_transit'),
+        'delivered' => t('status_delivered'),
+    ];
+    return $map[$status] ?? $status;
+}
diff --git a/includes/layout.php b/includes/layout.php
new file mode 100644
index 0000000..433c551
--- /dev/null
+++ b/includes/layout.php
@@ -0,0 +1,108 @@
+<?php
+require_once __DIR__ . '/app.php';
+
+function render_header(string $title, string $active = ''): void
+{
+    global $lang, $dir;
+    $projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? '';
+    $projectImageUrl = $_SERVER['PROJECT_IMAGE_URL'] ?? '';
+    $toggleLang = $lang === 'ar' ? 'en' : 'ar';
+    $toggleLabel = $lang === 'ar' ? 'EN' : 'AR';
+    ?>
+    <!doctype html>
+    <html lang="<?= e($lang) ?>" dir="<?= e($dir) ?>">
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <title><?= e($title) ?></title>
+        <?php if ($projectDescription): ?>
+            <meta name="description" content="<?= e($projectDescription) ?>" />
+            <meta property="og:description" content="<?= e($projectDescription) ?>" />
+            <meta property="twitter:description" content="<?= e($projectDescription) ?>" />
+        <?php endif; ?>
+        <?php if ($projectImageUrl): ?>
+            <meta property="og:image" content="<?= e($projectImageUrl) ?>" />
+            <meta property="twitter:image" content="<?= e($projectImageUrl) ?>" />
+        <?php endif; ?>
+        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
+        <link rel="stylesheet" href="/assets/css/custom.css?v=<?= time() ?>">
+    </head>
+    <body class="app-body">
+        <nav class="navbar navbar-expand-lg navbar-light bg-white border-bottom sticky-top">
+            <div class="container">
+                <a class="navbar-brand fw-semibold" href="<?= e(url_with_lang('index.php')) ?>">
+                    <?= e(t('app_name')) ?>
+                </a>
+                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mainNav">
+                    <span class="navbar-toggler-icon"></span>
+                </button>
+                <div class="collapse navbar-collapse" id="mainNav">
+                    <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+                        <li class="nav-item">
+                            <a class="nav-link <?= $active === 'home' ? 'active' : '' ?>" href="<?= e(url_with_lang('index.php')) ?>">
+                                <?= e(t('nav_home')) ?>
+                            </a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link <?= $active === 'shipper' ? 'active' : '' ?>" href="<?= e(url_with_lang('shipper_dashboard.php')) ?>">
+                                <?= e(t('nav_shipper')) ?>
+                            </a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link <?= $active === 'owner' ? 'active' : '' ?>" href="<?= e(url_with_lang('truck_owner_dashboard.php')) ?>">
+                                <?= e(t('nav_owner')) ?>
+                            </a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link <?= $active === 'admin' ? 'active' : '' ?>" href="<?= e(url_with_lang('admin_dashboard.php')) ?>">
+                                <?= e(t('nav_admin')) ?>
+                            </a>
+                        </li>
+                    </ul>
+                    <a class="btn btn-sm btn-outline-dark" href="<?= e(current_url_with_lang($toggleLang)) ?>">
+                        <?= e($toggleLabel) ?>
+                    </a>
+                </div>
+            </div>
+        </nav>
+        <main class="container py-4">
+    <?php
+}
+
+function render_footer(): void
+{
+    ?>
+        </main>
+        <footer class="border-top py-3">
+            <div class="container d-flex flex-column flex-md-row justify-content-between align-items-center small text-muted">
+                <span><?= e(t('footer_note')) ?></span>
+                <span><?= e(date('Y-m-d H:i')) ?> UTC</span>
+            </div>
+        </footer>
+        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
+        <script src="/assets/js/main.js?v=<?= time() ?>"></script>
+    </body>
+    </html>
+    <?php
+}
+
+function render_admin_sidebar(string $active = 'dashboard'): void
+{
+    $items = [
+        'dashboard' => ['label' => 'Dashboard', 'href' => url_with_lang('admin_dashboard.php')],
+        'locations' => ['label' => 'Locations', 'href' => url_with_lang('admin_manage_locations.php')],
+        'register' => ['label' => 'User Registration', 'href' => url_with_lang('register.php')],
+    ];
+    ?>
+    <aside class="admin-sidebar panel p-3">
+        <h2 class="h6 mb-3">Admin Panel</h2>
+        <nav class="nav flex-column gap-1">
+            <?php foreach ($items as $key => $item): ?>
+                <a class="admin-nav-link <?= $active === $key ? 'active' : '' ?>" href="<?= e($item['href']) ?>">
+                    <?= e($item['label']) ?>
+                </a>
+            <?php endforeach; ?>
+        </nav>
+    </aside>
+    <?php
+}
diff --git a/index.php b/index.php
index 7205f3d..03d1e34 100644
--- a/index.php
+++ b/index.php
@@ -1,150 +1,134 @@
 <?php
 declare(strict_types=1);
-@ini_set('display_errors', '1');
-@error_reporting(E_ALL);
-@date_default_timezone_set('UTC');
 
-$phpVersion = PHP_VERSION;
-$now = date('Y-m-d H:i:s');
+require_once __DIR__ . '/includes/layout.php';
+
+ensure_schema();
+
+$stats = [
+    'shipments' => 0,
+    'offers' => 0,
+    'confirmed' => 0,
+];
+
+try {
+    $pdo = db();
+    $stats['shipments'] = (int) $pdo->query("SELECT COUNT(*) FROM shipments")->fetchColumn();
+    $stats['offers'] = (int) $pdo->query("SELECT COUNT(*) FROM shipments WHERE offer_price IS NOT NULL")->fetchColumn();
+    $stats['confirmed'] = (int) $pdo->query("SELECT COUNT(*) FROM shipments WHERE status IN ('confirmed','in_transit','delivered')")->fetchColumn();
+} catch (Throwable $e) {
+    // Keep the landing page stable even if DB is unavailable.
+}
+
+$recentShipments = [];
+try {
+    $stmt = db()->query("SELECT * FROM shipments ORDER BY created_at DESC LIMIT 5");
+    $recentShipments = $stmt->fetchAll();
+} catch (Throwable $e) {
+    $recentShipments = [];
+}
+
+render_header(t('app_name'), 'home');
 ?>
-<!doctype html>
-<html lang="en">
-<head>
-  <meta charset="utf-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1" />
-  <title>New Style</title>
-<?php
-// Read project preview data from environment
-$projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? '';
-$projectImageUrl = $_SERVER['PROJECT_IMAGE_URL'] ?? '';
-?>
-<?php if ($projectDescription): ?>
-  <!-- Meta description -->
-  <meta name="description" content='<?= htmlspecialchars($projectDescription) ?>' />
-  <!-- Open Graph meta tags -->
-  <meta property="og:description" content="<?= htmlspecialchars($projectDescription) ?>" />
-  <!-- Twitter meta tags -->
-  <meta property="twitter:description" content="<?= htmlspecialchars($projectDescription) ?>" />
-<?php endif; ?>
-<?php if ($projectImageUrl): ?>
-  <!-- Open Graph image -->
-  <meta property="og:image" content="<?= htmlspecialchars($projectImageUrl) ?>" />
-  <!-- Twitter image -->
-  <meta property="twitter:image" content="<?= htmlspecialchars($projectImageUrl) ?>" />
-<?php endif; ?>
-  <link rel="preconnect" href="https://fonts.googleapis.com">
-  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap" rel="stylesheet">
-  <style>
-    :root {
-      --bg-color-start: #6a11cb;
-      --bg-color-end: #2575fc;
-      --text-color: #ffffff;
-      --card-bg-color: rgba(255, 255, 255, 0.01);
-      --card-border-color: rgba(255, 255, 255, 0.1);
-    }
-    body {
-      margin: 0;
-      font-family: 'Inter', sans-serif;
-      background: linear-gradient(45deg, var(--bg-color-start), var(--bg-color-end));
-      color: var(--text-color);
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      min-height: 100vh;
-      text-align: center;
-      overflow: hidden;
-      position: relative;
-    }
-    body::before {
-      content: '';
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path d="M-10 10L110 10M10 -10L10 110" stroke-width="1" stroke="rgba(255,255,255,0.05)"/></svg>');
-      animation: bg-pan 20s linear infinite;
-      z-index: -1;
-    }
-    @keyframes bg-pan {
-      0% { background-position: 0% 0%; }
-      100% { background-position: 100% 100%; }
-    }
-    main {
-      padding: 2rem;
-    }
-    .card {
-      background: var(--card-bg-color);
-      border: 1px solid var(--card-border-color);
-      border-radius: 16px;
-      padding: 2rem;
-      backdrop-filter: blur(20px);
-      -webkit-backdrop-filter: blur(20px);
-      box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.1);
-    }
-    .loader {
-      margin: 1.25rem auto 1.25rem;
-      width: 48px;
-      height: 48px;
-      border: 3px solid rgba(255, 255, 255, 0.25);
-      border-top-color: #fff;
-      border-radius: 50%;
-      animation: spin 1s linear infinite;
-    }
-    @keyframes spin {
-      from { transform: rotate(0deg); }
-      to   { transform: rotate(360deg); }
-    }
-    .hint {
-      opacity: 0.9;
-    }
-    .sr-only {
-      position: absolute;
-      width: 1px; height: 1px;
-      padding: 0; margin: -1px;
-      overflow: hidden;
-      clip: rect(0, 0, 0, 0);
-      white-space: nowrap; border: 0;
-    }
-    h1 {
-      font-size: 3rem;
-      font-weight: 700;
-      margin: 0 0 1rem;
-      letter-spacing: -1px;
-    }
-    p {
-      margin: 0.5rem 0;
-      font-size: 1.1rem;
-    }
-    code {
-      background: rgba(0,0,0,0.2);
-      padding: 2px 6px;
-      border-radius: 4px;
-      font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
-    }
-    footer {
-      position: absolute;
-      bottom: 1rem;
-      font-size: 0.8rem;
-      opacity: 0.7;
-    }
-  </style>
-</head>
-<body>
-  <main>
-    <div class="card">
-      <h1>Analyzing your requirements and generating your website…</h1>
-      <div class="loader" role="status" aria-live="polite" aria-label="Applying initial changes">
-        <span class="sr-only">Loading…</span>
-      </div>
-      <p class="hint"><?= ($_SERVER['HTTP_HOST'] ?? '') === 'appwizzy.com' ? 'AppWizzy' : 'Flatlogic' ?> AI is collecting your requirements and applying the first changes.</p>
-      <p class="hint">This page will update automatically as the plan is implemented.</p>
-      <p>Runtime: PHP <code><?= htmlspecialchars($phpVersion) ?></code> — UTC <code><?= htmlspecialchars($now) ?></code></p>
+
+<section class="hero-card mb-4">
+    <div class="row align-items-center g-4">
+        <div class="col-lg-7">
+            <p class="text-uppercase small fw-semibold text-muted mb-2"><?= e(t('hero_tagline')) ?></p>
+            <h1 class="display-6 fw-semibold"><?= e(t('hero_title')) ?></h1>
+            <p class="muted mt-3"><?= e(t('hero_subtitle')) ?></p>
+            <div class="d-flex flex-wrap gap-2 mt-4">
+                <a class="btn btn-primary" href="<?= e(url_with_lang('shipper_dashboard.php')) ?>"><?= e(t('cta_shipper')) ?></a>
+                <a class="btn btn-outline-dark" href="<?= e(url_with_lang('truck_owner_dashboard.php')) ?>"><?= e(t('cta_owner')) ?></a>
+                <a class="btn btn-outline-dark" href="<?= e(url_with_lang('admin_dashboard.php')) ?>"><?= e(t('cta_admin')) ?></a>
+            </div>
+        </div>
+        <div class="col-lg-5">
+            <div class="row g-3">
+                <div class="col-12">
+                    <div class="stat-card">
+                        <div class="small text-muted"><?= e(t('stats_shipments')) ?></div>
+                        <div class="fs-4 fw-semibold"><?= e($stats['shipments']) ?></div>
+                    </div>
+                </div>
+                <div class="col-6">
+                    <div class="stat-card">
+                        <div class="small text-muted"><?= e(t('stats_offers')) ?></div>
+                        <div class="fs-5 fw-semibold"><?= e($stats['offers']) ?></div>
+                    </div>
+                </div>
+                <div class="col-6">
+                    <div class="stat-card">
+                        <div class="small text-muted"><?= e(t('stats_confirmed')) ?></div>
+                        <div class="fs-5 fw-semibold"><?= e($stats['confirmed']) ?></div>
+                    </div>
+                </div>
+            </div>
+        </div>
     </div>
-  </main>
-  <footer>
-    Page updated: <?= htmlspecialchars($now) ?> (UTC)
-  </footer>
-</body>
-</html>
+</section>
+
+<section class="mb-4">
+    <h2 class="section-title"><?= e(t('section_workflow')) ?></h2>
+    <div class="row g-3">
+        <div class="col-md-4">
+            <div class="panel p-3 h-100">
+                <div class="fw-semibold mb-1">1</div>
+                <p class="muted mb-0"><?= e(t('step_post')) ?></p>
+            </div>
+        </div>
+        <div class="col-md-4">
+            <div class="panel p-3 h-100">
+                <div class="fw-semibold mb-1">2</div>
+                <p class="muted mb-0"><?= e(t('step_offer')) ?></p>
+            </div>
+        </div>
+        <div class="col-md-4">
+            <div class="panel p-3 h-100">
+                <div class="fw-semibold mb-1">3</div>
+                <p class="muted mb-0"><?= e(t('step_confirm')) ?></p>
+            </div>
+        </div>
+    </div>
+</section>
+
+<section class="panel p-3">
+    <div class="d-flex justify-content-between align-items-center mb-2">
+        <h2 class="section-title mb-0"><?= e(t('recent_shipments')) ?></h2>
+        <a class="small text-decoration-none" href="<?= e(url_with_lang('shipper_dashboard.php')) ?>"><?= e(t('cta_shipper')) ?></a>
+    </div>
+    <?php if (!$recentShipments): ?>
+        <div class="text-muted"><?= e(t('no_shipments')) ?></div>
+    <?php else: ?>
+        <div class="table-responsive">
+            <table class="table align-middle mb-0">
+                <thead>
+                    <tr>
+                        <th><?= e(t('shipper_company')) ?></th>
+                        <th><?= e(t('origin')) ?></th>
+                        <th><?= e(t('destination')) ?></th>
+                        <th><?= e(t('status')) ?></th>
+                        <th><?= e(t('actions')) ?></th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <?php foreach ($recentShipments as $row): ?>
+                        <tr>
+                            <td><?= e($row['shipper_company']) ?></td>
+                            <td><?= e($row['origin_city']) ?></td>
+                            <td><?= e($row['destination_city']) ?></td>
+                            <td><span class="badge-status <?= e($row['status']) ?>"><?= e(status_label($row['status'])) ?></span></td>
+                            <td>
+                                <a class="btn btn-sm btn-outline-dark" href="<?= e(url_with_lang('shipment_detail.php', ['id' => $row['id']])) ?>">
+                                    <?= e(t('view')) ?>
+                                </a>
+                            </td>
+                        </tr>
+                    <?php endforeach; ?>
+                </tbody>
+            </table>
+        </div>
+    <?php endif; ?>
+</section>
+
+<?php render_footer(); ?>
diff --git a/register.php b/register.php
new file mode 100644
index 0000000..d9b086a
--- /dev/null
+++ b/register.php
@@ -0,0 +1,200 @@
+<?php
+declare(strict_types=1);
+
+require_once __DIR__ . '/includes/layout.php';
+
+$errors = [];
+$saved = false;
+
+if ($_SERVER['REQUEST_METHOD'] === 'POST') {
+    $role = $_POST['role'] ?? 'shipper';
+    $email = trim($_POST['email'] ?? '');
+    $passwordRaw = (string)($_POST['password'] ?? '');
+
+    if (!in_array($role, ['shipper', 'truck_owner'], true)) {
+        $errors[] = 'Invalid role selected.';
+    }
+    if (!filter_var($email, FILTER_VALIDATE_EMAIL)) {
+        $errors[] = 'Please provide a valid email address.';
+    }
+    if (strlen($passwordRaw) < 6) {
+        $errors[] = 'Password must be at least 6 characters.';
+    }
+
+    if (!$errors) {
+        $password = password_hash($passwordRaw, PASSWORD_DEFAULT);
+        $stmt = db()->prepare("INSERT INTO users (email, password, role) VALUES (?, ?, ?)");
+        $stmt->execute([$email, $password, $role]);
+        $userId = (int)db()->lastInsertId();
+
+        if ($role === 'truck_owner') {
+            $truckType = trim($_POST['truck_type'] ?? '');
+            $loadCapacity = trim($_POST['load_capacity'] ?? '');
+            $plateNo = trim($_POST['plate_no'] ?? '');
+
+            if ($truckType === '' || $loadCapacity === '' || $plateNo === '') {
+                $errors[] = 'Please complete truck details.';
+            } elseif (!is_numeric($loadCapacity)) {
+                $errors[] = 'Load capacity must be numeric.';
+            }
+
+            if (!$errors) {
+                $uploadDir = __DIR__ . '/uploads/profiles/' . $userId . '/';
+                if (!is_dir($uploadDir)) {
+                    mkdir($uploadDir, 0775, true);
+                }
+
+                $allowed = ['image/jpeg' => 'jpg', 'image/png' => 'png', 'image/webp' => 'webp'];
+                $saveImage = static function (string $tmpName, string $prefix) use ($uploadDir, $allowed): ?string {
+                    $mime = mime_content_type($tmpName) ?: '';
+                    if (!isset($allowed[$mime])) {
+                        return null;
+                    }
+                    $filename = uniqid($prefix, true) . '.' . $allowed[$mime];
+                    $target = $uploadDir . $filename;
+                    if (!move_uploaded_file($tmpName, $target)) {
+                        return null;
+                    }
+                    return 'uploads/profiles/' . basename($uploadDir) . '/' . $filename;
+                };
+
+                $idCardPaths = [];
+                foreach (array_slice($_FILES['id_card']['tmp_name'] ?? [], 0, 2) as $tmp) {
+                    if (!is_uploaded_file($tmp)) {
+                        continue;
+                    }
+                    $path = $saveImage($tmp, 'id_');
+                    if ($path) {
+                        $idCardPaths[] = $path;
+                    }
+                }
+
+                $regPaths = [];
+                foreach (array_slice($_FILES['registration']['tmp_name'] ?? [], 0, 2) as $tmp) {
+                    if (!is_uploaded_file($tmp)) {
+                        continue;
+                    }
+                    $path = $saveImage($tmp, 'reg_');
+                    if ($path) {
+                        $regPaths[] = $path;
+                    }
+                }
+
+                $truckPic = null;
+                $truckTmp = $_FILES['truck_picture']['tmp_name'] ?? '';
+                if (is_uploaded_file($truckTmp)) {
+                    $truckPic = $saveImage($truckTmp, 'truck_');
+                }
+
+                if (count($idCardPaths) < 2 || count($regPaths) < 2 || !$truckPic) {
+                    $errors[] = 'Please upload all required truck-owner images (ID front/back, registration front/back, truck photo).';
+                } else {
+                    $profileStmt = db()->prepare(
+                        "INSERT INTO truck_owner_profiles (user_id, truck_type, load_capacity, plate_no, id_card_path, truck_pic_path, registration_path)
+                         VALUES (?, ?, ?, ?, ?, ?, ?)"
+                    );
+                    $profileStmt->execute([
+                        $userId,
+                        $truckType,
+                        $loadCapacity,
+                        $plateNo,
+                        json_encode($idCardPaths, JSON_UNESCAPED_SLASHES),
+                        $truckPic,
+                        json_encode($regPaths, JSON_UNESCAPED_SLASHES),
+                    ]);
+                }
+            }
+        }
+
+        if (!$errors) {
+            $saved = true;
+        }
+    }
+}
+
+render_header('Register Account');
+?>
+
+<div class="page-intro">
+    <h1 class="section-title mb-1">Create account</h1>
+    <p class="muted mb-0">Register as a shipper or truck owner using a clean onboarding form.</p>
+</div>
+
+<div class="panel p-4">
+    <?php if ($saved): ?>
+        <div class="alert alert-success">Registration completed successfully.</div>
+    <?php endif; ?>
+    <?php if ($errors): ?>
+        <div class="alert alert-warning"><?= e(implode(' ', $errors)) ?></div>
+    <?php endif; ?>
+
+    <form method="post" enctype="multipart/form-data" id="regForm" novalidate>
+        <div class="row g-3">
+            <div class="col-md-4">
+                <label class="form-label" for="role">Role</label>
+                <select name="role" id="role" class="form-select" onchange="toggleFields()" required>
+                    <option value="shipper">Shipper</option>
+                    <option value="truck_owner">Truck Owner</option>
+                </select>
+            </div>
+            <div class="col-md-4">
+                <label class="form-label" for="email">Email</label>
+                <input type="email" name="email" id="email" class="form-control" required>
+            </div>
+            <div class="col-md-4">
+                <label class="form-label" for="password">Password</label>
+                <input type="password" name="password" id="password" class="form-control" minlength="6" required>
+            </div>
+        </div>
+
+        <div id="truckFields" class="mt-4" style="display:none;">
+            <h2 class="h5 mb-3">Truck owner details</h2>
+            <div class="row g-3">
+                <div class="col-md-4">
+                    <label class="form-label" for="truck_type">Truck type</label>
+                    <input type="text" name="truck_type" id="truck_type" class="form-control">
+                </div>
+                <div class="col-md-4">
+                    <label class="form-label" for="load_capacity">Load capacity (tons)</label>
+                    <input type="number" name="load_capacity" id="load_capacity" class="form-control" step="0.01" min="0.1">
+                </div>
+                <div class="col-md-4">
+                    <label class="form-label" for="plate_no">Plate number</label>
+                    <input type="text" name="plate_no" id="plate_no" class="form-control">
+                </div>
+                <div class="col-md-4">
+                    <label class="form-label" for="id_card">ID card (front & back)</label>
+                    <input type="file" name="id_card[]" id="id_card" class="form-control" accept="image/png,image/jpeg,image/webp" multiple>
+                </div>
+                <div class="col-md-4">
+                    <label class="form-label" for="truck_picture">Clear truck photo</label>
+                    <input type="file" name="truck_picture" id="truck_picture" class="form-control" accept="image/png,image/jpeg,image/webp">
+                </div>
+                <div class="col-md-4">
+                    <label class="form-label" for="registration">Truck registration (front & back)</label>
+                    <input type="file" name="registration[]" id="registration" class="form-control" accept="image/png,image/jpeg,image/webp" multiple>
+                </div>
+            </div>
+        </div>
+
+        <div class="mt-4 d-flex gap-2">
+            <button type="submit" class="btn btn-primary">Create account</button>
+            <a class="btn btn-outline-dark" href="<?= e(url_with_lang('admin_dashboard.php')) ?>">Back to admin</a>
+        </div>
+    </form>
+</div>
+
+<script>
+function toggleFields() {
+    const role = document.getElementById('role').value;
+    const truckFields = document.getElementById('truckFields');
+    const isOwner = role === 'truck_owner';
+    truckFields.style.display = isOwner ? 'block' : 'none';
+    truckFields.querySelectorAll('input').forEach((input) => {
+        input.required = isOwner;
+    });
+}
+toggleFields();
+</script>
+
+<?php render_footer(); ?>
diff --git a/shipment_detail.php b/shipment_detail.php
new file mode 100644
index 0000000..46dd63a
--- /dev/null
+++ b/shipment_detail.php
@@ -0,0 +1,134 @@
+<?php
+declare(strict_types=1);
+
+require_once __DIR__ . '/includes/layout.php';
+
+ensure_schema();
+
+$shipmentId = (int) ($_GET['id'] ?? 0);
+$shipment = null;
+
+if ($shipmentId > 0) {
+    $stmt = db()->prepare("SELECT * FROM shipments WHERE id = :id");
+    $stmt->execute([':id' => $shipmentId]);
+    $shipment = $stmt->fetch();
+}
+
+$errors = [];
+if ($_SERVER['REQUEST_METHOD'] === 'POST' && ($_POST['action'] ?? '') === 'submit_offer') {
+    $offerOwner = trim($_POST['offer_owner'] ?? '');
+    $offerPrice = trim($_POST['offer_price'] ?? '');
+    if ($offerOwner === '' || $offerPrice === '') {
+        $errors[] = t('error_required');
+    } elseif (!is_numeric($offerPrice)) {
+        $errors[] = t('error_invalid');
+    } else {
+        $stmt = db()->prepare(
+            "UPDATE shipments SET offer_owner = :offer_owner, offer_price = :offer_price, status = 'offered'
+             WHERE id = :id"
+        );
+        $stmt->execute([
+            ':offer_owner' => $offerOwner,
+            ':offer_price' => $offerPrice,
+            ':id' => $shipmentId,
+        ]);
+        set_flash('success', t('success_offer'));
+        header('Location: ' . url_with_lang('shipment_detail.php', ['id' => $shipmentId]));
+        exit;
+    }
+}
+
+$flash = get_flash();
+
+render_header(t('shipment_detail'));
+?>
+
+<?php if (!$shipment): ?>
+    <div class="panel p-4">
+        <p class="muted mb-0"><?= e(t('no_shipments')) ?></p>
+    </div>
+<?php else: ?>
+    <div class="row g-4">
+        <div class="col-lg-7">
+            <div class="panel p-4">
+                <div class="d-flex justify-content-between align-items-start mb-3">
+                    <div>
+                        <h2 class="section-title mb-1"><?= e(t('shipment_detail')) ?> #<?= e($shipment['id']) ?></h2>
+                        <p class="muted mb-0"><?= e(t('created_at')) ?>: <?= e($shipment['created_at']) ?></p>
+                    </div>
+                    <span class="badge-status <?= e($shipment['status']) ?>"><?= e(status_label($shipment['status'])) ?></span>
+                </div>
+                <div class="row g-3">
+                    <div class="col-md-6">
+                        <div class="small text-muted"><?= e(t('shipper_company')) ?></div>
+                        <div class="fw-semibold"><?= e($shipment['shipper_company']) ?></div>
+                    </div>
+                    <div class="col-md-6">
+                        <div class="small text-muted"><?= e(t('shipper_name')) ?></div>
+                        <div class="fw-semibold"><?= e($shipment['shipper_name']) ?></div>
+                    </div>
+                    <div class="col-md-6">
+                        <div class="small text-muted"><?= e(t('origin')) ?></div>
+                        <div class="fw-semibold"><?= e($shipment['origin_city']) ?></div>
+                    </div>
+                    <div class="col-md-6">
+                        <div class="small text-muted"><?= e(t('destination')) ?></div>
+                        <div class="fw-semibold"><?= e($shipment['destination_city']) ?></div>
+                    </div>
+                    <div class="col-md-6">
+                        <div class="small text-muted"><?= e(t('cargo')) ?></div>
+                        <div class="fw-semibold"><?= e($shipment['cargo_description']) ?></div>
+                    </div>
+                    <div class="col-md-6">
+                        <div class="small text-muted"><?= e(t('weight')) ?></div>
+                        <div class="fw-semibold"><?= e($shipment['weight_tons']) ?></div>
+                    </div>
+                    <div class="col-md-6">
+                        <div class="small text-muted"><?= e(t('pickup_date')) ?></div>
+                        <div class="fw-semibold"><?= e($shipment['pickup_date']) ?></div>
+                    </div>
+                    <div class="col-md-6">
+                        <div class="small text-muted"><?= e(t('delivery_date')) ?></div>
+                        <div class="fw-semibold"><?= e($shipment['delivery_date']) ?></div>
+                    </div>
+                    <div class="col-md-6">
+                        <div class="small text-muted"><?= e(t('payment_method')) ?></div>
+                        <div class="fw-semibold"><?= e($shipment['payment_method'] === 'bank_transfer' ? t('payment_bank') : t('payment_thawani')) ?></div>
+                    </div>
+                    <div class="col-md-6">
+                        <div class="small text-muted"><?= e(t('best_offer')) ?></div>
+                        <div class="fw-semibold"><?= $shipment['offer_price'] ? e($shipment['offer_price'] . ' / ' . ($shipment['offer_owner'] ?? '')) : e(t('no_offers')) ?></div>
+                    </div>
+                </div>
+                <div class="mt-4">
+                    <a class="btn btn-outline-dark" href="<?= e(url_with_lang('truck_owner_dashboard.php')) ?>"><?= e(t('nav_owner')) ?></a>
+                </div>
+            </div>
+        </div>
+        <div class="col-lg-5">
+            <div class="panel p-4">
+                <h3 class="section-title"><?= e(t('submit_offer')) ?></h3>
+                <?php if ($flash): ?>
+                    <div class="alert alert-success" data-auto-dismiss="true"><?= e($flash['message']) ?></div>
+                <?php endif; ?>
+                <?php if ($errors): ?>
+                    <div class="alert alert-warning"><?= e(implode(' ', $errors)) ?></div>
+                <?php endif; ?>
+                <form method="post">
+                    <input type="hidden" name="action" value="submit_offer">
+                    <div class="mb-3">
+                        <label class="form-label"><?= e(t('offer_owner')) ?></label>
+                        <input class="form-control" name="offer_owner" required>
+                    </div>
+                    <div class="mb-3">
+                        <label class="form-label"><?= e(t('offer_price')) ?></label>
+                        <input class="form-control" name="offer_price" type="number" step="0.01" min="0.1" required>
+                    </div>
+                    <button class="btn btn-primary w-100" type="submit"><?= e(t('submit_offer')) ?></button>
+                </form>
+            </div>
+        </div>
+    </div>
+<?php endif; ?>
+
+<?php render_footer(); ?>
diff --git a/shipper_dashboard.php b/shipper_dashboard.php
new file mode 100644
index 0000000..34fe5de
--- /dev/null
+++ b/shipper_dashboard.php
@@ -0,0 +1,164 @@
+<?php
+declare(strict_types=1);
+
+require_once __DIR__ . '/includes/layout.php';
+
+ensure_schema();
+
+$errors = [];
+
+if ($_SERVER['REQUEST_METHOD'] === 'POST' && ($_POST['action'] ?? '') === 'create_shipment') {
+    $shipperName = trim($_POST['shipper_name'] ?? '');
+    $shipperCompany = trim($_POST['shipper_company'] ?? '');
+    $origin = trim($_POST['origin_city'] ?? '');
+    $destination = trim($_POST['destination_city'] ?? '');
+    $cargo = trim($_POST['cargo_description'] ?? '');
+    $weight = trim($_POST['weight_tons'] ?? '');
+    $pickupDate = trim($_POST['pickup_date'] ?? '');
+    $deliveryDate = trim($_POST['delivery_date'] ?? '');
+    $payment = $_POST['payment_method'] ?? 'thawani';
+
+    if ($shipperName === '' || $shipperCompany === '' || $origin === '' || $destination === '' || $cargo === '' || $weight === '' || $pickupDate === '' || $deliveryDate === '') {
+        $errors[] = t('error_required');
+    } elseif (!is_numeric($weight)) {
+        $errors[] = t('error_invalid');
+    }
+
+    if (!$errors) {
+        $stmt = db()->prepare(
+            "INSERT INTO shipments (shipper_name, shipper_company, origin_city, destination_city, cargo_description, weight_tons, pickup_date, delivery_date, payment_method)
+             VALUES (:shipper_name, :shipper_company, :origin_city, :destination_city, :cargo_description, :weight_tons, :pickup_date, :delivery_date, :payment_method)"
+        );
+        $stmt->execute([
+            ':shipper_name' => $shipperName,
+            ':shipper_company' => $shipperCompany,
+            ':origin_city' => $origin,
+            ':destination_city' => $destination,
+            ':cargo_description' => $cargo,
+            ':weight_tons' => $weight,
+            ':pickup_date' => $pickupDate,
+            ':delivery_date' => $deliveryDate,
+            ':payment_method' => $payment,
+        ]);
+        $_SESSION['shipper_name'] = $shipperName;
+        set_flash('success', t('success_shipment'));
+        header('Location: ' . url_with_lang('shipper_dashboard.php'));
+        exit;
+    }
+}
+
+$shipments = [];
+try {
+    $stmt = db()->query("SELECT * FROM shipments ORDER BY created_at DESC LIMIT 20");
+    $shipments = $stmt->fetchAll();
+} catch (Throwable $e) {
+    $shipments = [];
+}
+
+render_header(t('shipper_dashboard'), 'shipper');
+
+$flash = get_flash();
+?>
+
+<div class="row g-4">
+    <div class="col-lg-5">
+        <div class="panel p-3">
+            <h2 class="section-title"><?= e(t('new_shipment')) ?></h2>
+            <?php if ($flash): ?>
+                <div class="alert alert-success" data-auto-dismiss="true"><?= e($flash['message']) ?></div>
+            <?php endif; ?>
+            <?php if ($errors): ?>
+                <div class="alert alert-warning"><?= e(implode(' ', $errors)) ?></div>
+            <?php endif; ?>
+            <form method="post">
+                <input type="hidden" name="action" value="create_shipment">
+                <div class="mb-3">
+                    <label class="form-label"><?= e(t('shipper_name')) ?></label>
+                    <input class="form-control" name="shipper_name" value="<?= e($_SESSION['shipper_name'] ?? '') ?>" required>
+                </div>
+                <div class="mb-3">
+                    <label class="form-label"><?= e(t('shipper_company')) ?></label>
+                    <input class="form-control" name="shipper_company" required>
+                </div>
+                <div class="mb-3">
+                    <label class="form-label"><?= e(t('origin')) ?></label>
+                    <input class="form-control" name="origin_city" required>
+                </div>
+                <div class="mb-3">
+                    <label class="form-label"><?= e(t('destination')) ?></label>
+                    <input class="form-control" name="destination_city" required>
+                </div>
+                <div class="mb-3">
+                    <label class="form-label"><?= e(t('cargo')) ?></label>
+                    <input class="form-control" name="cargo_description" required>
+                </div>
+                <div class="row g-3">
+                    <div class="col-md-6">
+                        <label class="form-label"><?= e(t('weight')) ?></label>
+                        <input class="form-control" name="weight_tons" type="number" step="0.01" min="0.1" required>
+                    </div>
+                    <div class="col-md-6">
+                        <label class="form-label"><?= e(t('payment_method')) ?></label>
+                        <select class="form-select" name="payment_method">
+                            <option value="thawani"><?= e(t('payment_thawani')) ?></option>
+                            <option value="bank_transfer"><?= e(t('payment_bank')) ?></option>
+                        </select>
+                    </div>
+                </div>
+                <div class="row g-3 mt-1">
+                    <div class="col-md-6">
+                        <label class="form-label"><?= e(t('pickup_date')) ?></label>
+                        <input class="form-control" name="pickup_date" type="date" required>
+                    </div>
+                    <div class="col-md-6">
+                        <label class="form-label"><?= e(t('delivery_date')) ?></label>
+                        <input class="form-control" name="delivery_date" type="date" required>
+                    </div>
+                </div>
+                <button class="btn btn-primary w-100 mt-4" type="submit"><?= e(t('submit_shipment')) ?></button>
+            </form>
+        </div>
+    </div>
+    <div class="col-lg-7">
+        <div class="panel p-3">
+            <div class="d-flex justify-content-between align-items-center mb-2">
+                <h2 class="section-title mb-0"><?= e(t('shipments_list')) ?></h2>
+                <span class="small text-muted"><?= e(count($shipments)) ?> total</span>
+            </div>
+            <?php if (!$shipments): ?>
+                <p class="muted mb-0"><?= e(t('no_shipments')) ?></p>
+            <?php else: ?>
+                <div class="table-responsive">
+                    <table class="table align-middle mb-0">
+                        <thead>
+                            <tr>
+                                <th><?= e(t('origin')) ?></th>
+                                <th><?= e(t('destination')) ?></th>
+                                <th><?= e(t('status')) ?></th>
+                                <th><?= e(t('offer')) ?></th>
+                                <th><?= e(t('actions')) ?></th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <?php foreach ($shipments as $row): ?>
+                                <tr>
+                                    <td><?= e($row['origin_city']) ?></td>
+                                    <td><?= e($row['destination_city']) ?></td>
+                                    <td><span class="badge-status <?= e($row['status']) ?>"><?= e(status_label($row['status'])) ?></span></td>
+                                    <td><?= $row['offer_price'] ? e($row['offer_price'] . ' / ' . ($row['offer_owner'] ?? '')) : e(t('no_offers')) ?></td>
+                                    <td>
+                                        <a class="btn btn-sm btn-outline-dark" href="<?= e(url_with_lang('shipment_detail.php', ['id' => $row['id']])) ?>">
+                                            <?= e(t('view')) ?>
+                                        </a>
+                                    </td>
+                                </tr>
+                            <?php endforeach; ?>
+                        </tbody>
+                    </table>
+                </div>
+            <?php endif; ?>
+        </div>
+    </div>
+</div>
+
+<?php render_footer(); ?>
diff --git a/truck_owner_dashboard.php b/truck_owner_dashboard.php
new file mode 100644
index 0000000..960c175
--- /dev/null
+++ b/truck_owner_dashboard.php
@@ -0,0 +1,110 @@
+<?php
+declare(strict_types=1);
+
+require_once __DIR__ . '/includes/layout.php';
+
+ensure_schema();
+
+$errors = [];
+
+if ($_SERVER['REQUEST_METHOD'] === 'POST' && ($_POST['action'] ?? '') === 'submit_offer') {
+    $shipmentId = (int) ($_POST['shipment_id'] ?? 0);
+    $offerOwner = trim($_POST['offer_owner'] ?? '');
+    $offerPrice = trim($_POST['offer_price'] ?? '');
+
+    if ($shipmentId <= 0 || $offerOwner === '' || $offerPrice === '') {
+        $errors[] = t('error_required');
+    } elseif (!is_numeric($offerPrice)) {
+        $errors[] = t('error_invalid');
+    }
+
+    if (!$errors) {
+        $stmt = db()->prepare(
+            "UPDATE shipments SET offer_owner = :offer_owner, offer_price = :offer_price, status = 'offered'
+             WHERE id = :id AND status IN ('posted','offered')"
+        );
+        $stmt->execute([
+            ':offer_owner' => $offerOwner,
+            ':offer_price' => $offerPrice,
+            ':id' => $shipmentId,
+        ]);
+        if ($stmt->rowCount() > 0) {
+            set_flash('success', t('success_offer'));
+            header('Location: ' . url_with_lang('truck_owner_dashboard.php'));
+            exit;
+        } else {
+            $errors[] = t('error_invalid');
+        }
+    }
+}
+
+$shipments = [];
+try {
+    $stmt = db()->query("SELECT * FROM shipments WHERE status IN ('posted','offered') ORDER BY created_at DESC LIMIT 20");
+    $shipments = $stmt->fetchAll();
+} catch (Throwable $e) {
+    $shipments = [];
+}
+
+render_header(t('owner_dashboard'), 'owner');
+
+$flash = get_flash();
+?>
+
+<div class="panel p-3">
+    <div class="d-flex justify-content-between align-items-center mb-2">
+        <h2 class="section-title mb-0"><?= e(t('available_shipments')) ?></h2>
+        <span class="small text-muted"><?= e(count($shipments)) ?> total</span>
+    </div>
+    <?php if ($flash): ?>
+        <div class="alert alert-success" data-auto-dismiss="true"><?= e($flash['message']) ?></div>
+    <?php endif; ?>
+    <?php if ($errors): ?>
+        <div class="alert alert-warning"><?= e(implode(' ', $errors)) ?></div>
+    <?php endif; ?>
+    <?php if (!$shipments): ?>
+        <p class="muted mb-0"><?= e(t('no_shipments')) ?></p>
+    <?php else: ?>
+        <div class="table-responsive">
+            <table class="table align-middle mb-0">
+                <thead>
+                    <tr>
+                        <th><?= e(t('shipper_company')) ?></th>
+                        <th><?= e(t('origin')) ?></th>
+                        <th><?= e(t('destination')) ?></th>
+                        <th><?= e(t('weight')) ?></th>
+                        <th><?= e(t('offer')) ?></th>
+                        <th><?= e(t('actions')) ?></th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <?php foreach ($shipments as $row): ?>
+                        <tr>
+                            <td><?= e($row['shipper_company']) ?></td>
+                            <td><?= e($row['origin_city']) ?></td>
+                            <td><?= e($row['destination_city']) ?></td>
+                            <td><?= e($row['weight_tons']) ?></td>
+                            <td><?= $row['offer_price'] ? e($row['offer_price'] . ' / ' . ($row['offer_owner'] ?? '')) : e(t('no_offers')) ?></td>
+                            <td>
+                                <form class="d-flex flex-column gap-2" method="post">
+                                    <input type="hidden" name="action" value="submit_offer">
+                                    <input type="hidden" name="shipment_id" value="<?= e($row['id']) ?>">
+                                    <input class="form-control form-control-sm" name="offer_owner" placeholder="<?= e(t('offer_owner')) ?>" required>
+                                    <input class="form-control form-control-sm" name="offer_price" type="number" step="0.01" min="0.1" placeholder="<?= e(t('offer_price')) ?>" required>
+                                    <div class="d-flex gap-2">
+                                        <button class="btn btn-sm btn-primary" type="submit"><?= e(t('submit_offer')) ?></button>
+                                        <a class="btn btn-sm btn-outline-dark" href="<?= e(url_with_lang('shipment_detail.php', ['id' => $row['id']])) ?>">
+                                            <?= e(t('view')) ?>
+                                        </a>
+                                    </div>
+                                </form>
+                            </td>
+                        </tr>
+                    <?php endforeach; ?>
+                </tbody>
+            </table>
+        </div>
+    <?php endif; ?>
+</div>
+
+<?php render_footer(); ?>