diff --git a/src/app/connexion/page.tsx b/src/app/connexion/page.tsx
index e66082e..5ac18e4 100644
--- a/src/app/connexion/page.tsx
+++ b/src/app/connexion/page.tsx
@@ -53,6 +53,11 @@ export default async function SignInPage({ searchParams }: Props) {
>
Se connecter
+
+
+ Mot de passe oublié ?
+
+
Pas encore de compte ?{" "}
void;
+};
+
+const SWIPE_THRESHOLD_RATIO = 0.18; // % de la largeur pour valider le swipe
+const VELOCITY_THRESHOLD = 0.4; // px/ms — un flick rapide même court valide
+
+export function ReelSlide({ carbet, isActive, shouldPreload, isFavorite, onToggleFavorite }: Props) {
+ const [mediaIndex, setMediaIndex] = useState(0);
+ const [muted, setMuted] = useState(true);
+ const [dragX, setDragX] = useState(0);
+ const [transitioning, setTransitioning] = useState(false);
+ const [containerWidth, setContainerWidth] = useState(0);
+ const containerRef = useRef(null);
+ const videoRefs = useRef>(new Map());
+ const drag = useRef<{
+ startX: number;
+ startY: number;
+ startTime: number;
+ locked: "horizontal" | "vertical" | null;
+ } | null>(null);
+
+ const total = carbet.media.length;
+ const current = carbet.media[mediaIndex];
+
+ const goTo = useCallback(
+ (next: number, animated = true) => {
+ const clamped = ((next % total) + total) % total;
+ setTransitioning(animated);
+ setMediaIndex(clamped);
+ setDragX(0);
+ },
+ [total],
+ );
+
+ const nextMedia = useCallback(() => goTo(mediaIndex + 1), [goTo, mediaIndex]);
+ const prevMedia = useCallback(() => goTo(mediaIndex - 1), [goTo, mediaIndex]);
+
+ // Suit la largeur du container pour les calculs de seuils / progress
+ useEffect(() => {
+ const el = containerRef.current;
+ if (!el) return;
+ const update = () => setContainerWidth(el.offsetWidth || window.innerWidth);
+ update();
+ const ro = new ResizeObserver(update);
+ ro.observe(el);
+ window.addEventListener("resize", update);
+ return () => {
+ ro.disconnect();
+ window.removeEventListener("resize", update);
+ };
+ }, []);
+
+ // Auto-play/pause vidéos selon média actif
+ useEffect(() => {
+ videoRefs.current.forEach((video, idx) => {
+ if (idx === mediaIndex && isActive && carbet.media[idx]?.type === "VIDEO") {
+ video.play().catch(() => {});
+ } else {
+ video.pause();
+ }
+ });
+ }, [isActive, mediaIndex, carbet.media]);
+
+ // Reset au changement de slide carbet (différé pour éviter cascading renders)
+ useEffect(() => {
+ if (isActive) return;
+ queueMicrotask(() => goTo(0, false));
+ }, [isActive, goTo]);
+
+ // Navigation clavier ← →
+ useEffect(() => {
+ if (!isActive) return;
+ function onKey(e: KeyboardEvent) {
+ const tag = (e.target as HTMLElement | null)?.tagName?.toLowerCase();
+ if (tag === "input" || tag === "textarea") return;
+ if (e.key === "ArrowRight" || e.key === "l") {
+ e.preventDefault();
+ nextMedia();
+ } else if (e.key === "ArrowLeft" || e.key === "h") {
+ e.preventDefault();
+ prevMedia();
+ }
+ }
+ window.addEventListener("keydown", onKey);
+ return () => window.removeEventListener("keydown", onKey);
+ }, [isActive, nextMedia, prevMedia]);
+
+ function onTouchStart(e: React.TouchEvent) {
+ const t = e.touches[0];
+ drag.current = {
+ startX: t.clientX,
+ startY: t.clientY,
+ startTime: Date.now(),
+ locked: null,
+ };
+ setTransitioning(false);
+ }
+
+ function onTouchMove(e: React.TouchEvent) {
+ if (!drag.current) return;
+ const t = e.touches[0];
+ const dx = t.clientX - drag.current.startX;
+ const dy = t.clientY - drag.current.startY;
+
+ // Première détection : verrouille l'axe (horizontal ou vertical)
+ if (drag.current.locked === null) {
+ if (Math.abs(dx) < 6 && Math.abs(dy) < 6) return; // trop petit, attend
+ drag.current.locked = Math.abs(dx) > Math.abs(dy) ? "horizontal" : "vertical";
+ }
+
+ if (drag.current.locked !== "horizontal") return;
+ // Empêche le scroll vertical pendant un swipe horizontal
+ e.stopPropagation();
+ if (e.cancelable) e.preventDefault();
+
+ // Résistance aux bords : si on swipe gauche sur le 1er ou droite sur le dernier,
+ // on glisse moins (effet rubber-band)
+ let effective = dx;
+ if (total <= 1) {
+ effective = dx * 0.2;
+ } else if (mediaIndex === 0 && dx > 0) {
+ effective = dx * 0.35;
+ } else if (mediaIndex === total - 1 && dx < 0) {
+ effective = dx * 0.35;
+ }
+ setDragX(effective);
+ }
+
+ function onTouchEnd() {
+ if (!drag.current) return;
+ const wasHorizontal = drag.current.locked === "horizontal";
+ const elapsed = Date.now() - drag.current.startTime;
+ const width = containerWidth || window.innerWidth;
+ const velocity = Math.abs(dragX) / Math.max(1, elapsed); // px/ms
+ drag.current = null;
+
+ if (!wasHorizontal) {
+ setDragX(0);
+ return;
+ }
+
+ const distance = Math.abs(dragX);
+ const isFlick = velocity > VELOCITY_THRESHOLD && distance > 20;
+ const isSlow = distance > width * SWIPE_THRESHOLD_RATIO;
+ const shouldChange = (isFlick || isSlow) && total > 1;
+
+ if (shouldChange) {
+ if (dragX < 0 && mediaIndex < total - 1) {
+ goTo(mediaIndex + 1);
+ } else if (dragX > 0 && mediaIndex > 0) {
+ goTo(mediaIndex - 1);
+ } else {
+ // Bord : retour à 0
+ setTransitioning(true);
+ setDragX(0);
+ }
+ } else {
+ setTransitioning(true);
+ setDragX(0);
+ }
+ }
+
+ // Préchargement intelligent : current, current ± 1
+ const preloadIndexes = useMemo(() => {
+ const s = new Set();
+ s.add(mediaIndex);
+ if (mediaIndex > 0) s.add(mediaIndex - 1);
+ if (mediaIndex < total - 1) s.add(mediaIndex + 1);
+ return s;
+ }, [mediaIndex, total]);
+
+ const share = useCallback(async () => {
+ const url = `${window.location.origin}/carbets/${carbet.slug}`;
+ const title = carbet.title;
+ if (navigator.share) {
+ navigator.share({ title, url }).catch(() => {});
+ } else {
+ navigator.clipboard?.writeText(url).catch(() => {});
+ }
+ }, [carbet.slug, carbet.title]);
+
+ if (!current) return null;
+
+ const offsetPct = -mediaIndex * 100;
+
+ return (
+
+ {/* Track : tous les médias en ligne, transformX selon index + drag */}
+
setTransitioning(false)}
+ >
+ {carbet.media.map((m, idx) => {
+ const visible = preloadIndexes.has(idx) || shouldPreload;
+ return (
+
+ {m.type === "VIDEO" ? (
+
+ );
+ })}
+
+
+ {/* Voile dégradé en bas pour lisibilité */}
+
+
+ {/* Indicateurs progression médias (sticks en haut) */}
+ {total > 1 ? (
+
+ {carbet.media.map((_, i) => {
+ const isActiveStick = i === mediaIndex;
+ const wasSeen = i < mediaIndex;
+ // Progression visuelle pendant le drag (preview du swipe)
+ const progress = isActiveStick && Math.abs(dragX) > 0 && containerWidth > 0
+ ? Math.min(1, Math.abs(dragX) / containerWidth)
+ : 0;
+ return (
+
+ 0 ? { width: `${progress * 100}%` } : undefined}
+ />
+
+ );
+ })}
+
+ ) : null}
+
+ {/* Zones tap horizontales (50/50) sur desktop */}
+
+
+
+ {/* Sidebar boutons droite (mobile) */}
+
+
+
+
+
+ {current.type === "VIDEO" ? (
+
+ ) : null}
+
+
+ {/* Bloc info bas + CTAs */}
+
+
+
{carbet.title}
+ {carbet.averageRating !== null ? (
+
+ ★ {carbet.averageRating.toFixed(1)} ({carbet.reviewCount})
+
+ ) : null}
+
+
+ 📍 {carbet.river}
+ ·
+ 👥 jusqu'à {carbet.capacity}
+ ·
+ {Number(carbet.nightlyPrice).toFixed(0)} € / nuit
+
+
+
+ Voir la fiche
+
+
+ Réserver
+
+
+
+
+ {/* Bouton retour catalogue */}
+
+ ← Catalogue
+
+
+ {/* Compteur */}
+
+ {activeIndex + 1} / {carbets.length}
+
+
+ {/* Logo Karbé en surimpression haut centre */}
+
+ Karbé
+
+
+
+ {carbets.map((c, idx) => (
+
{
+ slideRefs.current[idx] = el;
+ }}
+ className="h-full snap-start snap-always"
+ style={{ scrollSnapAlign: "start" }}
+ >
+ toggleFavorite(c.id)}
+ />
+
+ ))}
+
+
Au fil de l'eau
+
+ Pas encore assez de carbets avec des photos pour démarrer le mode immersif.
+
+
+ Voir le catalogue
+
+
+ );
+ }
+
+ return (
+
+ );
+}
diff --git a/src/app/espace-ce/analytics/page.tsx b/src/app/espace-ce/analytics/page.tsx
new file mode 100644
index 0000000..c9fc2be
--- /dev/null
+++ b/src/app/espace-ce/analytics/page.tsx
@@ -0,0 +1,95 @@
+import Link from "next/link";
+import { redirect } from "next/navigation";
+
+import { MonthlyRevenueChart } from "@/components/analytics/MonthlyRevenueChart";
+import { getCarbetsOccupancy, getMonthlyRevenueSeries } from "@/lib/analytics";
+import { getCurrentCeOrganization } from "@/lib/ce-access";
+
+export const dynamic = "force-dynamic";
+export const metadata = { title: "Analytics CE — Karbé" };
+
+function fmtEur(n: number): string {
+ return n.toLocaleString("fr-FR", { style: "currency", currency: "EUR", maximumFractionDigits: 0 });
+}
+
+export default async function CeAnalyticsPage() {
+ const org = await getCurrentCeOrganization();
+ if (!org) redirect("/admin/organizations");
+
+ const [series, occupancy] = await Promise.all([
+ getMonthlyRevenueSeries({ organizationId: org.id, monthsBack: 12 }),
+ getCarbetsOccupancy({ organizationId: org.id, monthsBack: 3 }),
+ ]);
+
+ const total12m = series.reduce((s, p) => s + p.total, 0);
+ const totalCarbet12m = series.reduce((s, p) => s + p.carbetRevenue, 0);
+ const totalRental12m = series.reduce((s, p) => s + p.rentalRevenue, 0);
+
+ return (
+
+
+
+
+
+
+
+ Chiffre d'affaires mensuel
+
+
+
+
+
+
+ Taux d'occupation des carbets (3 derniers mois)
+
+ {occupancy.length === 0 ? (
+ Pas encore de carbet publié.
+ ) : (
+
+ )}
+
+
+ );
+}
+
+function KpiCard({ label, value }: { label: string; value: string }) {
+ return (
+
+ );
+}
diff --git a/src/app/espace-ce/carbets/[carbetId]/page.tsx b/src/app/espace-ce/carbets/[carbetId]/page.tsx
new file mode 100644
index 0000000..08c8c21
--- /dev/null
+++ b/src/app/espace-ce/carbets/[carbetId]/page.tsx
@@ -0,0 +1,126 @@
+import Link from "next/link";
+import { notFound, redirect } from "next/navigation";
+
+import { MediaUploader } from "@/components/MediaUploader";
+import { canManageCarbet, requireOwnerSession } from "@/lib/carbet-access";
+import { getCurrentCeOrganization } from "@/lib/ce-access";
+import { prisma } from "@/lib/prisma";
+
+import { updateCarbet } from "../../../espace-hote/carbets/actions";
+import { CarbetForm } from "../../../espace-hote/carbets/_components/carbet-form";
+
+export const dynamic = "force-dynamic";
+
+export default async function EditCeCarbetPage({
+ params,
+ searchParams,
+}: {
+ params: Promise<{ carbetId: string }>;
+ searchParams: Promise<{ [key: string]: string | string[] | undefined }>;
+}) {
+ const session = await requireOwnerSession();
+ const org = await getCurrentCeOrganization();
+ if (!org) redirect("/admin/organizations");
+ const { carbetId } = await params;
+ const { publishError } = await searchParams;
+
+ const carbet = await prisma.carbet.findUnique({
+ where: { id: carbetId },
+ select: {
+ id: true,
+ ownerId: true,
+ title: true,
+ description: true,
+ river: true,
+ latitude: true,
+ longitude: true,
+ embarkPoint: true,
+ pirogueDurationMin: true,
+ capacity: true,
+ roadAccess: true,
+ electricity: true,
+ gsmAtCarbet: true,
+ gsmExitDistanceKm: true,
+ status: true,
+ media: {
+ orderBy: { sortOrder: "asc" },
+ select: { id: true, type: true, s3Url: true, s3Key: true, sortOrder: true },
+ },
+ amenities: { select: { amenity: { select: { key: true } } } },
+ organizations: { select: { organizationId: true } },
+ },
+ });
+
+ if (
+ !carbet ||
+ !canManageCarbet(session, carbet.ownerId, carbet.organizations.map((o) => o.organizationId))
+ ) {
+ notFound();
+ }
+
+ // Sécurité supplémentaire : assure que le carbet est bien lié à l'org du user.
+ // (Un ADMIN peut éditer n'importe quel carbet via /admin, pas via /espace-ce.)
+ const isLinked = carbet.organizations.some((o) => o.organizationId === org.id);
+ if (!isLinked && session.user.role !== "ADMIN") {
+ notFound();
+ }
+
+ const defaults = {
+ title: carbet.title,
+ description: carbet.description,
+ river: carbet.river,
+ latitude: carbet.latitude.toString(),
+ longitude: carbet.longitude.toString(),
+ embarkPoint: carbet.embarkPoint,
+ pirogueDurationMin: String(carbet.pirogueDurationMin),
+ capacity: String(carbet.capacity),
+ roadAccess: carbet.roadAccess ?? "",
+ electricity: carbet.electricity ?? "",
+ gsmAtCarbet: carbet.gsmAtCarbet,
+ gsmExitDistanceKm: carbet.gsmExitDistanceKm !== null ? carbet.gsmExitDistanceKm.toString() : "",
+ status: carbet.status,
+ amenityKeys: carbet.amenities.map((entry) => entry.amenity.key),
+ };
+
+ return (
+
+
+ ← Carbets de {org.name}
+
+
+ {carbet.title}
+
+
+ Co-géré par {org.name}
+
+
+ {publishError ? (
+
+ Ajoutez au moins un média avant de publier ce carbet.
+
+ ) : null}
+
+
+ Médias
+
+ Déposez photos et vidéos courtes, réorganisez par glisser-déposer.
+ Le premier média sert de cover sur le catalogue.
+
+
+
+
+
+
+ );
+}
diff --git a/src/app/espace-ce/carbets/nouveau/page.tsx b/src/app/espace-ce/carbets/nouveau/page.tsx
new file mode 100644
index 0000000..c168cd3
--- /dev/null
+++ b/src/app/espace-ce/carbets/nouveau/page.tsx
@@ -0,0 +1,42 @@
+import Link from "next/link";
+import { redirect } from "next/navigation";
+
+import { requireApprovedOrg } from "@/lib/ce-access";
+
+import { createCarbet } from "../../../espace-hote/carbets/actions";
+import { CarbetForm } from "../../../espace-hote/carbets/_components/carbet-form";
+
+export const dynamic = "force-dynamic";
+
+export default async function NewCeCarbetPage() {
+ // Bloque la création si l'org n'est pas validée — redirect vers dashboard
+ // avec bannière « En attente de validation ».
+ const org = await requireApprovedOrg();
+ if (!org) redirect("/espace-ce");
+
+ return (
+
+
+ ← Carbets de {org.name}
+
+
+ Nouveau carbet CE
+
+
+ Ce carbet sera automatiquement lié à {org.name} et co-géré
+ par tous ses CE_MANAGERs. Vous ajouterez les médias après la création.
+
+
+
+
+
+
+ );
+}
diff --git a/src/app/espace-ce/carbets/page.tsx b/src/app/espace-ce/carbets/page.tsx
new file mode 100644
index 0000000..d4d9f6d
--- /dev/null
+++ b/src/app/espace-ce/carbets/page.tsx
@@ -0,0 +1,163 @@
+import Link from "next/link";
+import { redirect } from "next/navigation";
+
+import { CarbetStatus } from "@/generated/prisma/enums";
+import { getCurrentCeOrganization } from "@/lib/ce-access";
+import { prisma } from "@/lib/prisma";
+
+import {
+ deleteCarbet,
+ setCarbetStatus,
+} from "../../espace-hote/carbets/actions";
+
+export const dynamic = "force-dynamic";
+export const metadata = { title: "Mes carbets CE — Karbé" };
+
+const STATUS_LABELS: Record = {
+ [CarbetStatus.DRAFT]: "Brouillon",
+ [CarbetStatus.PUBLISHED]: "Publié",
+ [CarbetStatus.ARCHIVED]: "Archivé",
+};
+
+const STATUS_STYLES: Record = {
+ [CarbetStatus.DRAFT]: "bg-zinc-100 text-zinc-700",
+ [CarbetStatus.PUBLISHED]: "bg-emerald-100 text-emerald-800",
+ [CarbetStatus.ARCHIVED]: "bg-amber-100 text-amber-800",
+};
+
+export default async function CeCarbetsListPage() {
+ const org = await getCurrentCeOrganization();
+ if (!org) redirect("/admin/organizations");
+
+ const memberships = await prisma.organizationCarbetMembership.findMany({
+ where: { organizationId: org.id },
+ orderBy: { addedAt: "desc" },
+ select: {
+ carbet: {
+ select: {
+ id: true,
+ title: true,
+ river: true,
+ status: true,
+ updatedAt: true,
+ ownerId: true,
+ owner: { select: { firstName: true, lastName: true } },
+ _count: { select: { media: true } },
+ },
+ },
+ },
+ });
+ const carbets = memberships.map((m) => m.carbet);
+
+ return (
+
+
+
+
+ ← Tableau de bord CE
+
+
+ Carbets co-gérés par {org.name}
+
+
+ Les carbets visibles ici peuvent être édités par tous les CE_MANAGERs de votre
+ organisation. La propriété nominale reste sur leur créateur initial.
+
+
+ {org.approved ? (
+
+ Nouveau carbet
+
+ ) : (
+
+ Publication bloquée : organisation en attente de validation
+
+ )}
+
+ Votre CE n'a pas encore de carbet.{" "}
+ {org.approved ? "Créez votre premier carbet pour démarrer." : "Vous pourrez en publier dès que votre organisation sera validée."}
+
+ ) : (
+
+ )}
+
+ );
+}
diff --git a/src/app/espace-ce/layout.tsx b/src/app/espace-ce/layout.tsx
new file mode 100644
index 0000000..75cdc1c
--- /dev/null
+++ b/src/app/espace-ce/layout.tsx
@@ -0,0 +1,8 @@
+import { requirePluginOr404 } from "@/lib/plugins/guard";
+import { requireCeManagerSession } from "@/lib/ce-access";
+
+export default async function CeLayout({ children }: { children: React.ReactNode }) {
+ await requirePluginOr404("ce-management");
+ await requireCeManagerSession();
+ return <>{children};
+}
diff --git a/src/app/espace-ce/materiel/actions.ts b/src/app/espace-ce/materiel/actions.ts
new file mode 100644
index 0000000..959d9f3
--- /dev/null
+++ b/src/app/espace-ce/materiel/actions.ts
@@ -0,0 +1,66 @@
+"use server";
+
+import { revalidatePath } from "next/cache";
+import { redirect } from "next/navigation";
+
+import { auth } from "@/auth";
+import { UserRole } from "@/generated/prisma/enums";
+import { recordAudit } from "@/lib/admin/audit";
+import { getCurrentCeOrganization } from "@/lib/ce-access";
+import { prisma } from "@/lib/prisma";
+
+/**
+ * Active la location matériel pour un CE : crée le RentalProvider lié à son
+ * organizationId. Approuvé automatiquement si l'org elle-même est approuvée.
+ * - Si un provider existe déjà pour cette org : redirige sans rien créer.
+ * - Bloque si l'org n'est pas validée (la création doit attendre l'approval).
+ */
+export async function activateRentalProviderForCeAction(): Promise {
+ const session = await auth();
+ if (!session?.user?.id) redirect("/connexion?next=/espace-ce/materiel");
+ if (session.user.role !== UserRole.CE_MANAGER && session.user.role !== UserRole.ADMIN) {
+ redirect("/");
+ }
+ const org = await getCurrentCeOrganization();
+ if (!org) redirect("/espace-ce");
+ if (!org.approved) {
+ // L'org doit être validée avant activation. La page affichera la bannière.
+ redirect("/espace-ce/materiel?activateError=pending");
+ }
+
+ const existing = await prisma.rentalProvider.findFirst({
+ where: { organizationId: org.id },
+ select: { id: true },
+ });
+ if (existing) {
+ redirect("/espace-ce/materiel");
+ }
+
+ const created = await prisma.rentalProvider.create({
+ data: {
+ name: `Matériel — ${org.name}`,
+ isSystemD: false,
+ managedByUserId: session.user.id,
+ organizationId: org.id,
+ contactEmail: org.contactEmail,
+ rivers: [],
+ commissionPct: 10,
+ active: true,
+ approved: true,
+ approvedAt: new Date(),
+ approvedBy: session.user.email ?? "system",
+ },
+ select: { id: true, name: true },
+ });
+
+ await recordAudit({
+ scope: "ce",
+ event: "ce.rental_provider.activate",
+ target: created.id,
+ actorEmail: session.user.email ?? null,
+ details: { organizationId: org.id, name: created.name },
+ });
+
+ revalidatePath("/espace-ce/materiel");
+ redirect("/espace-ce/materiel");
+}
diff --git a/src/app/espace-ce/materiel/items/[itemId]/page.tsx b/src/app/espace-ce/materiel/items/[itemId]/page.tsx
new file mode 100644
index 0000000..2d406a9
--- /dev/null
+++ b/src/app/espace-ce/materiel/items/[itemId]/page.tsx
@@ -0,0 +1,122 @@
+import Link from "next/link";
+import { notFound, redirect } from "next/navigation";
+
+import { MediaUploader } from "@/components/MediaUploader";
+import {
+ getCurrentRentalProvider,
+ requireRentalProviderSession,
+} from "@/lib/rental-access";
+import { RENTAL_CATEGORY_LABEL } from "@/lib/rental-category-labels";
+import { getHostItem } from "@/lib/rental-host";
+
+import {
+ addItemBlockAction,
+ deleteHostItemAction,
+ removeItemBlockAction,
+ updateHostItemAction,
+} from "../../../../espace-prestataire/actions";
+import { HostItemForm } from "../../../../espace-prestataire/items/_components/ItemForm";
+import { ItemBlocksManager } from "../../../../espace-prestataire/items/[itemId]/_components/ItemBlocksManager";
+import { ItemInlineDelete } from "../../../../espace-prestataire/items/[itemId]/_components/ItemInlineDelete";
+
+export const dynamic = "force-dynamic";
+
+type PageProps = { params: Promise<{ itemId: string }> };
+
+export default async function EditCeItemPage({ params }: PageProps) {
+ await requireRentalProviderSession();
+ const provider = await getCurrentRentalProvider();
+ if (!provider) redirect("/espace-ce/materiel");
+ const { itemId } = await params;
+ const item = await getHostItem(provider.id, itemId);
+ if (!item) notFound();
+
+ const updateThis = async (fd: FormData) => {
+ "use server";
+ return await updateHostItemAction(itemId, fd);
+ };
+ const deleteThis = async () => {
+ "use server";
+ return await deleteHostItemAction(itemId);
+ };
+ const addBlockThis = async (fd: FormData) => {
+ "use server";
+ return await addItemBlockAction(itemId, fd);
+ };
+ const removeBlockThis = async (blockId: string) => {
+ "use server";
+ return await removeItemBlockAction(blockId);
+ };
+
+ return (
+
+
+
+
+
+ Photos & vidéos
+
+
+
+
+
+
+
+
+ Calendrier de disponibilité
+
+
+ Bloquez ici des dates pour maintenance, indisponibilité personnelle, etc. Les réservations
+ confirmées sont gérées automatiquement.
+
+ ({
+ id: a.id,
+ startDate: a.startDate.toISOString().slice(0, 10),
+ endDate: a.endDate.toISOString().slice(0, 10),
+ qty: a.qty,
+ reason: a.reason,
+ isBooking: Boolean(a.rentalBookingId),
+ }))}
+ addAction={addBlockThis}
+ removeAction={removeBlockThis}
+ totalQty={item.totalQty}
+ />
+
+
+ );
+}
diff --git a/src/app/espace-ce/materiel/items/new/page.tsx b/src/app/espace-ce/materiel/items/new/page.tsx
new file mode 100644
index 0000000..8a6d468
--- /dev/null
+++ b/src/app/espace-ce/materiel/items/new/page.tsx
@@ -0,0 +1,27 @@
+import Link from "next/link";
+
+import { requireRentalProviderSession } from "@/lib/rental-access";
+
+import { createHostItemAction } from "../../../../espace-prestataire/actions";
+import { HostItemForm } from "../../../../espace-prestataire/items/_components/ItemForm";
+
+export const dynamic = "force-dynamic";
+
+export default async function NewCeItemPage() {
+ await requireRentalProviderSession();
+ return (
+
+
+ ← Mes items
+
+ Nouvel item
+
+
+ );
+}
diff --git a/src/app/espace-ce/materiel/items/page.tsx b/src/app/espace-ce/materiel/items/page.tsx
new file mode 100644
index 0000000..68be691
--- /dev/null
+++ b/src/app/espace-ce/materiel/items/page.tsx
@@ -0,0 +1,109 @@
+import Link from "next/link";
+import { redirect } from "next/navigation";
+
+import { RENTAL_CATEGORY_LABEL } from "@/lib/rental-category-labels";
+import {
+ getCurrentRentalProvider,
+ requireRentalProviderSession,
+} from "@/lib/rental-access";
+import { listHostItems } from "@/lib/rental-host";
+
+export const dynamic = "force-dynamic";
+export const metadata = { title: "Items rental CE — Karbé" };
+
+export default async function CeMaterielItemsPage() {
+ await requireRentalProviderSession();
+ const provider = await getCurrentRentalProvider();
+ // Sans provider activé → renvoie sur l'onboarding /espace-ce/materiel
+ if (!provider) redirect("/espace-ce/materiel");
+
+ const items = await listHostItems(provider.id);
+
+ return (
+
+
+
+ {items.length === 0 ? (
+
+ Pas encore d'item.{" "}
+
+ Créer mon premier item
+
+
+ ) : (
+
+
+
+
+ | Nom |
+ Catégorie |
+ €/j |
+ Stock |
+ Caution |
+ Résa |
+ État |
+
+
+
+ {items.map((i) => (
+
+ |
+
+ {i.name}
+
+
+ {i.withMotor ? "⚙️ moteur · " : ""}
+ {i.requiresLicense ? "🪪 permis · " : ""}
+ {i.fuelIncluded ? "⛽ essence " : ""}
+
+ |
+ {RENTAL_CATEGORY_LABEL[i.category]} |
+
+ {Number(i.pricePerDay).toFixed(0)}
+ |
+ {i.totalQty} |
+
+ {Number(i.deposit).toFixed(0)}
+ |
+ {i._count.lines} |
+
+ {i.active ? (
+
+ Actif
+
+ ) : (
+
+ Inactif
+
+ )}
+ |
+
+ ))}
+
+
+
Matériel rental
+
+ La marketplace location matériel n'est pas activée. Activez le plugin
+ gear-rental{" "}
+ dans /admin/plugins.
+
+
+ );
+ }
+
+ const org = await getCurrentCeOrganization();
+ if (!org) redirect("/admin/organizations");
+
+ const provider = await getCurrentRentalProviderForCe(org.id);
+
+ // Onboarding : pas encore de provider activé
+ if (!provider) {
+ return (
+
+
+ ← Tableau de bord CE
+
+ Matériel rental
+
+ Activez la location matériel pour proposer hamacs, kayaks, pirogues, etc. à vos
+ membres et au public touriste. Le provider sera créé au nom de votre CE.
+
+
+ {!org.approved ? (
+
+ 🕒 Votre organisation est en attente de validation. La location matériel sera
+ activable dès qu'un admin Karbé aura validé votre CE.
+
+ ) : (
+
+ )}
+
+ );
+ }
+
+ // Provider existant : dashboard + KPIs
+ const kpis = await getHostRentalKpis(provider.id);
+
+ return (
+
+
+
+
+
+
+ 0
+ ? `${kpis.itemsActive} item${kpis.itemsActive > 1 ? "s" : ""} en location.`
+ : "Ajoutez votre premier item (hamac, kayak, pirogue…)."
+ }
+ />
+ 0
+ ? `${kpis.bookingsPending} demande${kpis.bookingsPending > 1 ? "s" : ""} à préparer.`
+ : "Suivez vos réservations en cours, à préparer et terminées."
+ }
+ />
+
+
+ );
+}
+
+function KpiCard({ label, value }: { label: string; value: string | number }) {
+ return (
+
+ );
+}
+
+function ActionCard({
+ href,
+ title,
+ description,
+}: {
+ href: string;
+ title: string;
+ description: string;
+}) {
+ return (
+
+ {title}
+ {description}
+
+ );
+}
diff --git a/src/app/espace-ce/materiel/reservations/page.tsx b/src/app/espace-ce/materiel/reservations/page.tsx
new file mode 100644
index 0000000..6a1bfdc
--- /dev/null
+++ b/src/app/espace-ce/materiel/reservations/page.tsx
@@ -0,0 +1,150 @@
+import Link from "next/link";
+import { redirect } from "next/navigation";
+
+import { RentalBookingStatus } from "@/generated/prisma/enums";
+import { RENTAL_STATUS_LABEL } from "@/lib/admin/rental-bookings";
+import {
+ getCurrentRentalProvider,
+ requireRentalProviderSession,
+} from "@/lib/rental-access";
+import { listHostBookings } from "@/lib/rental-host";
+
+import { BookingDecision } from "../../../espace-prestataire/reservations/_components/BookingDecision";
+
+export const dynamic = "force-dynamic";
+export const metadata = { title: "Réservations matériel CE — Karbé" };
+
+const STATUS_VALUES = new Set([
+ RentalBookingStatus.PENDING,
+ RentalBookingStatus.CONFIRMED,
+ RentalBookingStatus.HANDED_OVER,
+ RentalBookingStatus.RETURNED,
+ RentalBookingStatus.CANCELLED,
+]);
+
+type PageProps = {
+ searchParams: Promise<{ status?: string }>;
+};
+
+const dateFmt = new Intl.DateTimeFormat("fr-FR", {
+ day: "2-digit",
+ month: "short",
+ year: "2-digit",
+});
+
+export default async function CeReservationsPage({ searchParams }: PageProps) {
+ await requireRentalProviderSession();
+ const provider = await getCurrentRentalProvider();
+ if (!provider) redirect("/espace-ce/materiel");
+ const sp = await searchParams;
+ const status = STATUS_VALUES.has(sp.status ?? "")
+ ? (sp.status as RentalBookingStatus)
+ : undefined;
+
+ const bookings = await listHostBookings(provider.id, { status });
+
+ return (
+
+
+
+ {bookings.length === 0 ? (
+
+ Aucune réservation matériel.
+
+ ) : (
+
+ {bookings.map((b) => (
+ -
+
+
+
+ {b.tenant.firstName} {b.tenant.lastName}
+
+
+ {b.tenant.email}
+ {b.tenant.phone ? ` · ${b.tenant.phone}` : ""}
+
+ {b.booking ? (
+
+ 🏠 Lié à la résa carbet :{" "}
+
+ {b.booking.carbet.title}
+
+
+ ) : (
+
+ Location standalone (sans carbet)
+
+ )}
+
+
+
+ {dateFmt.format(b.startDate)} → {dateFmt.format(b.endDate)}
+
+
+ {Number(b.amount).toFixed(2)} {b.currency}
+
+
+
+ {b.lines.map((l) => (
+ -
+
+ {l.qty}× {l.item.name}
+
+
+ {Number(l.lineTotal).toFixed(2)} €
+
+
+ ))}
+
+
+
+
+
+ {RENTAL_STATUS_LABEL[b.status]}
+
+
+ {b.paymentStatus}
+
+
+
+
+ ))}
+
+ )}
+
+ );
+}
diff --git a/src/app/espace-ce/membres/_components/InviteForm.tsx b/src/app/espace-ce/membres/_components/InviteForm.tsx
new file mode 100644
index 0000000..4a8fd96
--- /dev/null
+++ b/src/app/espace-ce/membres/_components/InviteForm.tsx
@@ -0,0 +1,90 @@
+"use client";
+
+import { useState, useTransition } from "react";
+
+import type { CreateInviteResult } from "../actions";
+
+export function InviteForm({
+ action,
+ siteUrl,
+}: {
+ action: (fd: FormData) => Promise;
+ siteUrl: string;
+}) {
+ const [pending, startTransition] = useTransition();
+ const [error, setError] = useState(null);
+ const [link, setLink] = useState(null);
+ const [emailSent, setEmailSent] = useState(false);
+
+ function onSubmit(fd: FormData) {
+ setError(null);
+ setLink(null);
+ setEmailSent(false);
+ const emailValue = ((fd.get("email") as string | null) ?? "").trim();
+ startTransition(async () => {
+ const res = await action(fd);
+ if (!res.ok) {
+ setError(res.error);
+ return;
+ }
+ setLink(`${siteUrl}/inscription?invite=${res.token}`);
+ setEmailSent(Boolean(emailValue));
+ });
+ }
+
+ return (
+
+
+ {error ? (
+
+ {error}
+
+ ) : null}
+ {link ? (
+
+
+ ✓ Lien d'invitation généré (valable 14 jours)
+ {emailSent ? " · email envoyé" : ""}
+
+
+ {link}
+
+
+
+ ) : null}
+
+ Si vous indiquez un email, l'invitation sera envoyée automatiquement et le lien
+ sera bloqué pour toute autre adresse à la connexion. Sans email, n'importe qui
+ ayant le lien peut rejoindre votre CE.
+
+
+ Inviter un membre
+
+ {!org.approved ? (
+
+ 🕒 La génération d'invitations est bloquée tant que votre organisation n'est
+ pas validée.
+
+ ) : (
+
+
+
+ )}
+
+
+
+
+ Membres ({members.length})
+
+ {members.length === 0 ? (
+ Aucun membre actif pour l'instant.
+ ) : (
+
+ {members.map((m) => (
+ -
+
+
+ {m.firstName} {m.lastName}
+
+
{m.email}
+
+ ))}
+
+ )}
+
+
+
+
+ Invitations en cours ({invites.filter((i) => !i.usedAt && i.expiresAt > new Date()).length})
+
+ {invites.length === 0 ? (
+ Aucune invitation envoyée pour l'instant.
+ ) : (
+
+ )}
+
+
+ );
+}
diff --git a/src/app/espace-ce/page.tsx b/src/app/espace-ce/page.tsx
new file mode 100644
index 0000000..a730184
--- /dev/null
+++ b/src/app/espace-ce/page.tsx
@@ -0,0 +1,150 @@
+import Link from "next/link";
+import { redirect } from "next/navigation";
+
+import { getCurrentCeOrganization } from "@/lib/ce-access";
+import { getCeOrgKpis } from "@/lib/ce-dashboard";
+
+export const dynamic = "force-dynamic";
+export const metadata = { title: "Espace CE — Karbé" };
+
+function fmtEur(n: number): string {
+ return n.toLocaleString("fr-FR", { style: "currency", currency: "EUR" });
+}
+
+export default async function CeDashboardPage() {
+ const org = await getCurrentCeOrganization();
+ if (!org) {
+ // ADMIN sans organizationId ciblé : pour l'instant, renvoyer vers la liste admin.
+ redirect("/admin/organizations");
+ }
+
+ const kpis = await getCeOrgKpis(org.id);
+
+ return (
+
+
+
+ {!org.approved ? (
+
+
+ 🕒 Votre organisation est en attente de validation
+
+
+ L'équipe Karbé vérifie votre demande. Vous pouvez préparer vos carbets et items
+ en brouillon, mais rien ne sera publié tant que votre organisation n'est pas
+ validée. Cela prend généralement moins de 48h. Si vous n'avez pas de retour
+ sous 72h, contactez{" "}
+
+ contact@karbe.cosmolan.fr
+
+ .
+
+
+ ) : null}
+
+
+
+
+ 0
+ ? `${kpis.carbetsCount} carbet${kpis.carbetsCount > 1 ? "s" : ""} co-géré${kpis.carbetsCount > 1 ? "s" : ""} par votre CE.`
+ : org.approved
+ ? "Ajoutez votre premier carbet et ouvrez-le à vos membres + au public."
+ : "Vous pouvez préparer vos carbets en brouillon, ils seront publiables après validation."
+ }
+ />
+ 0
+ ? `${kpis.rentalItemsCount} item${kpis.rentalItemsCount > 1 ? "s" : ""} en location.`
+ : org.approved
+ ? "Proposez hamacs, kayaks, pirogue… à vos membres et au public."
+ : "Disponible après validation de votre organisation."
+ }
+ disabled={!org.approved}
+ comingSoon
+ />
+
+
+
+ Voir aussi vos{" "}
+
+ analytics CA & occupation
+ {" "}
+ et gérez vos{" "}
+
+ membres et invitations CE
+
+ .
+
+
+ );
+}
+
+function KpiCard({ label, value }: { label: string; value: string | number }) {
+ return (
+
+ );
+}
+
+function ActionCard({
+ href,
+ title,
+ description,
+ disabled,
+ comingSoon,
+}: {
+ href: string;
+ title: string;
+ description: string;
+ disabled?: boolean;
+ comingSoon?: boolean;
+}) {
+ const baseCls =
+ "rounded-lg border bg-white px-5 py-4 shadow-sm transition " +
+ (disabled
+ ? "border-zinc-200 opacity-60"
+ : "border-zinc-200 hover:border-zinc-400 hover:shadow");
+ const inner = (
+ <>
+
+ {title}
+ {comingSoon ? (
+
+ Bientôt
+
+ ) : null}
+
+ {description}
+
+ );
+ if (disabled || comingSoon) {
+ return {inner}
;
+ }
+ return (
+
+ {inner}
+
+ );
+}
diff --git a/src/app/espace-hote/_components/BookingDecision.tsx b/src/app/espace-hote/_components/BookingDecision.tsx
new file mode 100644
index 0000000..9380ea2
--- /dev/null
+++ b/src/app/espace-hote/_components/BookingDecision.tsx
@@ -0,0 +1,77 @@
+"use client";
+
+import { useState, useTransition } from "react";
+import { useRouter } from "next/navigation";
+
+import { confirmBookingAsHost, rejectBookingAsHost } from "../actions";
+
+export function BookingDecision({ bookingId }: { bookingId: string }) {
+ const router = useRouter();
+ const [pending, startTransition] = useTransition();
+ const [confirmReject, setConfirmReject] = useState(false);
+ const [error, setError] = useState(null);
+
+ function accept() {
+ setError(null);
+ startTransition(async () => {
+ const res = await confirmBookingAsHost(bookingId);
+ if (res && res.ok === false) setError(res.error);
+ router.refresh();
+ });
+ }
+ function reject() {
+ setError(null);
+ startTransition(async () => {
+ const res = await rejectBookingAsHost(bookingId);
+ if (res && res.ok === false) setError(res.error);
+ setConfirmReject(false);
+ router.refresh();
+ });
+ }
+
+ return (
+
+ {confirmReject ? (
+
+ Refuser ?
+
+
+
+ ) : (
+ <>
+
+
+
+ )}
+ {error ?
{error} : null}
+
Médias
- Le premier média sert de photo de couverture. Réordonnez avec les
- flèches.
+ Déposez photos et vidéos courtes, réorganisez par glisser-déposer.
+ Le premier média sert de cover sur le catalogue et la home.
-
+
diff --git a/src/app/espace-hote/carbets/_components/carbet-form.tsx b/src/app/espace-hote/carbets/_components/carbet-form.tsx
index ac2d234..3a484c6 100644
--- a/src/app/espace-hote/carbets/_components/carbet-form.tsx
+++ b/src/app/espace-hote/carbets/_components/carbet-form.tsx
@@ -17,6 +17,10 @@ export type CarbetFormDefaults = {
embarkPoint: string;
pirogueDurationMin: string;
capacity: string;
+ roadAccess: string;
+ electricity: string;
+ gsmAtCarbet: boolean;
+ gsmExitDistanceKm: string;
status: CarbetStatus;
amenityKeys: string[];
};
@@ -216,6 +220,90 @@ export function CarbetForm({