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/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>