"use client";

import { useState } from "react";
import { MissionsAdminPanel } from "@/components/missions/missions-admin-panel";
import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbSeparator } from "@/components/ui/breadcrumb";
import Link from "next/link";

export default function NewMissionPage() {
  return (
    <div className="flex flex-col h-full w-full bg-white">
      <div className="bg-white border-b border-gray-100 py-2 px-4">
        <Breadcrumb>
          <BreadcrumbList>
            <BreadcrumbItem>
              <BreadcrumbLink asChild>
                <Link href="/missions">Missions</Link>
              </BreadcrumbLink>
            </BreadcrumbItem>
            <BreadcrumbSeparator />
            <BreadcrumbItem>
              <BreadcrumbLink>Poster une Mission</BreadcrumbLink>
            </BreadcrumbItem>
          </BreadcrumbList>
        </Breadcrumb>
      </div>
      
      <div className="flex-1 overflow-auto p-4 bg-white">
        <MissionsAdminPanel />
      </div>
    </div>
  );
}