Merge pull request #45 from chechojgb/buttonsLovers

refactor: cambio llamada datos pedidos.

Author: chechojgb

app/Http/Controllers/BLClientesController.php

@@ -8,14 +8,16 @@
 use App\Models\BlEmpaque;
 use App\Models\BlMovimiento;
 use App\Models\BLCliente; // Assuming you have a Cliente model
-use Illuminate\Container\Attributes\Auth;
+// use Illuminate\Container\Attributes\Auth;
 use Inertia\Inertia;
 use Illuminate\Support\Str;
+use Illuminate\Support\Facades\Auth;
 
 class BLClientesController extends Controller
 {
     public function index()
     {
+        $user = Auth::user();
         $clientes = BLCliente::all();
         $productos = BlProducto::with(['color', 'empaques.movimientos'])
             ->get()
@@ -34,7 +36,7 @@ public function index()
         return Inertia::render('BLClientes', [
             'productos' => $productos,
             'colores' => BlColor::all(), // Para formularios
-            'user' => auth()->user(),
+            'user' => $user,
             'clientes' => $clientes, // Para mostrar los clientes
         ]);
     }

app/Http/Controllers/BLPedidosController.php

@@ -40,12 +40,16 @@ public function index()
             });
 
         $clientes = BLCliente::all();
+        $pedidos = BLPedido::with([
+            'items.empaque.producto', 'cliente'
+        ])->get();
 
         return Inertia::render('BLPedidos', [
             'productos' => $productos,
             'colores' => BlColor::all(), // Para formularios
             'user' => $user,
             'clientes' => $clientes, // Para formularios
+            'pedidos' => $pedidos,
         ]);
     }
 

app/Http/Controllers/BlProductoController.php

@@ -8,10 +8,11 @@
 use App\Models\BlColor;
 use App\Models\BlEmpaque;
 use App\Models\BlMovimiento;
-use Illuminate\Container\Attributes\Auth;
+// use Illuminate\Container\Attributes\Auth;
 use Illuminate\Http\Request;
 use Inertia\Inertia;
 use Illuminate\Support\Str;
+use Illuminate\Support\Facades\Auth;
 
 
 class BlProductoController extends Controller
@@ -42,6 +43,7 @@ public function index()
 
     public function indexAnalisis()
     {
+        $user = Auth::user();
         $productos = BlProducto::with(['color', 'empaques.movimientos'])
             ->get()
             ->map(function ($producto) {
@@ -60,12 +62,13 @@ public function indexAnalisis()
         return Inertia::render('BLAnalisis', [
             'productos' => $productos,
             'colores' => BlColor::all(),
-            'user' => auth()->user(), // Para formularios
+            'user' => $user, // Para formularios
         ]);
     }
 
     public function indexHistorico()
     {
+        $user = Auth::user();
         $productos = BlProducto::with(['color', 'empaques.movimientos'])
             ->get()
             ->map(function ($producto) {
@@ -82,11 +85,12 @@ public function indexHistorico()
             });
         $historico = BlMovimiento::with(['empaque.producto', 'usuario'])
             ->where('tipo', 'entrada')
+            ->whereHas('empaque.producto')
             ->get()
             ->map(function ($movimiento) {
                 return [
                     'id' => $movimiento->id,
-                    'producto' => $movimiento->empaque->producto->tipo_producto,
+                    'producto' => $movimiento->empaque->producto->tipo_producto ,
                     'tamanio' => $movimiento->empaque->producto->tamanio,
                     'color' => $movimiento->empaque->producto->color->nombre,
                     'cantidad' => $movimiento->cantidad,
@@ -102,7 +106,7 @@ public function indexHistorico()
         return Inertia::render('BLHistorico', [
             'productos' => $productos,
             'colores' => BlColor::all(),
-            'user' => auth()->user(),
+            'user' => $user,
             'historico' => $historico,
         ]);
     }

resources/js/components/BL/historicoBL.jsx

@@ -29,7 +29,7 @@ function EntradaBL({ historico }) {
               >
                 <div className="space-y-1">
                   <p className="font-semibold ">
-                    {item.producto} - {item.tamanio} - {item.color}
+                    {item.producto || 'No existe'} - {item.tamanio} - {item.color}
                   </p>
                   <p className="text-xs ">
                     {item.fecha} — {item.tipo || "sin tipo"} —{" "}

resources/js/components/BL/modalesBL.jsx

@@ -21,6 +21,7 @@ export default function ModalPedidosBL({ onClose, onSave, clientes, productos, s
     { producto_id: '', cantidad: 1 },
   ]);
 
+  
   const handleProductoChange = (index, field, value) => {
     const nuevos = [...productosSeleccionados];
 
@@ -101,7 +102,7 @@ export default function ModalPedidosBL({ onClose, onSave, clientes, productos, s
   console.log('productos seleccionados:', productosResumen);
 
   return (
-    <div className="bg-white rounded-lg shadow-xl w-full max-w-3xl max-h-[90vh] flex flex-col">
+    <div className="max-h-[90vh] flex flex-col">
       {/* Encabezado */}
       <div className="px-6 py-4 border-b border-gray-200">
         <h2 className="text-2xl font-bold text-gray-800">Nuevo Pedido</h2>
@@ -197,7 +198,7 @@ export default function ModalPedidosBL({ onClose, onSave, clientes, productos, s
                 </div>
 
                 {/* Cantidad */}
-                <div className="md:col-span-3 space-y-1">
+                <div className="md:col-span-6 space-y-1">
                   <label className="block text-xs font-medium text-gray-500">Cantidad</label>
                   <div className="relative">
                     <input
@@ -209,7 +210,7 @@ export default function ModalPedidosBL({ onClose, onSave, clientes, productos, s
                       className="w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500 text-sm"
                     />
                     {item.producto_id && (
-                      <span className="absolute right-3 top-2 text-xs text-gray-500">
+                      <span className="absolute right-2 top-2 text-xs text-gray-500">
                         Stock: {productos.find(p => String(p.id) === String(item.producto_id))?.stock_total || 'N/A'}
                       </span>
                     )}

resources/js/components/BL/tablaProdBL.jsx

@@ -0,0 +1,97 @@
+import {
+  useReactTable,
+  getCoreRowModel,
+  getSortedRowModel,
+  getFilteredRowModel,
+  flexRender,
+} from '@tanstack/react-table';
+import { useState } from 'react';
+import { themeByProject } from '../utils/theme';
+import { usePage } from '@inertiajs/react';
+
+export default function TablaProductosBL({ productos, openModal, search }) {
+  const { props } = usePage();
+  const proyecto = props?.auth?.user?.proyecto || 'AZZU';
+  const theme = themeByProject[proyecto];
+
+  const columns = [
+    { accessorKey: 'tipo_producto', header: 'Tipo de producto' },
+    { accessorKey: 'tamanio', header: 'Tamaño' },
+    { accessorKey: 'color_nombre', header: 'Colores' },
+    { accessorKey: 'stock_total', header: 'Cantidades' },
+    { accessorKey: 'descripcion', header: 'Descripción' },
+    {
+      id: 'acciones',
+      header: 'Editar Producto',
+      cell: ({ row }) => (
+        <button
+          className={`${theme.text} font-medium hover:underline cursor-pointer`}
+          onClick={() => openModal(row.original.id)}
+        >
+          Editar
+        </button>
+      ),
+    },
+  ];
+
+  const [sorting, setSorting] = useState([]);
+
+  const table = useReactTable({
+    data: productos,
+    columns,
+    state: {
+      sorting,
+      globalFilter: search,
+    },
+    onSortingChange: setSorting,
+    getCoreRowModel: getCoreRowModel(),
+    getSortedRowModel: getSortedRowModel(),
+    getFilteredRowModel: getFilteredRowModel(),
+    globalFilterFn: (row, columnId, value) => {
+      const cellValue = String(row.getValue(columnId) ?? '').toLowerCase();
+      return cellValue.includes(value.toLowerCase());
+    },
+  });
+
+  return (
+    <table className="min-w-full text-sm text-left text-gray-500 dark:text-gray-400">
+      <thead className="text-xs text-gray-700 uppercase bg-gray-50 dark:bg-gray-800 dark:text-gray-400">
+        {table.getHeaderGroups().map(headerGroup => (
+          <tr key={headerGroup.id}>
+            {headerGroup.headers.map(header => (
+              <th
+                key={header.id}
+                className="px-6 py-3 cursor-pointer select-none"
+                onClick={header.column.getToggleSortingHandler()}
+              >
+                {flexRender(header.column.columnDef.header, header.getContext())}
+                {{
+                  asc: ' 🔼',
+                  desc: ' 🔽',
+                }[header.column.getIsSorted()] ?? null}
+              </th>
+            ))}
+          </tr>
+        ))}
+      </thead>
+      <tbody>
+        {table.getRowModel().rows.map((row, index) => (
+          <tr
+            key={row.id}
+            className={`${
+              index % 2 === 0
+                ? 'bg-white dark:bg-gray-800'
+                : 'bg-gray-50 dark:bg-gray-700'
+            } hover:bg-gray-100 dark:hover:bg-gray-600 transition-colors`}
+          >
+            {row.getVisibleCells().map(cell => (
+              <td key={cell.id} className="px-6 py-4 whitespace-nowrap">
+                {flexRender(cell.column.columnDef.cell, cell.getContext())}
+              </td>
+            ))}
+          </tr>
+        ))}
+      </tbody>
+    </table>
+  );
+}

resources/js/pages/BLPedidos.jsx

@@ -14,14 +14,16 @@ const breadcrumbs = [
   { title: "Pedidos BL", href: "/BLproductosInventario/pedidos" }
 ];
 
-export default function BLPedidos({ user, productos, colores, clientes }) {
+export default function BLPedidos({ user, productos, colores, clientes, pedidos }) {
   const { props } = usePage();
   const proyecto = props?.auth?.user?.proyecto || 'AZZU';
   const theme = themeByProject[proyecto];
   const [modalOpen, setModalOpen] = useState(false);
   console.log("Colores disponibles:", colores);
   console.log("Productos disponibles:", productos);
   console.log("clientes disponibles:", clientes);
+  console.log('pedidos disponibles:', pedidos);
+  
 
   const handleGuardarPedido = (clientData) => {
     console.log('datos cliente',clientData);
@@ -104,35 +106,57 @@ export default function BLPedidos({ user, productos, colores, clientes }) {
               </tr>
             </thead>
             <tbody>
-              <tr className="border-b hover:bg-gray-50 dark:hover:bg-gray-900">
-                <td className="px-6 py-4">Textiles Zuluaga</td>
-                <td className="px-6 py-4 space-y-1">
-                  <div>Botón Azul <span className="text-gray-500">x300</span></div>
-                  <div>Botón Rojo <span className="text-gray-500">x150</span></div>
-                </td>
-                <td className="px-6 py-4">2025-08-08</td>
-                <td className="px-6 py-4">
-                  <span className="inline-flex px-2 py-1 text-xs font-semibold text-yellow-800 bg-yellow-100 rounded-full">
-                    En proceso
-                  </span>
-                </td>
-              </tr>
+              {pedidos.map(cliente => {
+                // Agrupar items por producto_id y sumar cantidades
+                const productosAgrupados = cliente.items.reduce((acc, item) => {
+                const productoId = item.empaque.producto.id;
+                const nombreProducto = item.empaque.producto.descripcion;
 
-              <tr className="border-b hover:bg-gray-50 dark:hover:bg-gray-900">
-                <td className="px-6 py-4">Confecciones Lara</td>
-                <td className="px-6 py-4 space-y-1">
-                  <div>Botón Negro <span className="text-gray-500">x100</span></div>
-                </td>
-                <td className="px-6 py-4">2025-08-10</td>
-                <td className="px-6 py-4">
-                  <span className="inline-flex px-2 py-1 text-xs font-semibold text-green-800 bg-green-100 rounded-full">
-                    Entregado
-                  </span>
-                </td>
-              </tr>
+                if (!acc[productoId]) {
+                  acc[productoId] = {
+                    nombre: nombreProducto,
+                    cantidad: 0
+                  };
+                }
+                acc[productoId].cantidad += item.cantidad_empaques;
+                return acc;
+                }, {});
+                const listaProductos = Object.values(productosAgrupados);
+                const estadosStyle = {
+                  pendiente: 'text-yellow-800 bg-yellow-100',
+                  entregado: 'text-green-800 bg-green-100',
+                  cancelado: 'text-red-800 bg-red-100'
+                }
+                return (
+                      <tr
+                        className="border-b hover:bg-gray-50 dark:hover:bg-gray-900"
+                        key={cliente.id}
+                      >
+                        <td className="px-6 py-4">{cliente.cliente.nombre}</td>
+
+                        <td className="px-6 py-4 space-y-1">
+                          {listaProductos.map((prod, idx) => (
+                            <div key={idx}>
+                              {prod.nombre}{" "}
+                              <span className="text-gray-500">x{prod.cantidad}</span>
+                            </div>
+                          ))}
+                        </td>
+
+                        <td className="px-6 py-4">{cliente.fecha_pedido}</td>
+
+                        <td className="px-6 py-4">
+                          <span className={`inline-flex px-2 py-1 text-xs font-semibold ${estadosStyle[cliente.estado] || 'text-gray-800 bg-gray-100'} rounded-full`}>
+                            {cliente.estado}
+                          </span>
+                        </td>
+                      </tr>
+                );
+              })}
             </tbody>
           </table>
         </div>
+        {/* //MODALES Y TOAST */}
         {modalOpen && (
             <AgentModalWrapper closeModal={closeModal}>
                 <ModalPedidosBL clientes={clientes} productos={productos} onClose={closeModal} setToast={setToast} onSave={handleGuardarPedido}/>