add archive featcher to role , brtanch , car_mainte also update client and clien_addres create car mainte fails and update car fails delete car_maint from saidbar and but it in car model also update car image display

src/hooks/UseCarsMaintanance.ts

@@ -1,6 +1,6 @@
 "use client";
 
-import { useCallback, useEffect, useState } from "react";
+import { useCallback, useEffect, useMemo, useState } from "react";
 import { getStoredToken } from "@/src/lib/auth";
 import { carMaintenanceService } from "@/src/services/carMaintanance.service";
 import type {
@@ -11,10 +11,24 @@ import type {
 } from "../types/carMaintanance";
 
 // ── useCarMaintenanceList ─────────────────────────────────────────────────────
-// Loads every maintenance record for one car — used in the detail panel.
+// Loads every maintenance record for one car — used in the detail panel/page
+// and (with includeDeleted: true) to look up a single record by id without
+// hitting the per-record backend endpoint.
+//
+// Always sorted newest-first by createdAt, per spec (defensive: sorts
+// client-side even if the API already returns it in this order).
+//
+// By default only non-deleted (isDeleted !== true) records are returned —
+// pass { includeDeleted: true } to get everything, e.g. so a detail view can
+// still resolve an archived record's data.
 
-export function useCarMaintenanceList(carId: string | null) {
-  const [records, setRecords] = useState<CarMaintenance[]>([]);
+export function useCarMaintenanceList(
+  carId: string | null,
+  options?: { includeDeleted?: boolean },
+) {
+  const includeDeleted = options?.includeDeleted ?? false;
+
+  const [allRecords, setAllRecords] = useState<CarMaintenance[]>([]);
   const [loading, setLoading] = useState(true);
   const [error,   setError]   = useState<string | null>(null);
 
@@ -26,8 +40,9 @@ export function useCarMaintenanceList(carId: string | null) {
     carMaintenanceService
       .getAll(carId, token)
       .then((res) => {
-        const payload = (res as unknown as { data: { data: CarMaintenance[] } }).data ?? res;
-        setRecords((payload as { data: CarMaintenance[] }).data ?? []);
+        const list = (res as unknown as { data: CarMaintenance[] }).data ?? [];
+        list.sort((a, b) => new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime());
+        setAllRecords(list);
       })
       .catch((err: Error) => setError(err.message))
       .finally(() => setLoading(false));
@@ -35,9 +50,14 @@ export function useCarMaintenanceList(carId: string | null) {
 
   useEffect(() => { queueMicrotask(loadRecords); }, [loadRecords]);
 
+  const records = useMemo(
+    () => (includeDeleted ? allRecords : allRecords.filter((r) => !r.isDeleted)),
+    [allRecords, includeDeleted],
+  );
+
   // Remove a record from the list right away, instead of waiting on a refetch.
   const removeRecord = useCallback((id: string) => {
-    setRecords((prev) => prev.filter((r) => r.id !== id));
+    setAllRecords((prev) => prev.filter((r) => r.id !== id));
   }, []);
 
   return { records, loading, error, loadRecords, removeRecord, setError };
@@ -45,6 +65,10 @@ export function useCarMaintenanceList(carId: string | null) {
 
 // ── useCarMaintenanceDetail ───────────────────────────────────────────────────
 // Fetches a single maintenance record by id.
+// NOTE: relies on GET /cars/:carId/maintenance/:maintenanceId, which isn't
+// wired up on the backend yet (404s). Prefer useCarMaintenanceList with
+// includeDeleted: true + Array.find(id) until that route exists — see the
+// maintenance detail page for the pattern.
 
 export function useCarMaintenanceDetail(carId: string | null, maintenanceId: string | null) {
   const [record,  setRecord]  = useState<CarMaintenance | null>(null);
@@ -68,6 +92,59 @@ export function useCarMaintenanceDetail(carId: string | null, maintenanceId: str
   return { record, loading, error };
 }
 
+// ── useCarArchivedMaintenance ─────────────────────────────────────────────────
+// GET /cars/:carId/maintenance/archived — soft-deleted records for one car.
+// Not auto-loaded; call `load()` when the person opens an "archive" tab/view.
+
+export function useCarArchivedMaintenance(carId: string | null) {
+  const [records, setRecords] = useState<CarMaintenance[]>([]);
+  const [loading, setLoading] = useState(false);
+  const [error,   setError]   = useState<string | null>(null);
+
+  const load = useCallback(() => {
+    if (!carId) return;
+    const token = getStoredToken();
+    setLoading(true);
+    setError(null);
+    carMaintenanceService
+      .getArchived(carId, token)
+      .then((res) => {
+        const list = (res as unknown as { data: CarMaintenance[] }).data ?? [];
+        setRecords(list);
+      })
+      .catch((err: Error) => setError(err.message))
+      .finally(() => setLoading(false));
+  }, [carId]);
+
+  return { records, loading, error, load };
+}
+
+// ── useGlobalArchivedMaintenance ──────────────────────────────────────────────
+// GET /maintenance/archived — every soft-deleted record, any car (admin view).
+// Not auto-loaded; call `load()` when the admin page mounts / tab opens.
+
+export function useGlobalArchivedMaintenance() {
+  const [records, setRecords] = useState<CarMaintenance[]>([]);
+  const [loading, setLoading] = useState(false);
+  const [error,   setError]   = useState<string | null>(null);
+
+  const load = useCallback(() => {
+    const token = getStoredToken();
+    setLoading(true);
+    setError(null);
+    carMaintenanceService
+      .getAllArchivedGlobal(token)
+      .then((res) => {
+        const list = (res as unknown as { data: CarMaintenance[] }).data ?? [];
+        setRecords(list);
+      })
+      .catch((err: Error) => setError(err.message))
+      .finally(() => setLoading(false));
+  }, []);
+
+  return { records, loading, error, load };
+}
+
 // ── useCarMaintenanceMutations ────────────────────────────────────────────────
 // Create, update, and soft-delete operations for maintenance records.
 
@@ -98,8 +175,10 @@ export function useCarMaintenanceMutations({
       setSaving(true);
       try {
         if (isNew) {
+          // POST /cars/:carId/maintenance — creates the record AND flips
+          // the car's status to "InMaintenance" on the backend.
           await carMaintenanceService.create(carId, payload as CreateMaintenancePayload, token);
-          onSuccess("تم إضافة سجل الصيانة بنجاح.");
+          onSuccess("تم إضافة سجل الصيانة بنجاح، وتم تحديث حالة المركبة إلى صيانة.");
         } else {
           const editTarget = getEditTarget();
           if (!editTarget) return false;
@@ -113,7 +192,6 @@ export function useCarMaintenanceMutations({
         }
         return true;
       } catch (err: unknown) {
-        // Show the backend's own message when it has one, otherwise a generic fallback.
         onError(err instanceof Error ? err.message : "فشلت العملية.");
         return false;
       } finally {
@@ -128,9 +206,12 @@ export function useCarMaintenanceMutations({
       setDeleting(true);
       const token = getStoredToken();
       try {
+        // DELETE /cars/:carId/maintenance/:maintenanceId — soft-deletes the
+        // record; backend reverts car status to "Active" and logs the
+        // transition in CarStatusHistory.
         await carMaintenanceService.delete(carId, target.id, token);
         onDeleted(target.id);
-        onSuccess("تم حذف سجل الصيانة بنجاح.");
+        onSuccess("تم حذف سجل الصيانة، وتم إرجاع حالة المركبة إلى نشط.");
       } catch (err: unknown) {
         onError(err instanceof Error ? err.message : "فشل الحذف.");
       } finally {