import React, { useState } from 'react';
import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
import EstablishmentsList from '@/components/establishments/EstablishmentsList';
import RestaurantPOS from '@/components/establishments/RestaurantPOS';
import HotelManagement from '@/components/establishments/HotelManagement';
import CommerceReservations from '@/components/establishments/CommerceReservations';
import BusinessAnalytics from '@/components/establishments/BusinessAnalytics';
import { Store } from 'lucide-react';

const Establishments = () => {
  const [activeTab, setActiveTab] = useState('list');

  return (
    <div className="min-h-screen bg-gray-50 p-6">
      <div className="max-w-7xl mx-auto">
        <div className="flex items-center gap-3 mb-6">
          <Store className="w-8 h-8 text-orange-600" />
          <div>
            <h1 className="text-3xl font-bold text-gray-900">Gestión de Comercios</h1>
            <p className="text-gray-600">Administra establecimientos, categorías y verificaciones</p>
          </div>
        </div>

        <Tabs value={activeTab} onValueChange={setActiveTab} className="space-y-6">
          <TabsList className="grid w-full grid-cols-5 lg:w-auto">
            <TabsTrigger value="list">Establecimientos</TabsTrigger>
            <TabsTrigger value="restaurant">Restaurante POS</TabsTrigger>
            <TabsTrigger value="hotel">Hotel</TabsTrigger>
            <TabsTrigger value="reservations">Reservaciones</TabsTrigger>
            <TabsTrigger value="analytics">Analytics</TabsTrigger>
          </TabsList>

          <TabsContent value="list">
            <EstablishmentsList />
          </TabsContent>

          <TabsContent value="restaurant">
            <RestaurantPOS />
          </TabsContent>

          <TabsContent value="hotel">
            <HotelManagement />
          </TabsContent>

          <TabsContent value="reservations">
            <CommerceReservations />
          </TabsContent>

          <TabsContent value="analytics">
            <BusinessAnalytics />
          </TabsContent>
        </Tabs>
      </div>
    </div>
  );
};

export default Establishments;
