import { Alert, AlertTitle, AlertDescription } from "@/components/ui/alert";
import { AlertCircle } from "lucide-react";
import { Button } from "@/components/ui/button";

interface TripNotFoundProps {
  isPlanner: boolean;
}

export function TripNotFound({ isPlanner }: TripNotFoundProps) {
  return (
    <div className="container px-4 py-8 mx-auto max-w-6xl">
      <Alert variant="destructive">
        <AlertCircle className="h-4 w-4" />
        <AlertTitle>Voyage non trouvé</AlertTitle>
        <AlertDescription>
          Impossible de trouver les détails du voyage demandé. Veuillez vérifier l'URL ou retourner au dashboard.
        </AlertDescription>
        <div className="mt-4">
          <Button
            onClick={() => window.location.href = isPlanner ? "/dashboard" : "/voyageur/dashboard"}
            variant="outline"
          >
            Retour au tableau de bord
          </Button>
        </div>
      </Alert>
    </div>
  );
}