import { Button } from '@/components/ui/button'; import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'; import { Label } from '@/components/ui/label'; import { Switch } from '@/components/ui/switch'; import AppLayout from '@/layouts/app-layout'; import { type BreadcrumbItem } from '@/types'; import { Head, router, usePage } from '@inertiajs/react'; import { ArrowLeft } from 'lucide-react'; import { useState } from 'react'; import { toast } from 'sonner'; import type { SeasonTemplate } from '../logements/season-range-utils'; import { FranchiseReadOnlyBanner } from './components/FranchiseScope'; import { useCanManageYield, useReadOnlyReason, useYieldScope } from './hooks/useYieldPermissions'; import { scopeQuery } from './lib/yield-scope'; import PriceCalendarPreview from './components/PriceCalendarPreview'; import YieldRuleEditor, { type YieldConfigData } from './components/YieldRuleEditor'; import type { MovableHolidays, PriceDay, RuleSectionValues } from './types'; interface PageProps { config: YieldConfigData; preview: PriceDay[]; obaPresets: Record; seasonTemplates: SeasonTemplate[]; /** Dates des fêtes mobiles (config/yield-holidays.php). */ movableHolidays?: MovableHolidays; exchangeRate: number; /** Défauts / formes neutres des sections, pour l'interrupteur « Règle active ». */ sectionDefaults: RuleSectionValues; sectionDisabled: RuleSectionValues; [key: string]: unknown; } export default function YieldEdit() { const { config, preview, obaPresets, seasonTemplates, movableHolidays, exchangeRate, sectionDefaults, sectionDisabled } = usePage().props; // `?coHost=` : le siège consulte une franchise — le retour garde ce périmètre. const scope = scopeQuery(useYieldScope().coHost); const breadcrumbs: BreadcrumbItem[] = [ { title: 'Yield Manager', href: route('yield.index', scope) }, { title: config.property_name, href: `/yield/${config.id}/edit` }, ]; const [livePreview, setLivePreview] = useState(preview); const [basePrice, setBasePrice] = useState(config.base_price); const [previewStale, setPreviewStale] = useState(false); const canManage = useCanManageYield(); const readOnlyReason = useReadOnlyReason(); function handleToggle() { // Sans `yield.manage`, POST yield.toggle répond 403 : l'interrupteur est // éteint et explique pourquoi ; ce retour ferme les autres chemins. if (!canManage) return; router.post( route('yield.toggle', config.id), {}, { preserveState: true, onSuccess: () => toast.success('Statut mis à jour'), }, ); } return (

{/* Header */}

{config.property_name}

ID: {config.property_id} · #{config.internal_id}

Actif {/* `title` sur l'enveloppe : un Switch désactivé n'émet pas de survol. */}

{/* Rule editor + live calendar preview */}

Preview des prix (90 jours)

); }