Agregando daisy ui y cambiando componentes por las alternativas de daisy

This commit is contained in:
2025-01-26 01:11:47 -03:00
parent 90bbc3ac7b
commit e33d1ddade
17 changed files with 643 additions and 240 deletions

View File

@@ -1,19 +1,44 @@
@use(Illuminate\Support\Number)
<div>
<form wire:submit.prevent="save" class="grid lg:grid-cols-[repeat(4,minmax(0,2fr))_1fr] gap-2 mb-4 items-end">
<x-select.styled label="Tipo Documento" :options="$this->tipos" wire:model="tipo" required searchable
invalidate/>
<x-input type="number" label="Documento Inicial" wire:model="ingreso_inicial" min="0" invalidate/>
<x-input type="number" label="Documento Final" wire:model="ingreso_final" min="0" invalidate/>
<x-input type="number" label="Total" wire:model="total" min="0" invalidate/>
<label class="form-control">
<div class="label">
<span class="label-text">Tipo Documento</span>
</div>
<select class="select select-bordered " required wire:model="tipo">
@foreach($this->tipos as $tipo)
<option>{{$tipo}}</option>
@endforeach
</select>
</label>
<label class="form-control">
<div class="label">
<span class="label-text">Documento Inicial</span>
</div>
<input type="number" class="input input-bordered" wire:model="ingreso_inicial" min="0"/>
</label>
<label class="form-control">
<div class="label">
<span class="label-text">Documento Final</span>
</div>
<input type="number" class="input input-bordered" wire:model="ingreso_final" min="0"/>
</label>
<label class="form-control">
<div class="label">
<span class="label-text">Total</span>
</div>
<input type="number" class="input input-bordered" wire:model="total" min="0"/>
</label>
<x-button type="submit">
<button class="btn " type="submit">
@if($this->currentIngreso)
<i class="ti ti-device-floppy text-lg"></i>
Guardar
@else
<i class="ti ti-plus text-lg"></i>
Agregar
@endif
</x-button>
</button>
<p class="text-sm font-medium text-red-500">
@error('tipo'){{$message}}@enderror
@@ -29,21 +54,38 @@
</p>
</form>
<x-table striped :headers="$this->headers" :rows="$this->rows">
@interact('column_ingreso_inicial', $row)
{{\Illuminate\Support\Number::format($row->ingreso_inicial)}}
@endinteract
@interact('column_ingreso_final', $row)
{{\Illuminate\Support\Number::format($row->ingreso_final)}}
@endinteract
@interact('column_total', $row)
{{\Illuminate\Support\Number::currency($row->total)}}
@endinteract
@interact('column_action', $row)
<x-button.circle icon="edit" wire:click="edit('{{$row->id}}')" :key="uniqid()"/>
<x-button.circle icon="trash" color="red" wire:click="confirmDelete('{{$row->id}}')" :key="uniqid()"/>
@endinteract
</x-table>
<div class="overflox-x-auto">
<table class="table">
<thead>
<tr>
<th>Tipo Documento</th>
<th>Documento Inicial</th>
<th>Documento Final</th>
<th>Total</th>
<th class="text-end">Acciones</th>
</tr>
</thead>
<tbody>
@foreach($this->rows as $row)
<tr>
<td>{{$row->tipo_ingreso}}</td>
<td>{{Number::format($row->ingreso_inicial)}}</td>
<td>{{Number::format($row->ingreso_final)}}</td>
<td>{{Number::currency($row->total)}}</td>
<td class="w-0 whitespace-nowrap">
<button class="btn btn-circle btn-sm" wire:click="edit('{{$row->id}}')">
<i class="ti ti-edit"></i>
</button>
<button class="btn btn-circle btn-error btn-sm" wire:click="confirmDelete('{{$row->id}}')">
<i class="ti ti-trash"></i>
</button>
</td>
</tr>
@endforeach
</tbody>
</table>
</div>
<div class="mt-4">
<p class="text-xl">Ingresos Totales: <span class="font-bold">{{$this->totalIngresos}}</span></p>