g

2026-04-04 15:14:28 -03:00
parent 778871809d
commit 956b2469f9
6 changed files with 316 additions and 61 deletions
@@ -0,0 +1,107 @@
+<?php
+
+namespace App\Console\Commands;
+
+use Illuminate\Console\Command;
+use App\Models\Product;
+use Illuminate\Support\Facades\Storage;
+
+class ImportarProductosCsv extends Command
+{
+    // Este es el comando que escribirás en la terminal
+    protected $signature = 'importar:productos';
+    protected $description = 'Importa bicicletas, accesorios e indumentaria desde archivos CSV';
+
+    public function handle()
+    {
+        $this->info("Iniciando importación masiva de Lauck...");
+
+        // Definimos los archivos, el tipo de producto, y cuántas filas saltar (los encabezados)
+        $archivos = [
+            [
+                'ruta' => 'imports/LISTA DE PRECIOS.xlsx - LISTA.csv', 
+                'tipo' => 'accessory', 
+                'saltar' => 1 // Asumimos 1 fila de encabezado
+            ],
+            [
+                'ruta' => 'imports/LISTA DE PRECIOS.xlsx - BICICLETAS.csv', 
+                'tipo' => 'bike', 
+                'saltar' => 11 // Metadatos dicen que hay ~10 filas arriba del encabezado
+            ],
+            [
+                'ruta' => 'imports/LISTA DE PRECIOS.xlsx - INDUMENTARIA.csv', 
+                'tipo' => 'clothing', 
+                'saltar' => 8 // Metadatos dicen que hay ~7 filas arriba
+            ],
+        ];
+
+        foreach ($archivos as $archivo) {
+            $this->procesarCsv($archivo['ruta'], $archivo['tipo'], $archivo['saltar']);
+        }
+
+        $this->info("¡Importación finalizada con éxito!");
+    }
+
+    private function procesarCsv($rutaArchivo, $tipoProducto, $filasASaltar)
+    {
+        // Verificamos si el archivo existe en storage/app/imports/
+        if (!Storage::exists($rutaArchivo)) {
+            $this->error("No se encontró el archivo: {$rutaArchivo}");
+            return;
+        }
+
+        $this->line("Procesando: {$rutaArchivo}...");
+        
+        // Abrimos el archivo
+        $rutaCompleta = storage_path('app/' . $rutaArchivo);
+        $file = fopen($rutaCompleta, 'r');
+
+        // 1. Saltamos las filas "basura" del principio
+        for ($i = 0; $i < $filasASaltar; $i++) {
+            fgetcsv($file);
+        }
+
+        $contador = 0;
+
+        // 2. Leemos fila por fila (para no saturar la memoria RAM)
+        while (($fila = fgetcsv($file, 1000, ',')) !== false) {
+            // Ignorar filas completamente vacías
+            if (empty(array_filter($fila))) {
+                continue; 
+            }
+
+            // =========================================================
+            // ¡ATENCIÓN ACÁ! Tenés que mapear las columnas de tu Excel.
+            // En programación, la primera columna (A) es la 0, la (B) es 1, etc.
+            // =========================================================
+            
+            $sku = $fila[0] ?? null; // Ajustar número de columna
+            $name = $fila[1] ?? 'Sin Nombre'; // Ajustar número
+            
+            // Limpiamos los precios (sacar el signo $ y separar miles si es necesario)
+            $precioRaw = $fila[2] ?? 0; // Ajustar número
+            $precioLimpio = (float) filter_var($precioRaw, FILTER_SANITIZE_NUMBER_FLOAT, FILTER_FLAG_ALLOW_FRACTION);
+
+            $stock = $fila[3] ?? 0; // Ajustar número
+
+            // 3. Guardar en la Base de Datos
+            // Usamos updateOrCreate para que si corrés el comando 2 veces, no duplique cosas
+            Product::updateOrCreate(
+                ['sku' => $sku], // Busca por SKU. Si existe, actualiza. Si no, crea.
+                [
+                    'name' => $name,
+                    'price' => $precioLimpio,
+                    'stock_quantity' => (int) $stock,
+                    'type' => $tipoProducto,
+                    'min_stock_alert' => 5, // Valor por defecto
+                    'suppliers_id' => 1,    // Valor por defecto
+                ]
+            );
+
+            $contador++;
+        }
+
+        fclose($file);
+        $this->info("✔ {$contador} productos importados de tipo {$tipoProducto}.");
+    }
+}
@@ -12,26 +12,36 @@ class CatalogoController extends Controller
     */
    public function index(Request $request)
    {
-        // Consulta base
+        // --- 1. CONSULTA PARA LA GRILLA (PAGINADA) ---
        $query = Product::query();

-        // Lógica del Buscador: Si recibimos algo en el input "search"
+        // Lógica del Buscador tradicional (por si seguís usando un input de texto además de Select2)
        if ($request->has('search')) {
            $searchTerm = $request->input('search');

            $query->where(function($q) use ($searchTerm) {
                $q->where('name', 'like', "%{$searchTerm}%")
-                ->orWhere('sku', 'like', "%{$searchTerm}%");
+                  ->orWhere('sku', 'like', "%{$searchTerm}%");
            });
        }
+
+        // Filtros base para la grilla
        $query->whereIn('type', ['bike', 'accessory', 'clothing', 'spare']);
        $query->where('stock_quantity', '>', 0); // Solo mostrar si tiene stock

        // Resultados paginados
-        $products = $query->paginate(12)->withQueryString(); // withQueryString mantiene la búsqueda al cambiar de página
+        $products = $query->paginate(12)->withQueryString(); 

-        // Devuelve la vista
-        return view('catalogo.index', compact('products'));
+        // --- 2. CONSULTA PARA EL BUSCADOR SELECT2 (TODOS) ---
+        // Traemos todos los productos válidos para llenar el desplegable de búsqueda rápida.
+        // Hacemos la misma validación de stock y tipo para no mostrar cosas agotadas.
+        $allProducts = Product::whereIn('type', ['bike', 'accessory', 'clothing', 'spare'])
+            ->where('stock_quantity', '>', 0)
+            ->orderBy('name') // Ordenados alfabéticamente
+            ->get();
+
+        // Devuelve la vista pasando ambas variables
+        return view('catalogo.index', compact('products', 'allProducts'));
    }

    public function show(Product $product) 
@@ -14,35 +14,32 @@ class ProductosController extends Controller
     */
    public function index(Request $request)
    {
-        // Recuperamos lo escrito en el buscador (si aplica)
        $query = $request->input('search');
        $status = $request->input('stock_status');

-        // Construimos la consulta
        $products = Product::query()
            ->when($query, function ($q) use ($query) {
-                // Filtra por nombre o SKU
-                return $q->where('name', 'like', "%{$query}%")
-                        ->orWhere('sku', 'like', "%{$query}%");
+                // CORREGIDO: Filtramos solo por description
+                return $q->where('name', 'like', "%{$query}%");
            })
            ->when($status, function ($q) use ($status) {
                if ($status === 'low') {
-                    // Rojo: Menor o igual a la alerta
-                    return $q->whereColumn('stock_quantity', '<', 'min_stock_alert');
+                    return $q->whereColumn('stock_quantity', '<', 'min_stock_alert')
+                             ->where('type', '!=', 'service');
                } 
                elseif ($status === 'medium') {
-                    // Amarillo: Mayor al min y menor o igual al min + 5
                    return $q->whereColumn('stock_quantity', '>=', 'min_stock_alert')
-                            ->whereRaw('stock_quantity <= (min_stock_alert + 5)');
+                             ->whereRaw('stock_quantity <= (min_stock_alert + 1)')
+                             ->where('type', '!=', 'service');
                } 
                elseif ($status === 'ok') {
-                    // Verde: Stock saludable
-                    return $q->whereRaw('stock_quantity > (min_stock_alert + 5)');
+                    return $q->whereRaw('stock_quantity > (min_stock_alert + 1)')
+                             ->where('type', '!=', 'service');
                }
            })
-            ->orderBy('stock_quantity', 'asc') // Ordenamos primero los que tienen poco stock (Alerta visual)
-            ->paginate(10) // Paginamos de a 10
-            ->withQueryString(); // Mantiene el filtro de búsqueda al cambiar de página
+            ->orderBy('stock_quantity', 'asc')
+            ->paginate(10)
+            ->withQueryString();

        return view('productos.index', compact('products'));
    }
@@ -62,30 +59,21 @@ class ProductosController extends Controller
    {
        // 1. Validamos los datos con las nuevas columnas
        $validated = $request->validate([
-            'name'            => 'required|string|max:255',
-            'sku'             => 'nullable|string|unique:products,sku|max:50', // SKU único
-            'description'     => 'nullable|string',
+            'name'     => 'required|string|max:255', // CORREGIDO: description en lugar de name
            'price'           => 'required|numeric|min:0',
-            'cost'            => 'nullable|numeric|min:0', // Costo opcional
+            'cost'            => 'nullable|numeric|min:0',
            'stock_quantity'  => 'required|integer|min:0',
            'min_stock_alert' => 'required|integer|min:0',
-            'type'            => 'required|in:bike,accessory,clothing,spare', // Solo permite estos valores
+            'type'            => 'required|in:bike,accessory,clothing,spare,service', // CORREGIDO: agregados nuevos tipos
            'serial_number'   => 'nullable|string|max:100',
            'image'           => 'nullable|image|mimes:jpeg,png,jpg,webp|max:2048', 
        ]);

-        // 2. Si no viene SKU, generamos uno automático (Opcional pero útil)
-        if (empty($validated['sku'])) {
-            $validated['sku'] = 'GEN-' . strtoupper(uniqid()); 
-        }
-
-        // 3. Validacion de imagenes
+        // 2. Validacion de imagenes
        if ($request->hasFile('image')) {
-            // Guarda el archivo en storage/app/public/products y devuelve la ruta
            $path = $request->file('image')->store('products', 'public');
            $validated['image_path'] = $path;
        }
-
        unset($validated['image']);

        // Para no romper la logica del supplier
@@ -94,7 +82,7 @@ class ProductosController extends Controller
        // 3. Creamos el producto
        Product::create($validated);

-        // 4. Redireccionamos con mensaje de éxito (Necesitas el componente Alert en el layout)
+        // 4. Redireccionamos
        return redirect()->route('productos.index')
            ->with('success', 'Producto creado correctamente.');
    }
@@ -121,34 +109,27 @@ class ProductosController extends Controller
    public function update(Request $request, Product $product)
    {
        $validated = $request->validate([
-            'name'            => 'required|string|max:255',
-            // Validamos que el SKU sea único PERO ignoramos el ID de este producto actual
-            'sku'             => ['nullable', 'string', Rule::unique('products')->ignore($product->id)],
-            'description'     => 'nullable|string',
+            'name'     => 'required|string|max:255', // CORREGIDO
+            'type'            => 'required|in:bike,accessory,clothing,spare,service', // CORREGIDO
            'price'           => 'required|numeric|min:0',
            'cost'            => 'nullable|numeric|min:0',
            'stock_quantity'  => 'required|integer|min:0',
            'min_stock_alert' => 'required|integer|min:0',
-            'type'            => 'required|in:bike,accessory,clothing,spare',
            'serial_number'   => 'nullable|string|max:100',
-
            'image'           => 'nullable|image|mimes:jpeg,png,jpg,webp|max:2048',
        ]);

        // 2. Manejo de imagen al actualizar
        if ($request->hasFile('image')) {
-            // Borrar la imagen anterior
            if ($product->image_path) {
                Storage::disk('public')->delete($product->image_path);
            }

-            // Guardar la nueva
            $path = $request->file('image')->store('products', 'public');
            $validated['image_path'] = $path;
        }
        unset($validated['image']);

-        // Para no romper la logica del supplier
        $validated['suppliers_id'] = 1;
        
        $product->update($validated);
@@ -162,6 +143,10 @@ class ProductosController extends Controller
     */
    public function destroy(Product $product)
    {
+        if ($product->image_path) {
+            Storage::disk('public')->delete($product->image_path);
+        }
+        
        $product->delete();
        return redirect()->route('productos.index')
            ->with('success', 'Producto eliminado.');
@@ -13,18 +13,18 @@ return new class extends Migration
    {
        Schema::create('products', function (Blueprint $table) {
            $table->id();
-            $table->enum('type', ['bike', 'accessory', 'clothing', 'service']); 
+            $table->enum('type', ['bike', 'accessory', 'clothing', 'spare']); // Tipo de producto
            //$table->string('name');
            //$table->string('sku')->unique()->nullable(); // Código de barras o interno
-            $table->text('description')->nullable();
+            $table->text('name')->nullable();

            $table->decimal('price', 10, 2); // Precio venta
            $table->decimal('cost', 10, 2)->nullable(); // Costo (solo admin)
            
-            $table->integer('stock_quantity')->default(0);
-            $table->integer('min_stock_alert'); // Alerta
+            $table->integer('stock_quantity')->default(100);
+            $table->integer('min_stock_alert')->default(5); // Alerta
+

-            $table->enum('type', ['bike', 'accessory', 'clothing', 'spare']); // Tipo de producto
            $table->string('serial_number')->nullable(); // Solo para bicis
            
            $table->foreignId('suppliers_id')->constrained()->default(1);
@@ -0,0 +1,85 @@
+<?php
+
+namespace Database\Seeders;
+
+use Illuminate\Database\Seeder;
+use App\Models\Product;
+use App\Models\Supplier; // <-- Importamos el modelo de proveedor
+
+class ProductosInicialesSeeder extends Seeder
+{
+    public function run()
+    {
+        // 1. Creamos el proveedor por defecto (ID 1) para que no falle la llave foránea
+        Supplier::firstOrCreate(
+            ['id' => 1],
+            [
+                'name' => 'Proveedor 1', 
+                'phone' => '123456789',
+                'email' => 'proveedor1@example.com'
+            ]
+        );
+
+        // 2. Tus datos convertidos a un array nativo de PHP
+        $productos = [
+            ['type' => 'clothing', 'name' => 'MALLAS CORTAS indubike', 'cost' => 3920, 'price' => 4900],
+            ['type' => 'clothing', 'name' => 'Malla corta ITOKU', 'cost' => 3920, 'price' => 4900],
+            ['type' => 'clothing', 'name' => 'MALLAS CON TIRADORES', 'cost' => 4640, 'price' => 5800],
+            ['type' => 'clothing', 'name' => 'MALLA SQUADRA', 'cost' => 4640, 'price' => 5800],
+            ['type' => 'clothing', 'name' => 'CALZA LARGA C/BADANA TERMICA', 'cost' => 3280, 'price' => 4100],
+            ['type' => 'clothing', 'name' => 'CALZA LARGA S/ BADANA', 'cost' => 3280, 'price' => 4100],
+            ['type' => 'clothing', 'name' => 'ABRIGO DE PIERNAS', 'cost' => 1504, 'price' => 1880],
+            ['type' => 'clothing', 'name' => 'CHALECO ITOKU', 'cost' => 1520, 'price' => 1900],
+            ['type' => 'clothing', 'name' => 'Camiseta argentina azul', 'cost' => 1680, 'price' => 2100],
+            ['type' => 'clothing', 'name' => 'Camiseta itoko', 'cost' => 1680, 'price' => 2100],
+            ['type' => 'clothing', 'name' => 'CAMISETA INDUBIKE', 'cost' => 1680, 'price' => 2100],
+            ['type' => 'clothing', 'name' => 'CAMISETA SIDI', 'cost' => 3120, 'price' => 3900],
+            ['type' => 'clothing', 'name' => 'CAMISETA LIMA', 'cost' => 3120, 'price' => 3900],
+            ['type' => 'clothing', 'name' => 'CAMPERA SIDI INDUBIQUE', 'cost' => 3040, 'price' => 3800],
+            ['type' => 'clothing', 'name' => 'CAMPERA SQUADRA', 'cost' => 3040, 'price' => 3800],
+            ['type' => 'clothing', 'name' => 'CAMPERAS  solbike', 'cost' => 3040, 'price' => 3800],
+            ['type' => 'clothing', 'name' => 'CAMPERA ITUKO', 'cost' => 3040, 'price' => 3800],
+            ['type' => 'clothing', 'name' => 'campera licra especial indubike', 'cost' => 3040, 'price' => 3800],
+            ['type' => 'clothing', 'name' => 'ROMPEBIENTO ITUKO', 'cost' => 1520, 'price' => 1900],
+            ['type' => 'clothing', 'name' => 'REMERA TERMICA NEGRA', 'cost' => 1520, 'price' => 1900],
+            ['type' => 'clothing', 'name' => 'GUANTES LICRA ECONOMICOS', 'cost' => 1520, 'price' => 1900],
+            ['type' => 'clothing', 'name' => 'GUANTES EXTREMO', 'cost' => 2240, 'price' => 2800],
+            ['type' => 'clothing', 'name' => 'GUANTES', 'cost' => 2240, 'price' => 2800],
+            ['type' => 'clothing', 'name' => 'GUANTES COACH', 'cost' => 2240, 'price' => 2800],
+            ['type' => 'clothing', 'name' => 'GUANTES DE NIÑO RECREO', 'cost' => 2240, 'price' => 2800],
+            ['type' => 'clothing', 'name' => 'GUANTES VAIRO', 'cost' => 2240, 'price' => 2800],
+            ['type' => 'clothing', 'name' => 'GUANTES CON DEDOS', 'cost' => 2640, 'price' => 3300],
+            ['type' => 'accessory', 'name' => 'BOLSA BAJO ASIENTO EXT CHICA', 'cost' => 2640, 'price' => 3300],
+            ['type' => 'accessory', 'name' => 'BOLSA BAJO ASIENTO GRANDE', 'cost' => 2640, 'price' => 3300],
+            ['type' => 'accessory', 'name' => 'BOLSA TRIANGULO', 'cost' => 2640, 'price' => 3300],
+            ['type' => 'accessory', 'name' => 'PORTA CELULAR', 'cost' => 2640, 'price' => 3300],
+            ['type' => 'clothing', 'name' => 'CASCO ECONOMICO 10V', 'cost' => 2640, 'price' => 3300],
+            ['type' => 'clothing', 'name' => 'CASCO 20 V', 'cost' => 2640, 'price' => 3300],
+            ['type' => 'clothing', 'name' => 'CASCO 22V D CARRERA', 'cost' => 2640, 'price' => 3300],
+            ['type' => 'clothing', 'name' => 'CASCO DE NIÑO', 'cost' => 2640, 'price' => 3300],
+            ['type' => 'clothing', 'name' => 'casco masz1', 'cost' => 2640, 'price' => 3300],
+            ['type' => 'clothing', 'name' => 'Cascos de niña con rodilleras rosa', 'cost' => 2640, 'price' => 3300],
+            ['type' => 'clothing', 'name' => 'CASCO BMK ASFALTOCCCC', 'cost' => 2640, 'price' => 3300],
+            ['type' => 'clothing', 'name' => 'Casco de BMX  roler/scate', 'cost' => 2640, 'price' => 3300],
+            ['type' => 'clothing', 'name' => 'Cascos de niño chico (3 años)', 'cost' => 2640, 'price' => 3300],
+            ['type' => 'accessory', 'name' => 'ALFORJA', 'cost' => 2640, 'price' => 3300],
+        ];
+
+        // 3. Insertamos usando updateOrCreate para no duplicar si lo corrés dos veces
+        foreach ($productos as $item) {
+            Product::updateOrCreate(
+                ['name' => $item['name']], // Busca por descripcion
+                [
+                    'type' => $item['type'],
+                    'cost' => $item['cost'],
+                    'price' => $item['price'],
+                    'stock_quantity' => 100, // Inicia con stock por defecto
+                    'min_stock_alert' => 5, // Alerta por defecto
+                    'suppliers_id' => 1,
+                ]
+            );
+        }
+
+        $this->command->info('¡Productos y proveedor insertados correctamente!');
+    }
+}
@@ -1,17 +1,66 @@
 <x-layout title="Catalogo - Lauck">

-    <!-- Header -->
+    @push('styles')
+        <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
+        <style>
+            /* Adaptación de Select2 para Dark Mode y tema Lime */
+            html.dark .select2-container--default .select2-selection--single {
+                background-color: #171717; /* bg-neutral-900 */
+                border: 1px solid #262626; /* border-neutral-800 */
+                height: 42px;
+                display: flex;
+                align-items: center;
+                border-radius: 0.5rem;
+            }
+            html.dark .select2-container--default .select2-selection--single .select2-selection__rendered {
+                color: #d4d4d4; /* text-gray-300 */
+            }
+            html.dark .select2-dropdown {
+                background-color: #171717;
+                border: 1px solid #262626;
+                color: #d4d4d4;
+            }
+            html.dark .select2-search__field {
+                background-color: #262626;
+                color: #fff;
+                border: 1px solid #404040;
+            }
+            html.dark .select2-container--default .select2-results__option--highlighted[aria-selected] {
+                background-color: #84cc16; /* bg-lime-500 */
+                color: #000;
+            }
+            html.dark .select2-results__option[aria-selected=true] {
+                background-color: #262626;
+            }
+        </style>
+    @endpush
+
    <x-section-header subtitle="Inicio" title="Catalogo de " highlight="Productos"/>

-    <div class="w-full max-w-5xl">
+    <div class="w-full max-w-5xl mx-auto px-4">
+
+        <div class="mb-8 bg-stone-200/30 dark:bg-neutral-950/30 p-5 rounded-xl border border-neutral-200 dark:border-neutral-800">
+            <label for="buscador-catalogo" class="block text-sm font-semibold text-gray-800 dark:text-gray-300 mb-2">
+                Búsqueda rápida por similitud
+            </label>
+            <select id="buscador-catalogo" class="w-full">
+                <option value="">Escribe para buscar un producto...</option>
+                @foreach ($allProducts as $p)
+                    <option value="{{ route('catalogo.show', $p->id) }}">
+                        {{ $p->description }} - ${{ number_format($p->price, 2, ',', '.') }}
+                    </option>
+                @endforeach
+            </select>
+        </div>

        @if ($products->count() > 0)
            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
                @foreach ($products as $product)
                    <div class="group p-4 border bg-stone-200/30 dark:bg-neutral-950/30 border-neutral-200 dark:border-neutral-800 rounded-xl hover:border-lime-500 hover:dark:border-neon-lime hover:-translate-y-1 transition-all duration-300">
+                        
                        {{-- Imagen si existe --}}
                        @if (!empty($product->image_path))
-                            <img src="{{ asset('storage/' . $product->image_path) }}" alt="{{ $product->name }}"
+                            <img src="{{ asset('storage/' . $product->image_path) }}" alt="{{ $product->description }}"
                                class="w-full h-40 object-cover rounded mb-4">
                        @else
                            <div class="w-full border border-neutral-200 dark:border-neutral-800 h-40 bg-stone-200 dark:bg-stone-900 flex items-center justify-center rounded mb-4">
@@ -19,23 +68,15 @@
                            </div>
                        @endif

-                        {{-- Nombre --}}
                        <h2 class="text-lg font-semibold text-black dark:text-white">{{ $product->name }}</h2>

-                        {{-- Descripción corta --}}
-                        <div class="h-10 overflow-y-auto [scrollbar-width:none]">
-                            @if (!empty($product->description))
-                                <p class="text-sm text-gray-700 dark:text-gray-400 mt-2">{{ $product->description }}</p>
-                            @endif
-                        </div>
-
                        {{-- Precio --}}
                        @if (!empty($product->price))
                            <p class="text-neutral-900 dark:text-white group-hover:text-lime-700 group-hover:dark:text-neon-lime font-bold mt-3 transition-colors">${{ number_format($product->price, 2, ',', '.') }}</p>
                        @endif

                        {{-- Botón --}}
-                        <a href="{{ route('catalogo.show', $product) }}"
+                        <a href="{{ route('catalogo.show', $product->id) }}"
                            class="mt-4 block w-full bg-neutral-900 dark:bg-neon-lime/80 uppercase text-neon-lime dark:text-black font-semibold py-2 rounded-lg text-center shadow-md shadow-gray-900/10 dark:shadow-neon-lime/10 hover:bg-neon-lime hover:dark:bg-neutral-900/70 border border-transparent hover:text-black hover:dark:text-neon-lime hover:border-black hover:dark:border-neon-lime transition-all">
                            Ver +
                        </a>
@@ -47,8 +88,35 @@
            <p class="text-center text-gray-400 dark:text-gray-600 mt-10">No hay productos disponibles.</p>
        @endif

-        <div class="mt-3">
+        <div class="mt-8">
            {{ $products->links() }}
        </div>
    </div>
+
+    @push('scripts')
+        <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
+        
+        <script>
+            $(document).ready(function() {
+                // 1. Inicializamos Select2
+                $('#buscador-catalogo').select2({
+                    placeholder: "🔍 Ej: Bici R12 o Guantes...",
+                    allowClear: true,
+                    width: '100%'
+                });
+
+                // 2. Evento: Cuando el usuario hace clic en una opción de la lista
+                $('#buscador-catalogo').on('select2:select', function (e) {
+                    let urlDestino = $(this).val();
+                    
+                    if (urlDestino) {
+                        // Redirigimos a la página del producto
+                        window.location.href = urlDestino;
+                    }
+                });
+            });
+        </script>
+    @endpush
+
 </x-layout>