alumnos_ti/LauckCycles
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

NUEVO:

Browse Source 
- Empezada nueva vista y modelo gastos.
This commit is contained in:
Bryam105
2026-05-29 11:42:05 -03:00
parent 1f07d1b53f
commit 74a38420d8
13 changed files with 699 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/expenses/create.blade.php
+86
View File
@@ -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
+87
View File
@@ -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
+128
View File
@@ -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
+77
View File
@@ -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>