"use client"

import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs'
import { Card } from '@/components/ui/card'
import { Sidebar } from '@/components/dashboard/sidebar'
import { MarketCounterparties } from '../market/market-counterparties'
import { MarketFulfillment } from '../market/market-fulfillment'
import { MarketSellers } from '../market/market-sellers'
import { MarketLogistics } from '../market/market-logistics'
import { MarketWholesale } from '../market/market-wholesale'

export function PartnersDashboard() {
  return (
    <div className="h-screen bg-gradient-smooth flex overflow-hidden">
      <Sidebar />
      <main className="flex-1 ml-56 px-6 py-4 overflow-hidden">
        <div className="h-full w-full flex flex-col">
          {/* Основной контент с табами */}
          <div className="flex-1 overflow-hidden">
            <Tabs defaultValue="counterparties" className="h-full flex flex-col">
              <TabsList className="grid w-full grid-cols-5 bg-white/5 backdrop-blur border-white/10 flex-shrink-0">
                <TabsTrigger 
                  value="counterparties" 
                  className="data-[state=active]:bg-white/20 data-[state=active]:text-white text-white/70"
                >
                  Мои контрагенты
                </TabsTrigger>
                <TabsTrigger 
                  value="fulfillment" 
                  className="data-[state=active]:bg-white/20 data-[state=active]:text-white text-white/70"
                >
                  Фулфилмент
                </TabsTrigger>
                <TabsTrigger 
                  value="sellers" 
                  className="data-[state=active]:bg-white/20 data-[state=active]:text-white text-white/70"
                >
                  Селлеры
                </TabsTrigger>
                <TabsTrigger 
                  value="logistics" 
                  className="data-[state=active]:bg-white/20 data-[state=active]:text-white text-white/70"
                >
                  Логистика
                </TabsTrigger>
                <TabsTrigger 
                  value="wholesale" 
                  className="data-[state=active]:bg-white/20 data-[state=active]:text-white text-white/70"
                >
                  Оптовик
                </TabsTrigger>
              </TabsList>

              <TabsContent value="counterparties" className="flex-1 overflow-hidden mt-6">
                <Card className="glass-card h-full overflow-hidden p-6">
                  <MarketCounterparties />
                </Card>
              </TabsContent>

              <TabsContent value="fulfillment" className="flex-1 overflow-hidden mt-6">
                <Card className="glass-card h-full overflow-hidden p-6">
                  <MarketFulfillment />
                </Card>
              </TabsContent>

              <TabsContent value="sellers" className="flex-1 overflow-hidden mt-6">
                <Card className="glass-card h-full overflow-hidden p-6">
                  <MarketSellers />
                </Card>
              </TabsContent>

              <TabsContent value="logistics" className="flex-1 overflow-hidden mt-6">
                <Card className="glass-card h-full overflow-hidden p-6">
                  <MarketLogistics />
                </Card>
              </TabsContent>

              <TabsContent value="wholesale" className="flex-1 overflow-hidden mt-6">
                <Card className="glass-card h-full overflow-hidden p-6">
                  <MarketWholesale />
                </Card>
              </TabsContent>
            </Tabs>
          </div>
        </div>
      </main>
    </div>
  )
}