NUEVO:

- Empezada nueva vista y modelo gastos.

app/Http/Controllers/ExpenseController.php

@@ -0,0 +1,96 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Http\Request;
+use App\Models\Expense;
+use App\Models\Supplier;
+
+class ExpenseController extends Controller
+{
+    public function index(Request $request)
+    {
+        $query = $request->input('search');
+        $category = $request->input('category');
+
+        $expenses = Expense::with('supplier')
+            ->when($query, function ($q) use ($query) {
+                return $q->where('description', 'like', "%{$query}%")
+                         ->orWhereHas('supplier', function($sq) use ($query) {
+                             $sq->where('name', 'like', "%{$query}%");
+                         });
+            })
+            ->when($category, function ($q) use ($category) {
+                return $q->where('expense_category', $category);
+            })
+            ->orderBy('expense_date', 'desc')
+            ->orderBy('id', 'desc')
+            ->paginate(10)
+            ->withQueryString();
+
+        return view('expenses.index', compact('expenses'));
+    }
+
+    public function create()
+    {
+        $suppliers = Supplier::orderBy('name')->get();
+        return view('expenses.create', compact('suppliers'));
+    }
+
+    public function store(Request $request)
+    {
+        $validated = $request->validate([
+            'supplier_id' => 'nullable|exists:suppliers,id',
+            'description' => 'required|string|max:255',
+            'expense_category' => 'required|in:Mercadería,Servicios,Impuestos,Logística,Otros',
+            'type' => 'required|in:Compra,Pedido,Factura',
+            'status' => 'required|in:Pendiente,Pagado,Cancelado',
+            'total_amount' => 'required|numeric|min:0',
+            'document_number' => 'nullable|string|max:255',
+            'expense_date' => 'nullable|date',
+        ]);
+
+        if(empty($validated['expense_date'])) {
+            $validated['expense_date'] = now()->toDateString();
+        }
+
+        Expense::create($validated);
+
+        return redirect()->route('expenses.index')->with('success', 'Gasto registrado correctamente.');
+    }
+
+    public function show(Expense $expense)
+    {
+        return view('expenses.show', compact('expense'));
+    }
+
+    public function edit(Expense $expense)
+    {
+        $suppliers = Supplier::orderBy('name')->get();
+        return view('expenses.edit', compact('expense', 'suppliers'));
+    }
+
+    public function update(Request $request, Expense $expense)
+    {
+        $validated = $request->validate([
+            'supplier_id' => 'nullable|exists:suppliers,id',
+            'description' => 'required|string|max:255',
+            'expense_category' => 'required|in:Mercadería,Servicios,Impuestos,Logística,Otros',
+            'type' => 'required|in:Compra,Pedido,Factura',
+            'status' => 'required|in:Pendiente,Pagado,Cancelado',
+            'total_amount' => 'required|numeric|min:0',
+            'document_number' => 'nullable|string|max:255',
+            'expense_date' => 'nullable|date',
+        ]);
+
+        $expense->update($validated);
+
+        return redirect()->route('expenses.index')->with('success', 'Gasto actualizado correctamente.');
+    }
+
+    public function destroy(Expense $expense)
+    {
+        $expense->delete();
+        return redirect()->route('expenses.index')->with('success', 'Gasto eliminado correctamente.');
+    }
+}

app/Http/Controllers/SupplierController.php

@@ -98,4 +98,35 @@ class SupplierController extends Controller
         
         return view('suppliers.order', compact('supplier', 'products'));
     }
+
+    /**
+     * guarda el pedido como un gasto
+     */
+    public function storeOrder(Request $request, Supplier $supplier)
+    {
+        $validated = $request->validate([
+            'products' => 'required|array',
+            'products.*.name' => 'required|string',
+            'products.*.qty' => 'required|integer|min:1',
+        ]);
+
+        $description = 'Pedido a proveedor. Productos: ';
+        $items = [];
+        foreach ($validated['products'] as $prod) {
+            $items[] = $prod['qty'] . 'x ' . $prod['name'];
+        }
+        $description .= implode(', ', $items);
+
+        $expense = \App\Models\Expense::create([
+            'supplier_id' => $supplier->id,
+            'description' => \Illuminate\Support\Str::limit($description, 250),
+            'expense_category' => 'Mercadería',
+            'type' => 'Pedido',
+            'status' => 'Pendiente',
+            'total_amount' => 0, 
+            'expense_date' => now()->toDateString(),
+        ]);
+
+        return response()->json(['success' => true, 'expense_id' => $expense->id]);
+    }
 }

app/Models/Expense.php

@@ -0,0 +1,33 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\SoftDeletes;
+
+class Expense extends Model
+{
+    use HasFactory, SoftDeletes;
+
+    protected $fillable = [
+        'supplier_id',
+        'description',
+        'expense_category',
+        'type',
+        'status',
+        'total_amount',
+        'document_number',
+        'expense_date',
+    ];
+
+    protected $casts = [
+        'expense_date' => 'date',
+        'total_amount' => 'decimal:2',
+    ];
+
+    public function supplier()
+    {
+        return $this->belongsTo(Supplier::class);
+    }
+}

app/Models/Supplier.php

@@ -17,4 +17,9 @@ class Supplier extends Model
     {
         return $this->hasMany(Product::class, 'suppliers_id');
     }
+
+    public function expenses()
+    {
+        return $this->hasMany(Expense::class);
+    }
 }

database/migrations/2026_05_28_120249_create_expenses_table.php

@@ -0,0 +1,36 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up(): void
+    {
+        Schema::create('expenses', function (Blueprint $table) {
+            $table->id();
+            $table->foreignId('supplier_id')->nullable()->constrained('suppliers')->nullOnDelete();
+            $table->string('description');
+            $table->enum('expense_category', ['Mercadería', 'Servicios', 'Impuestos', 'Logística', 'Otros'])->default('Otros');
+            $table->enum('type', ['Compra', 'Pedido', 'Factura'])->default('Compra');
+            $table->enum('status', ['Pendiente', 'Pagado', 'Cancelado'])->default('Pendiente');
+            $table->decimal('total_amount', 10, 2)->default(0);
+            $table->string('document_number')->nullable();
+            $table->date('expense_date')->nullable();
+            $table->timestamps();
+            $table->softDeletes();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down(): void
+    {
+        Schema::dropIfExists('expenses');
+    }
+};

database/seeders/FakeDataSeeder.php

@@ -0,0 +1,90 @@
+<?php
+
+namespace Database\Seeders;
+
+use Illuminate\Database\Seeder;
+use App\Models\Sale;
+use App\Models\SaleDetail;
+use App\Models\Expense;
+use App\Models\Product;
+use App\Models\Client;
+use App\Models\Supplier;
+
+class FakeDataSeeder extends Seeder
+{
+    /**
+     * Run the database seeds.
+     */
+    public function run(): void
+    {
+        // Ensure there are some products, clients, and suppliers
+        $client = Client::first() ?? Client::create(['name' => 'Cliente Falso', 'phone' => '123456', 'email' => 'cliente@fake.com']);
+        $product = Product::first() ?? Product::create([
+            'name' => 'Bicicleta de Prueba', 
+            'description' => 'Prueba', 
+            'sale_price' => 50000, 
+            'stock_quantity' => 10,
+            'type' => 'bike'
+        ]);
+        $supplier = Supplier::first() ?? Supplier::create(['name' => 'Proveedor Falso', 'phone' => '123456', 'email' => 'prov@fake.com']);
+
+        // 1. Create 10 Sales
+        $paymentMethods = ['Efectivo', 'Tarjeta de Débito', 'Tarjeta de Crédito', 'Transferencia'];
+        for ($i = 1; $i <= 10; $i++) {
+            $sale = Sale::create([
+                'client_id' => $client->id,
+                'total' => 50000,
+                'payment_method' => $paymentMethods[array_rand($paymentMethods)],
+                'created_at' => now()->subDays(rand(1, 30)),
+            ]);
+
+            SaleDetail::create([
+                'sale_id' => $sale->id,
+                'product_id' => $product->id,
+                'quantity' => 1,
+                'price' => 50000,
+            ]);
+        }
+
+        // 2. Create 10 Expenses (Servicios/Impuestos)
+        $expenseCategories = ['Servicios', 'Impuestos', 'Otros'];
+        $services = ['Factura de Luz - Edesur', 'Internet - Fibertel', 'Agua - AySA', 'Gas - Metrogas', 'Alquiler Local', 'Impuesto Municipal', 'Monotributo', 'Papelería', 'Limpieza', 'Café y Mate'];
+        for ($i = 0; $i < 10; $i++) {
+            Expense::create([
+                'description' => $services[$i],
+                'expense_category' => $expenseCategories[array_rand($expenseCategories)],
+                'type' => 'Factura',
+                'status' => 'Pagado',
+                'total_amount' => rand(1500, 25000),
+                'expense_date' => now()->subDays(rand(1, 30)),
+            ]);
+        }
+
+        // 3. Create 10 Orders (Pedidos a Proveedores)
+        for ($i = 1; $i <= 10; $i++) {
+            Expense::create([
+                'supplier_id' => $supplier->id,
+                'description' => 'Pedido de repuestos varios #' . $i,
+                'expense_category' => 'Mercadería',
+                'type' => 'Pedido',
+                'status' => 'Pendiente',
+                'total_amount' => 0, // Orders might not have amounts until they arrive
+                'expense_date' => now()->subDays(rand(1, 10)),
+            ]);
+        }
+
+        // 4. Create 10 Bills (Facturas de Proveedores)
+        for ($i = 1; $i <= 10; $i++) {
+            Expense::create([
+                'supplier_id' => $supplier->id,
+                'description' => 'Compra de bicicletas y cascos',
+                'expense_category' => 'Mercadería',
+                'type' => 'Compra',
+                'status' => 'Pagado',
+                'total_amount' => rand(100000, 500000),
+                'document_number' => 'FAC-0001-0000' . rand(1000, 9999),
+                'expense_date' => now()->subDays(rand(1, 30)),
+            ]);
+        }
+    }
+}

resources/views/dashboard.blade.php

@@ -45,7 +45,7 @@
         </x-ui.card>
 
         <!-- Tarjeta Compras -->
-        <x-ui.card href="#" title="Gastos" description="Registro de compras y pedidos a proovedores." linkText="Ver Gastos">
+        <x-ui.card href="{{ route('expenses.index') }}" title="Gastos" description="Registro de compras y pedidos a proovedores." linkText="Ver Gastos">
             <svg class="w-12 h-12 text-lime-500 dark:text-neon-lime" fill="none" viewBox="0 0 24 24">
                 <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15 4h3a1 1 0 0 1 1 1v15a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h3m0 3h6m-3 5h3m-6 0h.01M12 16h3m-6 0h.01M10 3v4h4V3h-4Z"/>
             </svg>

resources/views/expenses/create.blade.php

@@ -0,0 +1,86 @@
+<x-layout title="Lauck - Nuevo Gasto">
+    <x-section-header subtitle="Gastos" title="Registrar " highlight="Gasto" />
+
+    <div class="w-full max-w-3xl mx-auto bg-gray-200 dark:bg-panel-bg border border-neutral-400 dark:border-neutral-800 rounded-xl p-8 shadow-lg relative">
+        <form action="{{ route('expenses.store') }}" method="POST">
+            @csrf
+            
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6">
+                
+                <div>
+                    <label class="block mb-2 text-sm font-bold text-gray-900 dark:text-white">Descripción <span class="text-red-500">*</span></label>
+                    <input type="text" name="description" value="{{ old('description') }}" required class="bg-gray-50 border border-gray-400 text-gray-900 text-sm rounded-lg focus:ring-neon-lime focus:border-neon-lime block w-full p-2.5 dark:bg-neutral-900 dark:border-neutral-700 dark:placeholder-gray-400 dark:text-white" placeholder="Ej. Pago de luz, Compra de mercadería...">
+                    @error('description') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
+                </div>
+
+                <div>
+                    <label class="block mb-2 text-sm font-bold text-gray-900 dark:text-white">Categoría <span class="text-red-500">*</span></label>
+                    <select name="expense_category" required class="bg-gray-50 border border-gray-400 text-gray-900 text-sm rounded-lg focus:ring-neon-lime focus:border-neon-lime block w-full p-2.5 dark:bg-neutral-900 dark:border-neutral-700 dark:text-white">
+                        <option value="Mercadería" {{ old('expense_category') == 'Mercadería' ? 'selected' : '' }}>Mercadería</option>
+                        <option value="Servicios" {{ old('expense_category') == 'Servicios' ? 'selected' : '' }}>Servicios (Luz, Internet, etc)</option>
+                        <option value="Impuestos" {{ old('expense_category') == 'Impuestos' ? 'selected' : '' }}>Impuestos</option>
+                        <option value="Logística" {{ old('expense_category') == 'Logística' ? 'selected' : '' }}>Logística (Envíos)</option>
+                        <option value="Otros" {{ old('expense_category', 'Otros') == 'Otros' ? 'selected' : '' }}>Otros</option>
+                    </select>
+                    @error('expense_category') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
+                </div>
+
+                <div>
+                    <label class="block mb-2 text-sm font-bold text-gray-900 dark:text-white">Proveedor (Opcional)</label>
+                    <select name="supplier_id" class="bg-gray-50 border border-gray-400 text-gray-900 text-sm rounded-lg focus:ring-neon-lime focus:border-neon-lime block w-full p-2.5 dark:bg-neutral-900 dark:border-neutral-700 dark:text-white">
+                        <option value="">-- Sin Proveedor --</option>
+                        @foreach($suppliers as $supplier)
+                            <option value="{{ $supplier->id }}" {{ old('supplier_id') == $supplier->id ? 'selected' : '' }}>
+                                {{ $supplier->name }}
+                            </option>
+                        @endforeach
+                    </select>
+                    @error('supplier_id') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
+                </div>
+
+                <div>
+                    <label class="block mb-2 text-sm font-bold text-gray-900 dark:text-white">Monto Total ($) <span class="text-red-500">*</span></label>
+                    <input type="number" step="0.01" name="total_amount" value="{{ old('total_amount', '0.00') }}" required class="bg-gray-50 border border-gray-400 text-gray-900 text-sm rounded-lg focus:ring-neon-lime focus:border-neon-lime block w-full p-2.5 dark:bg-neutral-900 dark:border-neutral-700 dark:text-white">
+                    @error('total_amount') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
+                </div>
+
+                <div>
+                    <label class="block mb-2 text-sm font-bold text-gray-900 dark:text-white">Tipo de Gasto <span class="text-red-500">*</span></label>
+                    <select name="type" required class="bg-gray-50 border border-gray-400 text-gray-900 text-sm rounded-lg focus:ring-neon-lime focus:border-neon-lime block w-full p-2.5 dark:bg-neutral-900 dark:border-neutral-700 dark:text-white">
+                        <option value="Compra" {{ old('type') == 'Compra' ? 'selected' : '' }}>Compra</option>
+                        <option value="Factura" {{ old('type') == 'Factura' ? 'selected' : '' }}>Factura</option>
+                        <option value="Pedido" {{ old('type') == 'Pedido' ? 'selected' : '' }}>Pedido</option>
+                    </select>
+                    @error('type') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
+                </div>
+
+                <div>
+                    <label class="block mb-2 text-sm font-bold text-gray-900 dark:text-white">Estado de Pago <span class="text-red-500">*</span></label>
+                    <select name="status" required class="bg-gray-50 border border-gray-400 text-gray-900 text-sm rounded-lg focus:ring-neon-lime focus:border-neon-lime block w-full p-2.5 dark:bg-neutral-900 dark:border-neutral-700 dark:text-white">
+                        <option value="Pendiente" {{ old('status') == 'Pendiente' ? 'selected' : '' }}>Pendiente</option>
+                        <option value="Pagado" {{ old('status') == 'Pagado' ? 'selected' : '' }}>Pagado</option>
+                        <option value="Cancelado" {{ old('status') == 'Cancelado' ? 'selected' : '' }}>Cancelado</option>
+                    </select>
+                    @error('status') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
+                </div>
+
+                <div>
+                    <label class="block mb-2 text-sm font-bold text-gray-900 dark:text-white">Nº de Comprobante / Factura</label>
+                    <input type="text" name="document_number" value="{{ old('document_number') }}" class="bg-gray-50 border border-gray-400 text-gray-900 text-sm rounded-lg focus:ring-neon-lime focus:border-neon-lime block w-full p-2.5 dark:bg-neutral-900 dark:border-neutral-700 dark:text-white">
+                    @error('document_number') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
+                </div>
+
+                <div>
+                    <label class="block mb-2 text-sm font-bold text-gray-900 dark:text-white">Fecha del Gasto</label>
+                    <input type="date" name="expense_date" value="{{ old('expense_date', date('Y-m-d')) }}" class="bg-gray-50 border border-gray-400 text-gray-900 text-sm rounded-lg focus:ring-neon-lime focus:border-neon-lime block w-full p-2.5 dark:bg-neutral-900 dark:border-neutral-700 dark:text-white">
+                    @error('expense_date') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
+                </div>
+            </div>
+
+            <div class="flex justify-end gap-3 mt-8">
+                <a href="{{ route('expenses.index') }}" class="text-white bg-gray-500 hover:bg-gray-600 focus:ring-4 focus:outline-none focus:ring-gray-300 font-medium rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center">Cancelar</a>
+                <button type="submit" class="text-neutral-900 bg-neon-lime hover:bg-[#b3e600] focus:ring-4 focus:outline-none focus:ring-[#b3e600]/50 font-bold rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center">Guardar Gasto</button>
+            </div>
+        </form>
+    </div>
+</x-layout>

resources/views/expenses/edit.blade.php

@@ -0,0 +1,87 @@
+<x-layout title="Lauck - Editar Gasto">
+    <x-section-header subtitle="Gastos" title="Editar " highlight="Gasto #{{ $expense->id }}" />
+
+    <div class="w-full max-w-3xl mx-auto bg-gray-200 dark:bg-panel-bg border border-neutral-400 dark:border-neutral-800 rounded-xl p-8 shadow-lg relative">
+        <form action="{{ route('expenses.update', $expense) }}" method="POST">
+            @csrf
+            @method('PUT')
+            
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6">
+                
+                <div>
+                    <label class="block mb-2 text-sm font-bold text-gray-900 dark:text-white">Descripción <span class="text-red-500">*</span></label>
+                    <input type="text" name="description" value="{{ old('description', $expense->description) }}" required class="bg-gray-50 border border-gray-400 text-gray-900 text-sm rounded-lg focus:ring-neon-lime focus:border-neon-lime block w-full p-2.5 dark:bg-neutral-900 dark:border-neutral-700 dark:placeholder-gray-400 dark:text-white">
+                    @error('description') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
+                </div>
+
+                <div>
+                    <label class="block mb-2 text-sm font-bold text-gray-900 dark:text-white">Categoría <span class="text-red-500">*</span></label>
+                    <select name="expense_category" required class="bg-gray-50 border border-gray-400 text-gray-900 text-sm rounded-lg focus:ring-neon-lime focus:border-neon-lime block w-full p-2.5 dark:bg-neutral-900 dark:border-neutral-700 dark:text-white">
+                        <option value="Mercadería" {{ old('expense_category', $expense->expense_category) == 'Mercadería' ? 'selected' : '' }}>Mercadería</option>
+                        <option value="Servicios" {{ old('expense_category', $expense->expense_category) == 'Servicios' ? 'selected' : '' }}>Servicios (Luz, Internet, etc)</option>
+                        <option value="Impuestos" {{ old('expense_category', $expense->expense_category) == 'Impuestos' ? 'selected' : '' }}>Impuestos</option>
+                        <option value="Logística" {{ old('expense_category', $expense->expense_category) == 'Logística' ? 'selected' : '' }}>Logística (Envíos)</option>
+                        <option value="Otros" {{ old('expense_category', $expense->expense_category) == 'Otros' ? 'selected' : '' }}>Otros</option>
+                    </select>
+                    @error('expense_category') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
+                </div>
+
+                <div>
+                    <label class="block mb-2 text-sm font-bold text-gray-900 dark:text-white">Proveedor (Opcional)</label>
+                    <select name="supplier_id" class="bg-gray-50 border border-gray-400 text-gray-900 text-sm rounded-lg focus:ring-neon-lime focus:border-neon-lime block w-full p-2.5 dark:bg-neutral-900 dark:border-neutral-700 dark:text-white">
+                        <option value="">-- Sin Proveedor --</option>
+                        @foreach($suppliers as $supplier)
+                            <option value="{{ $supplier->id }}" {{ old('supplier_id', $expense->supplier_id) == $supplier->id ? 'selected' : '' }}>
+                                {{ $supplier->name }}
+                            </option>
+                        @endforeach
+                    </select>
+                    @error('supplier_id') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
+                </div>
+
+                <div>
+                    <label class="block mb-2 text-sm font-bold text-gray-900 dark:text-white">Monto Total ($) <span class="text-red-500">*</span></label>
+                    <input type="number" step="0.01" name="total_amount" value="{{ old('total_amount', $expense->total_amount) }}" required class="bg-gray-50 border border-gray-400 text-gray-900 text-sm rounded-lg focus:ring-neon-lime focus:border-neon-lime block w-full p-2.5 dark:bg-neutral-900 dark:border-neutral-700 dark:text-white">
+                    @error('total_amount') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
+                </div>
+
+                <div>
+                    <label class="block mb-2 text-sm font-bold text-gray-900 dark:text-white">Tipo de Gasto <span class="text-red-500">*</span></label>
+                    <select name="type" required class="bg-gray-50 border border-gray-400 text-gray-900 text-sm rounded-lg focus:ring-neon-lime focus:border-neon-lime block w-full p-2.5 dark:bg-neutral-900 dark:border-neutral-700 dark:text-white">
+                        <option value="Compra" {{ old('type', $expense->type) == 'Compra' ? 'selected' : '' }}>Compra</option>
+                        <option value="Factura" {{ old('type', $expense->type) == 'Factura' ? 'selected' : '' }}>Factura</option>
+                        <option value="Pedido" {{ old('type', $expense->type) == 'Pedido' ? 'selected' : '' }}>Pedido</option>
+                    </select>
+                    @error('type') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
+                </div>
+
+                <div>
+                    <label class="block mb-2 text-sm font-bold text-gray-900 dark:text-white">Estado de Pago <span class="text-red-500">*</span></label>
+                    <select name="status" required class="bg-gray-50 border border-gray-400 text-gray-900 text-sm rounded-lg focus:ring-neon-lime focus:border-neon-lime block w-full p-2.5 dark:bg-neutral-900 dark:border-neutral-700 dark:text-white">
+                        <option value="Pendiente" {{ old('status', $expense->status) == 'Pendiente' ? 'selected' : '' }}>Pendiente</option>
+                        <option value="Pagado" {{ old('status', $expense->status) == 'Pagado' ? 'selected' : '' }}>Pagado</option>
+                        <option value="Cancelado" {{ old('status', $expense->status) == 'Cancelado' ? 'selected' : '' }}>Cancelado</option>
+                    </select>
+                    @error('status') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
+                </div>
+
+                <div>
+                    <label class="block mb-2 text-sm font-bold text-gray-900 dark:text-white">Nº de Comprobante / Factura</label>
+                    <input type="text" name="document_number" value="{{ old('document_number', $expense->document_number) }}" class="bg-gray-50 border border-gray-400 text-gray-900 text-sm rounded-lg focus:ring-neon-lime focus:border-neon-lime block w-full p-2.5 dark:bg-neutral-900 dark:border-neutral-700 dark:text-white">
+                    @error('document_number') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
+                </div>
+
+                <div>
+                    <label class="block mb-2 text-sm font-bold text-gray-900 dark:text-white">Fecha del Gasto</label>
+                    <input type="date" name="expense_date" value="{{ old('expense_date', $expense->expense_date ? $expense->expense_date->format('Y-m-d') : '') }}" class="bg-gray-50 border border-gray-400 text-gray-900 text-sm rounded-lg focus:ring-neon-lime focus:border-neon-lime block w-full p-2.5 dark:bg-neutral-900 dark:border-neutral-700 dark:text-white">
+                    @error('expense_date') <p class="text-red-500 text-xs mt-1">{{ $message }}</p> @enderror
+                </div>
+            </div>
+
+            <div class="flex justify-end gap-3 mt-8">
+                <a href="{{ route('expenses.index') }}" class="text-white bg-gray-500 hover:bg-gray-600 focus:ring-4 focus:outline-none focus:ring-gray-300 font-medium rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center">Cancelar</a>
+                <button type="submit" class="text-neutral-900 bg-neon-lime hover:bg-[#b3e600] focus:ring-4 focus:outline-none focus:ring-[#b3e600]/50 font-bold rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center">Actualizar Gasto</button>
+            </div>
+        </form>
+    </div>
+</x-layout>

resources/views/expenses/index.blade.php

@@ -0,0 +1,128 @@
+<x-layout title="Lauck - Gastos">
+    <x-section-header subtitle="Gestión Financiera" title="Directorio de " highlight="Gastos" />
+
+    <div class="w-full flex flex-col md:flex-row justify-between items-center gap-4 mb-6">
+        
+        <form action="{{ route('expenses.index') }}" method="GET" class="w-full md:w-2/3 flex flex-col md:flex-row gap-2">
+            <div class="relative w-full md:w-1/2">
+                <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 descripción o proveedor...">
+            </div>
+            
+            <div class="w-full md:w-1/3">
+                <select name="category" 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-neutral-200 dark:bg-neutral-800">
+                    <option value="">Todas las Categorías</option>
+                    <option value="Mercadería" {{ request('category') == 'Mercadería' ? 'selected' : '' }}>Mercadería</option>
+                    <option value="Servicios" {{ request('category') == 'Servicios' ? 'selected' : '' }}>Servicios (Luz, Internet...)</option>
+                    <option value="Impuestos" {{ request('category') == 'Impuestos' ? 'selected' : '' }}>Impuestos</option>
+                    <option value="Logística" {{ request('category') == 'Logística' ? 'selected' : '' }}>Logística</option>
+                    <option value="Otros" {{ request('category') == 'Otros' ? 'selected' : '' }}>Otros</option>
+                </select>
+            </div>
+            <button type="submit" class="hidden">Buscar</button>
+        </form>
+
+        <a href="{{ route('expenses.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">
+            + Nuevo Gasto
+        </a>
+    </div>
+
+    <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">Fecha / Tipo</th>
+                    <th scope="col" class="px-6 py-3">Categoría</th>
+                    <th scope="col" class="px-6 py-3">Descripción</th>
+                    <th scope="col" class="px-6 py-3">Monto / Estado</th>
+                    <th scope="col" class="px-6 py-3 text-right">Acciones</th>
+                </tr>
+            </thead>
+            <tbody>
+                @forelse($expenses as $expense)
+                <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 whitespace-nowrap">
+                        <div class="text-base font-bold">{{ $expense->expense_date ? $expense->expense_date->format('d/m/Y') : 'Sin Fecha' }}</div>
+                        <div class="text-xs text-gray-600 dark:text-gray-400 font-mono">
+                            {{ $expense->type }}
+                        </div>
+                    </td>
+                    <td class="px-6 py-4">
+                        <span class="px-2 py-1 bg-gray-300 dark:bg-neutral-800 border border-gray-400 dark:border-neutral-700 rounded-lg text-xs font-semibold">
+                            {{ $expense->expense_category }}
+                        </span>
+                    </td>
+                    <td class="px-6 py-4">
+                        <div class="text-sm font-semibold truncate max-w-xs block" title="{{ $expense->description }}">
+                            {{ $expense->description }}
+                        </div>
+                        @if($expense->supplier)
+                            <div class="text-xs text-blue-600 dark:text-blue-400 mt-1">
+                                Proveedor: {{ $expense->supplier->name }}
+                            </div>
+                        @endif
+                    </td>
+                    <td class="px-6 py-4">
+                        <div class="text-base font-bold text-green-700 dark:text-neon-lime">
+                            ${{ number_format($expense->total_amount, 2, ',', '.') }}
+                        </div>
+                        <div class="mt-1">
+                            @if($expense->status == 'Pagado')
+                                <span class="px-2 py-0.5 rounded text-xs font-bold bg-green-200 text-green-800 dark:bg-green-900/50 dark:text-green-400">Pagado</span>
+                            @elseif($expense->status == 'Pendiente')
+                                <span class="px-2 py-0.5 rounded text-xs font-bold bg-yellow-200 text-yellow-800 dark:bg-yellow-900/50 dark:text-yellow-400">Pendiente</span>
+                            @else
+                                <span class="px-2 py-0.5 rounded text-xs font-bold bg-red-200 text-red-800 dark:bg-red-900/50 dark:text-red-400">Cancelado</span>
+                            @endif
+                        </div>
+                    </td>
+                    <td class="px-6 py-4 text-right flex items-center justify-end gap-3">
+                        <a href="{{ route('expenses.show', $expense) }}" title="Ver Detalle" class="font-semibold p-2 text-gray-700 dark:text-gray-300 border-2 border-gray-500 rounded-lg hover:bg-gray-500 hover:text-white dark:hover:text-white transition-colors">
+                            <svg class="size-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-width="2" d="M21 12c0 1.2-4.03 6-9 6s-9-4.8-9-6c0-1.2 4.03-6 9-6s9 4.8 9 6Z"/>
+                              <path stroke="currentColor" stroke-width="2" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/>
+                            </svg>
+                        </a>
+                        <a href="{{ route('expenses.edit', $expense) }}" title="Editar" class="font-semibold p-2 text-blue-700 dark:text-blue-400 border-2 border-blue-700 rounded-lg hover:bg-blue-700 hover:text-white dark:hover:text-white transition-colors">
+                            <svg class="size-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="m14.304 4.844 2.852 2.852M7 7H4a1 1 0 0 0-1 1v10a1 1 0 0 0 1 1h11a1 1 0 0 0 1-1v-4.5m2.409-9.91a2.017 2.017 0 0 1 0 2.853l-6.844 6.844L8 14l.713-3.565 6.844-6.844a2.015 2.015 0 0 1 2.852 0Z"/>
+                            </svg>
+                        </a>
+                        <form action="{{route('expenses.destroy', $expense)}}" method="post" class="delete-form">
+                            @csrf
+                            @method('DELETE')
+                            <button title="Eliminar" type="submit" class="w-full sm:w-auto p-2 font-bold dark:font-medium text-red-600 dark:text-red-400 border-2 border-red-600 rounded-lg hover:bg-red-600 hover:text-white dark:hover:text-white transition-colors">
+                                <svg class="size-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="M5 7h14m-9 3v8m4-8v8M10 3h4a1 1 0 0 1 1 1v3H9V4a1 1 0 0 1 1-1ZM6 7h12v13a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V7Z"/>
+                                </svg>
+                            </button>
+                        </form>
+                    </td>
+                </tr>
+                @empty
+                <tr>
+                    <td colspan="5" class="px-6 py-10 text-center text-gray-500">
+                        <div class="flex flex-col items-center justify-center">
+                            <svg xmlns="http://www.w3.org/2000/svg" class="h-10 w-10 mb-2 opacity-50" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z" />
+                            </svg>
+                            <p>No se encontraron gastos.</p>
+                        </div>
+                    </td>
+                </tr>
+                @endforelse
+            </tbody>
+        </table>
+    </div>
+
+    <div class="mt-4 w-full">
+        {{ $expenses->links() }}
+    </div>
+
+</x-layout>

resources/views/expenses/show.blade.php

@@ -0,0 +1,77 @@
+<x-layout title="Lauck - Detalle de Gasto">
+    <x-section-header subtitle="Gastos" title="Detalle de " highlight="Gasto #{{ $expense->id }}" />
+
+    <div class="w-full max-w-4xl mx-auto bg-gray-200 dark:bg-panel-bg border border-neutral-400 dark:border-neutral-800 rounded-xl p-8 shadow-lg relative">
+        <div class="flex justify-between items-start mb-6">
+            <div>
+                <h3 class="text-2xl font-bold text-neutral-900 dark:text-white">Resumen de Gasto</h3>
+                <p class="text-sm text-gray-600 dark:text-gray-400">Registrado el: {{ $expense->created_at->format('d/m/Y H:i') }}</p>
+            </div>
+            <div>
+                <a href="{{ route('expenses.index') }}" class="text-sm font-bold text-gray-500 hover:text-white transition-colors">Volver al listado</a>
+            </div>
+        </div>
+
+        <div class="grid grid-cols-1 md:grid-cols-2 gap-6 bg-gray-300 dark:bg-neutral-800 p-6 rounded-lg border border-gray-400 dark:border-neutral-700">
+            <div>
+                <p class="text-xs text-gray-500 uppercase tracking-wider mb-1">Descripción</p>
+                <p class="text-lg font-bold text-neutral-900 dark:text-white">{{ $expense->description }}</p>
+            </div>
+            
+            <div>
+                <p class="text-xs text-gray-500 uppercase tracking-wider mb-1">Monto Total</p>
+                <p class="text-2xl font-bold text-green-700 dark:text-neon-lime">${{ number_format($expense->total_amount, 2, ',', '.') }}</p>
+            </div>
+
+            <div>
+                <p class="text-xs text-gray-500 uppercase tracking-wider mb-1">Categoría</p>
+                <span class="px-3 py-1 bg-gray-400 dark:bg-neutral-700 border border-gray-500 dark:border-neutral-600 rounded-lg text-sm font-semibold">
+                    {{ $expense->expense_category }}
+                </span>
+            </div>
+
+            <div>
+                <p class="text-xs text-gray-500 uppercase tracking-wider mb-1">Estado</p>
+                @if($expense->status == 'Pagado')
+                    <span class="px-3 py-1 rounded text-sm font-bold bg-green-200 text-green-800 dark:bg-green-900/50 dark:text-green-400">Pagado</span>
+                @elseif($expense->status == 'Pendiente')
+                    <span class="px-3 py-1 rounded text-sm font-bold bg-yellow-200 text-yellow-800 dark:bg-yellow-900/50 dark:text-yellow-400">Pendiente</span>
+                @else
+                    <span class="px-3 py-1 rounded text-sm font-bold bg-red-200 text-red-800 dark:bg-red-900/50 dark:text-red-400">Cancelado</span>
+                @endif
+            </div>
+
+            <div>
+                <p class="text-xs text-gray-500 uppercase tracking-wider mb-1">Tipo de Gasto</p>
+                <p class="text-base font-semibold text-neutral-900 dark:text-white">{{ $expense->type }}</p>
+            </div>
+
+            <div>
+                <p class="text-xs text-gray-500 uppercase tracking-wider mb-1">Fecha del Gasto</p>
+                <p class="text-base font-semibold text-neutral-900 dark:text-white">{{ $expense->expense_date ? $expense->expense_date->format('d/m/Y') : '-' }}</p>
+            </div>
+
+            <div>
+                <p class="text-xs text-gray-500 uppercase tracking-wider mb-1">Proveedor Relacionado</p>
+                @if($expense->supplier)
+                    <a href="{{ route('suppliers.show', $expense->supplier) }}" class="text-base font-bold text-blue-600 dark:text-blue-400 hover:underline">
+                        {{ $expense->supplier->name }}
+                    </a>
+                @else
+                    <p class="text-base text-gray-500 italic">No especificado</p>
+                @endif
+            </div>
+
+            <div>
+                <p class="text-xs text-gray-500 uppercase tracking-wider mb-1">Nº Comprobante / Factura</p>
+                <p class="text-base font-semibold text-neutral-900 dark:text-white">{{ $expense->document_number ?: '-' }}</p>
+            </div>
+        </div>
+
+        <div class="mt-8 flex justify-end gap-4">
+            <a href="{{ route('expenses.edit', $expense) }}" class="px-6 py-2.5 text-sm font-bold text-white bg-blue-600 rounded-lg hover:bg-blue-700 transition-colors">
+                Editar Gasto
+            </a>
+        </div>
+    </div>
+</x-layout>

resources/views/suppliers/order.blade.php

@@ -161,8 +161,8 @@
             });
         });
 
-        // enviar a wsp 
+        // enviar a wsp y guardar gasto
-        function enviarPedido() {
+        async function enviarPedido() {
             let telefonoRaw = "{{ $supplier->phone }}";
             let telefono = telefonoRaw.replace(/\D/g, ''); 
             
@@ -177,14 +177,16 @@
 
             let mensaje = `Hola *{{ $supplier->name }}*, me comunico de Bicicletería Lauck para realizar el siguiente pedido:\n\n`;
             let hayProductos = false;
+            let productsToSave = [];
 
             document.querySelectorAll('.product-row').forEach(row => {
                 const isChecked = row.querySelector('.product-check').checked;
-                const qty = row.querySelector('.product-qty').value;
+                const qty = parseInt(row.querySelector('.product-qty').value);
                 const name = row.querySelector('.product-name').innerText.trim();
 
                 if (isChecked && qty > 0) {
                     mensaje += `- ${qty}x ${name}\n`;
+                    productsToSave.push({ name: name, qty: qty });
                     hayProductos = true;
                 }
             });
@@ -196,6 +198,28 @@
 
             mensaje += `\n¡Muchas gracias!`;
 
+            try {
+                // Guardar el Gasto en el backend
+                const response = await fetch("{{ route('suppliers.storeOrder', $supplier) }}", {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                        'X-CSRF-TOKEN': '{{ csrf_token() }}'
+                    },
+                    body: JSON.stringify({ products: productsToSave })
+                });
+
+                const data = await response.json();
+                if(!data.success) {
+                    alert('Hubo un error al registrar el pedido en el sistema.');
+                    return;
+                }
+            } catch (error) {
+                alert('Hubo un error de conexión al intentar guardar el pedido.');
+                console.error(error);
+                return;
+            }
+
             const url = `https://wa.me/${telefono}?text=${encodeURIComponent(mensaje)}`;
             window.open(url, '_blank');
         }

routes/web.php

@@ -57,7 +57,9 @@ Route::middleware(['auth'])->group(function () {
     Route::view('dashboard', 'dashboard')->name('dashboard');
     Route::resource('clients', ClientController::class);
     Route::get('suppliers/{supplier}/order', [SupplierController::class, 'order'])->name('suppliers.order');
+    Route::post('suppliers/{supplier}/order', [SupplierController::class, 'storeOrder'])->name('suppliers.storeOrder');
     Route::resource('suppliers', SupplierController::class);
+    Route::resource('expenses', \App\Http\Controllers\ExpenseController::class);
     Route::resource('productos', ProductosController::class)->parameters([
         'productos' => 'product' 
     ]);