import React from 'react'

import type { TableHeaderBlockProps } from '../types'

import { TableHeader, TableRow, TableHead } from './TableComponents'

// Компонент заголовка таблицы для V2 товарных поставок
export const TableHeaderV2Block = React.memo(function TableHeaderV2Block({ 
  userRole, 
}: TableHeaderBlockProps) {
  return (
    <TableHeader>
      <TableRow className="border-white/20 bg-gray-800/50">
        <TableHead className="font-semibold text-white/90">Товарная поставка</TableHead>
        <TableHead className="font-semibold text-white/90">Дата доставки</TableHead>
        <TableHead className="font-semibold text-white/90">Заказано</TableHead>
        
        {/* Получено и Брак - не показываем WHOLESALE */}
        {userRole !== 'WHOLESALE' && (
          <>
            <TableHead className="font-semibold text-white/90">Получено</TableHead>
            <TableHead className="font-semibold text-white/90">Брак</TableHead>
          </>
        )}
        
        {/* Цена товаров - только SELLER и WHOLESALE */}
        <TableHead className="font-semibold text-white/90">
          {userRole === 'SELLER' || userRole === 'WHOLESALE' ? 'Стоимость товаров' : 'Товары'}
        </TableHead>
        
        {/* Логистическая информация - показываем WHOLESALE, FULFILLMENT, LOGIST */}
        {(userRole === 'WHOLESALE' || userRole === 'FULFILLMENT' || userRole === 'LOGIST') && (
          <>
            <TableHead className="font-semibold text-white/90">Объем (м³)</TableHead>
            <TableHead className="font-semibold text-white/90">Упаковки</TableHead>
          </>
        )}
        
        {/* Услуги ФФ - не показываем WHOLESALE и LOGIST */}
        {userRole !== 'WHOLESALE' && userRole !== 'LOGIST' && (
          <TableHead className="hidden lg:table-cell font-semibold text-white/90">Услуги ФФ</TableHead>
        )}
        
        {/* Компоненты рецептур - не показываем WHOLESALE */}
        {userRole !== 'WHOLESALE' && (
          <TableHead className="hidden lg:table-cell font-semibold text-white/90">Материалы</TableHead>
        )}
        
        {/* Услуги рецептур - не показываем WHOLESALE */}
        {userRole !== 'WHOLESALE' && (
          <TableHead className="hidden lg:table-cell font-semibold text-white/90">Доп. услуги</TableHead>
        )}
        
        {/* Логистика - не показываем WHOLESALE */}
        {userRole !== 'WHOLESALE' && (
          <TableHead className="hidden lg:table-cell font-semibold text-white/90">Доставка</TableHead>
        )}
        
        {/* Итого - не показываем WHOLESALE */}
        {userRole !== 'WHOLESALE' && (
          <TableHead className="font-semibold text-white/90">Итого</TableHead>
        )}
        
        <TableHead className="font-semibold text-white/90">Статус</TableHead>
        <TableHead className="font-semibold text-white/90">Действия</TableHead>
      </TableRow>
    </TableHeader>
  )
})