php artisan migrate:fresh y php artisan importar:excel, les tengo que pasar el archivo csv
This commit is contained in:
gianella
@@ -0,0 +1,83 @@
|
||||
<?php
|
||||
|
||||
namespace App\Console\Commands;
|
||||
|
||||
use Illuminate\Console\Command;
|
||||
use App\Models\Product;
|
||||
use App\Models\Supplier;
|
||||
use Illuminate\Support\Facades\Storage;
|
||||
|
||||
class ImportarExcelLimpio extends Command
|
||||
{
|
||||
// Este es el comando que vas a escribir en la terminal
|
||||
protected $signature = 'importar:excel';
|
||||
protected $description = 'Importa el catálogo limpio desde el archivo CSV';
|
||||
|
||||
public function handle()
|
||||
{
|
||||
$this->info("Iniciando importación del Excel limpio...");
|
||||
|
||||
// 1. Asegurarnos de que existe el proveedor comodín (para evitar el error de la llave foránea)
|
||||
Supplier::firstOrCreate(
|
||||
['id' => 1],
|
||||
[
|
||||
'name' => 'Proveedor General Lauck',
|
||||
'phone' => '0000000000'
|
||||
]
|
||||
);
|
||||
|
||||
$rutaCompleta = storage_path('app/imports/catalogo_limpio.csv');
|
||||
|
||||
if (!file_exists($rutaCompleta)) {
|
||||
$this->error("No se encontró el archivo en: " . $rutaCompleta);
|
||||
return;
|
||||
}
|
||||
$file = fopen($rutaCompleta, 'r');
|
||||
|
||||
// Saltamos la primera fila (porque son los títulos: tipo, descripcion, costo, precio)
|
||||
fgetcsv($file);
|
||||
|
||||
$contador = 0;
|
||||
|
||||
while (($fila = fgetcsv($file, 1000, ',')) !== false) {
|
||||
|
||||
// Asignamos las columnas del Excel (0 a 3)
|
||||
$tipoRaw = strtolower(trim($fila[0] ?? ''));
|
||||
$descripcion = trim($fila[1] ?? '');
|
||||
$costoRaw = trim($fila[2] ?? '');
|
||||
$precioRaw = trim($fila[3] ?? '');
|
||||
|
||||
// Si la descripción está vacía, saltamos la fila
|
||||
if (empty($descripcion)) {
|
||||
continue;
|
||||
}
|
||||
|
||||
// --- Lógica de limpieza de Tipos ---
|
||||
// Si en el Excel dice "bicicleta", lo guardamos como "bike" para mantener el estándar.
|
||||
$tipoFinal = ($tipoRaw === 'bicicleta') ? 'bike' : $tipoRaw;
|
||||
|
||||
// --- Lógica de limpieza de Precios ("$ 7,200" -> 7200.0) ---
|
||||
// Borramos el signo peso, los espacios y las comas de los miles
|
||||
$costoLimpio = (float) str_replace(['$', ' ', ','], '', $costoRaw);
|
||||
$precioLimpio = (float) str_replace(['$', ' ', ','], '', $precioRaw);
|
||||
|
||||
// Guardamos en la base de datos
|
||||
Product::updateOrCreate(
|
||||
['name' => $descripcion], // Buscamos por descripción
|
||||
[
|
||||
'type' => $tipoFinal,
|
||||
'cost' => $costoLimpio,
|
||||
'price' => $precioLimpio,
|
||||
'stock_quantity' => 20, // Al ser lista de precios, entra con stock 0
|
||||
'min_stock_alert' => 5,
|
||||
'suppliers_id' => 1,
|
||||
]
|
||||
);
|
||||
|
||||
$contador++;
|
||||
}
|
||||
|
||||
fclose($file);
|
||||
$this->info("¡Éxito! Se importaron/actualizaron {$contador} productos.");
|
||||
}
|
||||
}
|
||||
@@ -8,39 +8,39 @@ use Illuminate\Http\Request;
|
||||
class CatalogoController extends Controller
|
||||
{
|
||||
/**
|
||||
* Muestra los registros de ventas con buscador y paginación.
|
||||
* Muestra el catálogo público de productos.
|
||||
*/
|
||||
public function index(Request $request)
|
||||
{
|
||||
// --- 1. CONSULTA PARA LA GRILLA (PAGINADA) ---
|
||||
$query = Product::query();
|
||||
// 1. Atrapamos lo que el usuario escribió o seleccionó
|
||||
$query = $request->input('search');
|
||||
$type = $request->input('type');
|
||||
|
||||
// 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');
|
||||
// --- CONSULTA PARA LA GRILLA (PAGINADA) ---
|
||||
$productsQuery = Product::query();
|
||||
|
||||
$query->where(function($q) use ($searchTerm) {
|
||||
$q->where('name', 'like', "%{$searchTerm}%")
|
||||
->orWhere('sku', 'like', "%{$searchTerm}%");
|
||||
});
|
||||
$productsQuery->when($query, function ($q) use ($query) {
|
||||
return $q->where('name', 'like', "%{$query}%");
|
||||
});
|
||||
|
||||
if ($type) {
|
||||
$productsQuery->where('type', $type);
|
||||
} else {
|
||||
$productsQuery->where('type', '!=', 'service');
|
||||
}
|
||||
|
||||
// Filtros base para la grilla
|
||||
$query->whereIn('type', ['bike', 'accessory', 'clothing', 'spare']);
|
||||
$query->where('stock_quantity', '>', 0); // Solo mostrar si tiene stock
|
||||
//mostrar si tiene stock mayor a 0
|
||||
$productsQuery->where('stock_quantity', '>', 0);
|
||||
|
||||
// Resultados paginados
|
||||
$products = $query->paginate(12)->withQueryString();
|
||||
$products = $productsQuery->orderBy('name', 'asc')->paginate(12)->withQueryString();
|
||||
|
||||
// --- 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'])
|
||||
$allProducts = Product::where('type', '!=', 'service')
|
||||
->where('stock_quantity', '>', 0)
|
||||
->orderBy('name') // Ordenados alfabéticamente
|
||||
->orderBy('name', 'asc')
|
||||
->get();
|
||||
|
||||
// Devuelve la vista pasando ambas variables
|
||||
// Devuelve la vista
|
||||
return view('catalogo.index', compact('products', 'allProducts'));
|
||||
}
|
||||
|
||||
|
||||
@@ -16,12 +16,15 @@ class ProductosController extends Controller
|
||||
{
|
||||
$query = $request->input('search');
|
||||
$status = $request->input('stock_status');
|
||||
$type = $request->input('type');
|
||||
|
||||
$products = Product::query()
|
||||
->when($query, function ($q) use ($query) {
|
||||
// CORREGIDO: Filtramos solo por description
|
||||
return $q->where('name', 'like', "%{$query}%");
|
||||
})
|
||||
->when($type, function ($q) use ($type) {
|
||||
return $q->where('type', $type);
|
||||
})
|
||||
->when($status, function ($q) use ($status) {
|
||||
if ($status === 'low') {
|
||||
return $q->whereColumn('stock_quantity', '<', 'min_stock_alert')
|
||||
@@ -29,17 +32,17 @@ class ProductosController extends Controller
|
||||
}
|
||||
elseif ($status === 'medium') {
|
||||
return $q->whereColumn('stock_quantity', '>=', 'min_stock_alert')
|
||||
->whereRaw('stock_quantity <= (min_stock_alert + 1)')
|
||||
->whereRaw('stock_quantity <= (min_stock_alert + 5)')
|
||||
->where('type', '!=', 'service');
|
||||
}
|
||||
elseif ($status === 'ok') {
|
||||
return $q->whereRaw('stock_quantity > (min_stock_alert + 1)')
|
||||
return $q->whereRaw('stock_quantity > (min_stock_alert + 5)')
|
||||
->where('type', '!=', 'service');
|
||||
}
|
||||
})
|
||||
->orderBy('stock_quantity', 'asc')
|
||||
->paginate(10)
|
||||
->withQueryString();
|
||||
->orderBy('stock_quantity', 'asc') // Ordena primero los que tienen poco stock
|
||||
->paginate(10) // Muestra de a 10 productos
|
||||
->withQueryString(); // Mantiene los filtros al pasar a la página 2, 3, etc.
|
||||
|
||||
return view('productos.index', compact('products'));
|
||||
}
|
||||
@@ -64,7 +67,7 @@ class ProductosController extends Controller
|
||||
'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,service', // CORREGIDO: agregados nuevos tipos
|
||||
'type' => 'required|in:bike,accessory,clothing,spare,service,children,skate,rollers,other',
|
||||
'serial_number' => 'nullable|string|max:100',
|
||||
'image' => 'nullable|image|mimes:jpeg,png,jpg,webp|max:2048',
|
||||
]);
|
||||
@@ -110,7 +113,7 @@ class ProductosController extends Controller
|
||||
{
|
||||
$validated = $request->validate([
|
||||
'name' => 'required|string|max:255', // CORREGIDO
|
||||
'type' => 'required|in:bike,accessory,clothing,spare,service', // CORREGIDO
|
||||
'type' => 'required|in:bike,accessory,clothing,spare,service,children,skate,rollers,other', // CORREGIDO
|
||||
'price' => 'required|numeric|min:0',
|
||||
'cost' => 'nullable|numeric|min:0',
|
||||
'stock_quantity' => 'required|integer|min:0',
|
||||
|
||||
@@ -35,9 +35,9 @@ class TallerController extends Controller
|
||||
{
|
||||
$clients = Client::orderBy('name')->get();
|
||||
|
||||
$products = Product::whereIn('type', ['accessory','spare'])
|
||||
$products = Product::whereIn('type', ['accessory','spare', 'service'])
|
||||
->where('stock_quantity', '>', 0)
|
||||
->get(['id', 'name', 'price', 'sku', 'stock_quantity']); // Solo campos necesarios
|
||||
->get(['id', 'name', 'price', 'stock_quantity']); // Solo campos necesarios
|
||||
|
||||
return view('taller.create', compact('clients', 'products'));
|
||||
}
|
||||
|
||||
@@ -6,7 +6,7 @@ use Illuminate\Database\Eloquent\Model;
|
||||
|
||||
class Supplier extends Model
|
||||
{
|
||||
protected $fillable = [ 'name', 'phone', 'email' ];
|
||||
protected $fillable = [ 'name', 'phone'];
|
||||
|
||||
public function products()
|
||||
{
|
||||
|
||||
@@ -15,7 +15,7 @@ return new class extends Migration
|
||||
$table->id();
|
||||
$table->string('name');
|
||||
$table->string('phone');
|
||||
$table->string('email');
|
||||
$table->string('email')->nullable();
|
||||
$table->timestamps();
|
||||
});
|
||||
}
|
||||
|
||||
@@ -13,7 +13,7 @@ return new class extends Migration
|
||||
{
|
||||
Schema::create('products', function (Blueprint $table) {
|
||||
$table->id();
|
||||
$table->enum('type', ['bike', 'accessory', 'clothing', 'spare']); // Tipo de producto
|
||||
$table->enum('type', ['bike', 'accessory', 'clothing', 'spare', 'children', 'skate', 'rollers','other']); // Tipo de producto
|
||||
//$table->string('name');
|
||||
//$table->string('sku')->unique()->nullable(); // Código de barras o interno
|
||||
$table->text('name')->nullable();
|
||||
|
||||
@@ -35,24 +35,64 @@
|
||||
</style>
|
||||
@endpush
|
||||
|
||||
<x-section-header subtitle="Inicio" title="Catalogo de " highlight="Productos"/>
|
||||
<x-section-header subtitle="Inicio" title="Catálogo de " highlight="Productos"/>
|
||||
|
||||
<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">
|
||||
<!-- BLOQUE 1: Búsqueda rápida con Select2 (Te lleva directo al producto) -->
|
||||
<div class="mb-4 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
|
||||
Salto rápido a producto específico
|
||||
</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, ',', '.') }}
|
||||
{{ $p->name }} - ${{ number_format($p->price, 2, ',', '.') }}
|
||||
</option>
|
||||
@endforeach
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<!-- BLOQUE 2: Filtros de la Grilla -->
|
||||
<form action="{{ route('catalogo.index') }}" method="GET" class="mb-8 flex flex-col md:flex-row gap-3 bg-stone-200/30 dark:bg-neutral-950/30 p-4 rounded-xl border border-neutral-200 dark:border-neutral-800">
|
||||
|
||||
<div class="relative w-full md:w-1/2">
|
||||
<input type="text" name="search" value="{{ request('search') }}"
|
||||
class="block w-full p-3 text-sm text-black dark:text-white border border-neutral-400 dark:border-neutral-700 rounded-lg bg-white dark:bg-neutral-900 placeholder-gray-600 dark:placeholder-gray-500 focus:ring-neon-lime focus:border-neon-lime"
|
||||
placeholder="Buscar en el catálogo...">
|
||||
</div>
|
||||
|
||||
<div class="w-full md:w-1/3">
|
||||
<select name="type" onchange="this.form.submit()"
|
||||
class="block w-full p-3 text-sm text-black dark:text-white border border-neutral-400 dark:border-neutral-700 rounded-lg bg-white dark:bg-neutral-900 focus:ring-neon-lime focus:border-neon-lime cursor-pointer">
|
||||
<option value="">Todas las Categorías</option>
|
||||
<option value="bike" {{ request('type') == 'bike' ? 'selected' : '' }}>Bicicletas</option>
|
||||
<option value="clothing" {{ request('type') == 'clothing' ? 'selected' : '' }}>Indumentaria</option>
|
||||
<option value="accessory" {{ request('type') == 'accessory' ? 'selected' : '' }}>Accesorios</option>
|
||||
<option value="spare" {{ request('type') == 'spare' ? 'selected' : '' }}>Repuestos</option>
|
||||
<option value="children" {{ request('type') == 'children' ? 'selected' : '' }}>Infantil</option>
|
||||
<option value="rollers" {{ request('type') == 'rollers' ? 'selected' : '' }}>Rollers</option>
|
||||
<option value="skate" {{ request('type') == 'skate' ? 'selected' : '' }}>Skate</option>
|
||||
<option value="other" {{ request('type') == 'other' ? 'selected' : '' }}>Otros</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="flex gap-2">
|
||||
<button type="submit" class="px-5 py-3 text-sm font-bold text-neutral-900 bg-neon-lime rounded-lg hover:bg-[#b3e600] transition-colors">
|
||||
Filtrar
|
||||
</button>
|
||||
@if(request('search') || request('type'))
|
||||
<a href="{{ route('catalogo.index') }}" title="Limpiar Filtros" class="flex items-center justify-center p-3 text-sm font-bold text-red-600 bg-red-100 dark:bg-red-900/30 rounded-lg hover:bg-red-200 transition-colors">
|
||||
<svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
|
||||
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18 17.94 6M18 18 6.06 6"/>
|
||||
</svg>
|
||||
</a>
|
||||
@endif
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<!-- GRILLA DE PRODUCTOS -->
|
||||
@if ($products->count() > 0)
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||
@foreach ($products as $product)
|
||||
@@ -60,7 +100,7 @@
|
||||
|
||||
{{-- Imagen si existe --}}
|
||||
@if (!empty($product->image_path))
|
||||
<img src="{{ asset('storage/' . $product->image_path) }}" alt="{{ $product->description }}"
|
||||
<img src="{{ asset('storage/' . $product->image_path) }}" alt="{{ $product->name }}"
|
||||
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">
|
||||
@@ -78,14 +118,14 @@
|
||||
{{-- Botón --}}
|
||||
<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 +
|
||||
Ver Detalle
|
||||
</a>
|
||||
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
@else
|
||||
<p class="text-center text-gray-400 dark:text-gray-600 mt-10">No hay productos disponibles.</p>
|
||||
<p class="text-center text-gray-600 dark:text-gray-400 mt-10 font-medium">No se encontraron productos con esos filtros.</p>
|
||||
@endif
|
||||
|
||||
<div class="mt-8">
|
||||
@@ -106,12 +146,12 @@
|
||||
width: '100%'
|
||||
});
|
||||
|
||||
// 2. Evento: Cuando el usuario hace clic en una opción de la lista
|
||||
// 2. Evento: Cuando el usuario hace clic en una opción de la lista Select2
|
||||
$('#buscador-catalogo').on('select2:select', function (e) {
|
||||
let urlDestino = $(this).val();
|
||||
|
||||
if (urlDestino) {
|
||||
// Redirigimos a la página del producto
|
||||
// Redirigimos a la página del detalle del producto
|
||||
window.location.href = urlDestino;
|
||||
}
|
||||
});
|
||||
|
||||
@@ -5,44 +5,77 @@
|
||||
<!-- Mensajes de feedback -->
|
||||
<x-ui.alert />
|
||||
|
||||
<!-- Barra de Herramientas (Buscador + Botón Crear) -->
|
||||
<div class="w-full flex flex-col md:flex-row justify-between items-center gap-4 mb-6">
|
||||
<!-- Buscador -->
|
||||
<form action="{{ route('productos.index') }}" method="GET" class="w-full lg:w-2/3 flex flex-col sm:flex-row gap-3">
|
||||
<div class="relative w-full sm:w-2/3">
|
||||
<!-- Barra de Herramientas (Buscador + Botones) -->
|
||||
<div class="w-full flex flex-col xl:flex-row justify-between items-start xl:items-center gap-4 mb-6">
|
||||
|
||||
<!-- Buscador y Filtros -->
|
||||
<form action="{{ route('productos.index') }}" method="GET" class="w-full xl:w-4/5 flex flex-col md:flex-row gap-3">
|
||||
|
||||
<!-- 1. Buscador por Texto -->
|
||||
<div class="relative w-full md:w-2/5">
|
||||
<div class="absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none">
|
||||
<svg class="w-4 h-4 text-gray-600 dark:text-gray-500" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20">
|
||||
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z"/>
|
||||
</svg>
|
||||
</div>
|
||||
<input type="text" name="search" value="{{ request('search') }}"
|
||||
class="block w-full p-3 ps-10 text-sm text-black dark:text-white border border-neutral-400 dark:border-neutral-700 rounded-lg bg-neutral-200 dark:bg-neutral-800 placeholder-gray-600 dark:placeholder-gray-500"
|
||||
placeholder="Buscar por nombre, SKU o marca...">
|
||||
class="block w-full p-3 ps-10 text-sm text-black dark:text-white border border-neutral-400 dark:border-neutral-700 rounded-lg bg-neutral-200 dark:bg-neutral-800 placeholder-gray-600 dark:placeholder-gray-500 focus:ring-neon-lime focus:border-neon-lime"
|
||||
placeholder="Buscar por nombre">
|
||||
</div>
|
||||
<!-- Filtro de Estado de Stock -->
|
||||
<div class="w-full sm:w-1/3">
|
||||
<select name="stock_status" onchange="this.form.submit()"
|
||||
|
||||
<!-- 2. Filtro de Categoría (Tipo) -->
|
||||
<div class="w-full md:w-1/4">
|
||||
<select name="type" onchange="this.form.submit()"
|
||||
class="block w-full p-3 text-sm text-black dark:text-white border border-neutral-300 dark:border-neutral-700 rounded-lg bg-neutral-200 dark:bg-neutral-800 focus:ring-neon-lime focus:border-neon-lime cursor-pointer">
|
||||
<option value="">Todos</option>
|
||||
<option value="low" {{ request('stock_status') == 'low' ? 'selected' : '' }} class="text-red-600 dark:text-red-300">Stock en Alerta</option>
|
||||
<option value="medium" {{ request('stock_status') == 'medium' ? 'selected' : '' }} class="text-yellow-600 dark:text-yellow-300">Stock Bajo</option>
|
||||
<option value="ok" {{ request('stock_status') == 'ok' ? 'selected' : '' }} class="text-green-600 dark:text-green-300">Stock Normal</option>
|
||||
<option value="">Todas las Categorías</option>
|
||||
<option value="bike" {{ request('type') == 'bike' ? 'selected' : '' }}>Bicicletas</option>
|
||||
<option value="clothing" {{ request('type') == 'clothing' ? 'selected' : '' }}>Indumentaria</option>
|
||||
<option value="accessory" {{ request('type') == 'accessory' ? 'selected' : '' }}>Accesorios</option>
|
||||
<option value="spare" {{ request('type') == 'spare' ? 'selected' : '' }}>Repuestos</option>
|
||||
<option value="children" {{ request('type') == 'children' ? 'selected' : '' }}>Infantil</option>
|
||||
<option value="rollers" {{ request('type') == 'rollers' ? 'selected' : '' }}>Rollers</option>
|
||||
<option value="skate" {{ request('type') == 'skate' ? 'selected' : '' }}>Skate</option>
|
||||
<option value="other" {{ request('type') == 'other' ? 'selected' : '' }}>Otros</option>
|
||||
<option value="service" {{ request('type') == 'service' ? 'selected' : '' }}>Servicios</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<!-- 3. Filtro de Estado de Stock -->
|
||||
<div class="w-full md:w-1/4">
|
||||
<select name="stock_status" onchange="this.form.submit()"
|
||||
class="block w-full p-3 text-sm text-black dark:text-white border border-neutral-300 dark:border-neutral-700 rounded-lg bg-neutral-200 dark:bg-neutral-800 focus:ring-neon-lime focus:border-neon-lime cursor-pointer">
|
||||
<option value="">Cualquier Stock</option>
|
||||
<option value="low" {{ request('stock_status') == 'low' ? 'selected' : '' }} class="text-red-600 dark:text-red-300 font-semibold">Stock en Alerta</option>
|
||||
<option value="medium" {{ request('stock_status') == 'medium' ? 'selected' : '' }} class="text-yellow-600 dark:text-yellow-300 font-semibold">Stock Bajo</option>
|
||||
<option value="ok" {{ request('stock_status') == 'ok' ? 'selected' : '' }} class="text-green-600 dark:text-green-300 font-semibold">Stock Normal</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<!-- Botón Limpiar Filtros -->
|
||||
@if(request('search') || request('type') || request('stock_status'))
|
||||
<div class="w-full md:w-auto flex">
|
||||
<a href="{{ route('productos.index') }}" title="Limpiar Filtros"
|
||||
class="flex items-center justify-center p-3 text-sm font-bold text-red-600 dark:text-red-400 bg-red-100 dark:bg-red-900/30 rounded-lg hover:bg-red-200 dark:hover:bg-red-900/50 border border-red-200 dark:border-red-800 transition-colors">
|
||||
<svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
|
||||
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18 17.94 6M18 18 6.06 6"/>
|
||||
</svg>
|
||||
</a>
|
||||
</div>
|
||||
@endif
|
||||
</form>
|
||||
|
||||
<!-- Botón Nuevo -->
|
||||
<a href="{{ route('productos.create') }}" class="w-full md:w-auto text-center px-5 py-3 text-sm font-bold text-neon-lime dark:text-neutral-900 bg-neutral-950 dark:bg-neon-lime rounded-lg hover:bg-neutral-900/80 hover:dark:bg-[#b3e600] transition-colors uppercase tracking-wide">
|
||||
<a href="{{ route('productos.create') }}" class="w-full xl:w-auto text-center px-5 py-3 text-sm font-bold text-neon-lime dark:text-neutral-900 bg-neutral-950 dark:bg-neon-lime rounded-lg hover:bg-neutral-900/80 hover:dark:bg-[#b3e600] transition-colors uppercase tracking-wide">
|
||||
+ Nuevo Producto
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<!-- Tabla de Productos -->
|
||||
<div class="relative overflow-x-auto shadow-md sm:rounded-lg border border-gray-400 dark:border-neutral-800 w-full">
|
||||
<table class="w-full text-sm text-left rtl:text-right text-neutral-900 dark:text-white">
|
||||
<thead class="text-xs text-neutral-800 dark:text-gray-300 uppercase bg-gray-400 dark:bg-neutral-800 border-b border-gray-300 dark:border-neutral-700">
|
||||
<tr>
|
||||
<th scope="col" class="px-6 py-3">Producto / SKU</th>
|
||||
<th scope="col" class="px-6 py-3">Producto</th>
|
||||
<th scope="col" class="px-6 py-3">Tipo</th>
|
||||
<th scope="col" class="px-6 py-3">Precio</th>
|
||||
<th scope="col" class="px-6 py-3 text-center">Stock</th>
|
||||
@@ -54,13 +87,16 @@
|
||||
<tr class="bg-gray-200/50 dark:bg-neutral-900/50 border-b border-gray-400 dark:border-neutral-800 hover:bg-gray-400 hover:dark:bg-neutral-800 transition-colors group">
|
||||
<td class="px-6 py-4 font-medium whitespace-nowrap">
|
||||
<div class="text-base font-bold">{{ $product->name }}</div>
|
||||
<div class="text-xs text-gray-600 dark:text-gray-400 font-mono">{{ $product->sku }}</div>
|
||||
<div class="text-xs text-gray-600 dark:text-gray-400 font-mono">{{ $product->sku ?? 'Sin SKU' }}</div>
|
||||
</td>
|
||||
<td class="px-6 py-4">
|
||||
@if($product->type === 'bike') <x-ui.badge color="neon">Bicicleta</x-ui.badge>
|
||||
@elseif($product->type === 'clothing') <x-ui.badge color="blue">Indumentaria</x-ui.badge>
|
||||
@elseif($product->type === 'spare') <x-ui.badge color="gray">Repuesto</x-ui.badge>
|
||||
@else <x-ui.badge color="yellow">Accesorio</x-ui.badge> @endif
|
||||
@elseif($product->type === 'children') <x-ui.badge color="pink">Infantil</x-ui.badge>
|
||||
@elseif($product->type === 'rollers') <x-ui.badge color="purple">Rollers</x-ui.badge>
|
||||
@elseif($product->type === 'skate') <x-ui.badge color="orange">Skate</x-ui.badge>
|
||||
@else <x-ui.badge color="yellow">Accesorio / Otro</x-ui.badge> @endif
|
||||
</td>
|
||||
<td class="px-6 py-4 font-mono">
|
||||
${{ number_format($product->price, 2) }}
|
||||
@@ -107,6 +143,7 @@
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<!-- Paginación -->
|
||||
<div class="mt-4 w-full">
|
||||
{{ $products->links() }}
|
||||
|
||||
Reference in New Issue
Block a user