Agregando daisy ui y cambiando componentes por las alternativas de daisy
This commit is contained in:
@@ -1,16 +1,30 @@
|
||||
@use(Illuminate\Support\Number)
|
||||
<div>
|
||||
<form wire:submit.prevent="save" class="grid lg:grid-cols-[repeat(2,minmax(0,2fr))_1fr] gap-2 mb-4 items-end">
|
||||
<x-input label="Total" wire:model="valor" invalidate/>
|
||||
<x-input label="Descripción" wire:model="descripcion" invalidate/>
|
||||
|
||||
<x-button type="submit">
|
||||
<label class="form-control">
|
||||
<div class="label">
|
||||
<span class="label-text">Total</span>
|
||||
</div>
|
||||
<input type="number" class="input input-bordered" wire:model="valor"/>
|
||||
</label>
|
||||
|
||||
<label class="form-control">
|
||||
<div class="label">
|
||||
<span class="label-text">Descripción</span>
|
||||
</div>
|
||||
<input class="input input-bordered" wire:model="descripcion"/>
|
||||
</label>
|
||||
|
||||
<button class="btn" type="submit">
|
||||
@if($this->currentCalculo)
|
||||
<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('valor'){{$message}}@enderror
|
||||
@@ -20,20 +34,56 @@
|
||||
</p>
|
||||
|
||||
</form>
|
||||
<x-table striped :headers="$this->headers" :rows="$this->rows">
|
||||
@interact('column_valor', $row)
|
||||
{{Number::currency($row->valor)}}
|
||||
@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>Total</th>
|
||||
<th>Descripción</th>
|
||||
<th class="text-end">Acciones</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach($this->rows as $row)
|
||||
<tr>
|
||||
<td>{{Number::currency($row->valor)}}</td>
|
||||
<td>{{$row->descripcion}}</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 grid lg:grid-cols-3 gap-4">
|
||||
<x-input label="Fondo" type="number" wire:model.live.debounce="fondo"/>
|
||||
<x-input label="Suma de Dinero" value="{{Number::currency($this->totalCalculo)}}" readonly/>
|
||||
<x-input label="Deposito" value="{{Number::currency($this->totalCalculo - (is_numeric($fondo) ? $fondo : 0))}}"
|
||||
readonly/>
|
||||
<label class="form-control">
|
||||
<div class="label">
|
||||
<span class="label-text">Fondo</span>
|
||||
</div>
|
||||
<input type="number" class="input input-bordered" wire:model.live="fondo"/>
|
||||
</label>
|
||||
|
||||
<label class="form-control">
|
||||
<div class="label">
|
||||
<span class="label-text">Suma de Dinero</span>
|
||||
</div>
|
||||
<input class="input input-bordered bg-neutral-content" value="{{Number::currency($this->totalCalculo)}}"
|
||||
readonly/>
|
||||
</label>
|
||||
<label class="form-control">
|
||||
<div class="label">
|
||||
<span class="label-text">Deposito</span>
|
||||
</div>
|
||||
<input class="input input-bordered bg-neutral-content"
|
||||
value="{{Number::currency($this->totalCalculo - (is_numeric($fondo) ? $fondo : 0))}}" readonly/>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,19 +1,39 @@
|
||||
@use(Illuminate\Support\Number)
|
||||
<div>
|
||||
<form wire:submit.prevent="save" class="grid lg:grid-cols-[repeat(3,minmax(0,2fr))_1fr] gap-2 mb-4 items-end">
|
||||
<x-select.styled label="Tipo Documento" :options="$this->tipos" wire:model="tipo" id="tipo" required
|
||||
searchable invalidate/>
|
||||
<x-input label="Descripción" wire:model="descripcion" invalidate/>
|
||||
<x-input label="Total" wire:model="valor" 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>
|
||||
|
||||
<x-button type="submit">
|
||||
<label class="form-control">
|
||||
<div class="label">
|
||||
<span class="label-text">Descripción</span>
|
||||
</div>
|
||||
<input class="input input-bordered" wire:model="descripcion"/>
|
||||
</label>
|
||||
<label class="form-control">
|
||||
<div class="label">
|
||||
<span class="label-text">Total</span>
|
||||
</div>
|
||||
<input type="number" class="input input-bordered" wire:model="valor"/>
|
||||
</label>
|
||||
|
||||
<button class="btn" type="submit">
|
||||
@if($this->currentDocumento)
|
||||
<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
|
||||
@@ -24,17 +44,38 @@
|
||||
<p class="text-sm font-medium text-red-500">
|
||||
@error('valor'){{$message}}@enderror
|
||||
</p>
|
||||
|
||||
</form>
|
||||
<x-table striped :headers="$this->headers" :rows="$this->rows">
|
||||
@interact('column_valor', $row)
|
||||
{{Number::currency($row->valor)}}
|
||||
@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>Descripción</th>
|
||||
<th>Total</th>
|
||||
<th class="text-end">Acciones</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach($this->rows as $row)
|
||||
<tr>
|
||||
<td>{{$row->tipo_documento}}</td>
|
||||
<td>{{$row->descripcion}}</td>
|
||||
<td>{{Number::currency($row->valor)}}</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">Documentos Totales: <span class="font-bold">{{$this->totalDocumentos}}</span></p>
|
||||
|
||||
@@ -2,26 +2,37 @@
|
||||
|
||||
<div>
|
||||
<div class="grid grid-cols-[auto,minmax(0,1fr)] gap-4 items-baseline">
|
||||
<x-label>$20.000</x-label>
|
||||
<x-input type="number" wire:model.blur="veinte_mil"/>
|
||||
<x-label>$10.000</x-label>
|
||||
<x-input type="number" wire:model.blur="diez_mil"/>
|
||||
<x-label>$5.000</x-label>
|
||||
<x-input type="number" wire:model.blur="cinco_mil"/>
|
||||
<x-label>$2.000</x-label>
|
||||
<x-input type="number" wire:model.blur="dos_mil"/>
|
||||
<x-label>$1.000</x-label>
|
||||
<x-input type="number" wire:model.blur="mil"/>
|
||||
<x-label>$500</x-label>
|
||||
<x-input type="number" wire:model.blur="quinientos"/>
|
||||
<x-label>$100</x-label>
|
||||
<x-input type="number" wire:model.blur="cien"/>
|
||||
<x-label>$50</x-label>
|
||||
<x-input type="number" wire:model.blur="cincuenta"/>
|
||||
<x-label>$10</x-label>
|
||||
<x-input type="number" wire:model.blur="diez"/>
|
||||
<hr class="border-b my-4 col-span-full"/>
|
||||
<x-label>Total</x-label>
|
||||
<x-input value="{{Number::currency($this->totalEfectivo)}}" readonly/>
|
||||
<label class="label-text" for="veinte_mil">$20.000</label>
|
||||
<input class="input input-bordered" type="number" id="veinte_mil" wire:model.blur="veinte_mil"/>
|
||||
|
||||
<label class="label-text" for="diez_mil">$10.000</label>
|
||||
<input class="input input-bordered" type="number" id="diez_mil" wire:model.blur="diez_mil"/>
|
||||
|
||||
<label class="label-text" for="cinco_mil">$5.000</label>
|
||||
<input class="input input-bordered" type="number" id="cinco_mil" wire:model.blur="cinco_mil"/>
|
||||
|
||||
<label class="label-text" for="dos_mil">$2.000</label>
|
||||
<input class="input input-bordered" type="number" id="dos_mil" wire:model.blur="dos_mil"/>
|
||||
|
||||
<label class="label-text" for="mil">$1.000</label>
|
||||
<input class="input input-bordered" type="number" id="mil" wire:model.blur="mil"/>
|
||||
|
||||
<label class="label-text" for="quinientos">$500</label>
|
||||
<input class="input input-bordered" type="number" id="quinientos" wire:model.blur="quinientos"/>
|
||||
|
||||
<label class="label-text" for="cien">$100</label>
|
||||
<input class="input input-bordered" type="number" id="cien" wire:model.blur="cien"/>
|
||||
|
||||
<label class="label-text" for="cincuenta">$50</label>
|
||||
<input class="input input-bordered" type="number" id="cincuenta" wire:model.blur="cincuenta"/>
|
||||
|
||||
<label class="label-text" for="diez">$10</label>
|
||||
<input class="input input-bordered" type="number" id="diez" wire:model.blur="diez"/>
|
||||
|
||||
<div class="divider col-span-full"></div>
|
||||
|
||||
<label class="label-text">Total</label>
|
||||
<input class="input input-bordered bg-neutral-content" value="{{Number::currency($this->totalEfectivo)}}"
|
||||
readonly/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,20 +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" id="tipo" required
|
||||
searchable invalidate/>
|
||||
<x-input label="Nº Documento" wire:model="numero" invalidate/>
|
||||
<x-input label="Descripción" wire:model="descripcion" invalidate/>
|
||||
<x-input label="Total" wire:model="valor" 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">Nº Documento</span>
|
||||
</div>
|
||||
<input class="input input-bordered" wire:model="numero"/>
|
||||
</label>
|
||||
<label class="form-control">
|
||||
<div class="label">
|
||||
<span class="label-text">Descripción</span>
|
||||
</div>
|
||||
<input class="input input-bordered" wire:model="descripcion"/>
|
||||
</label>
|
||||
<label class="form-control">
|
||||
<div class="label">
|
||||
<span class="label-text">Total</span>
|
||||
</div>
|
||||
<input type="number" class="input input-bordered" wire:model="valor"/>
|
||||
</label>
|
||||
|
||||
<x-button type="submit">
|
||||
<button class="btn" type="submit">
|
||||
@if($this->currentEgreso)
|
||||
<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
|
||||
@@ -30,15 +54,38 @@
|
||||
</p>
|
||||
|
||||
</form>
|
||||
<x-table striped :headers="$this->headers" :rows="$this->rows">
|
||||
@interact('column_valor', $row)
|
||||
{{Number::currency($row->valor)}}
|
||||
@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 Egreso</th>
|
||||
<th>Número Documento</th>
|
||||
<th>Descripción</th>
|
||||
<th>Total</th>
|
||||
<th class="text-end">Acciones</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach($this->rows as $row)
|
||||
<tr>
|
||||
<td>{{$row->tipo_egreso}}</td>
|
||||
<td>{{$row->numero}}</td>
|
||||
<td>{{$row->descripcion}}</td>
|
||||
<td>{{Number::currency($row->valor)}}</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">Egresos Totales: <span class="font-bold">{{$this->totalEgresos}}</span></p>
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -5,69 +5,132 @@
|
||||
{{$this->turno ? "Editar caja" : "Registrar Caja"}}
|
||||
</x-title>
|
||||
|
||||
<x-button icon="arrow-left" color="secondary" wire:navigate href="{{route('cajas.index')}}">
|
||||
<button class="btn" wire:navigate href="{{route('cajas.index')}}">
|
||||
<i class="ti ti-arrow-left"></i>
|
||||
Volver
|
||||
</x-button>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="flex gap-8 mb-4">
|
||||
<div>
|
||||
<x-label>Fecha</x-label>
|
||||
<p class="font-bold text-secondary">{{$turno->fecha->format('d-m-Y')}}</p>
|
||||
<p>Fecha</p>
|
||||
<p class="font-bold">{{$turno->fecha->format('d-m-Y')}}</p>
|
||||
</div>
|
||||
<div>
|
||||
<x-label>Caja</x-label>
|
||||
<p class="font-bold text-secondary">{{$turno->numero_caja}}</p>
|
||||
<p>Caja</p>
|
||||
<p class="font-bold">{{$turno->numero_caja}}</p>
|
||||
</div>
|
||||
<div>
|
||||
<x-label>Turno</x-label>
|
||||
<p class="font-bold text-secondary">{{$turno->numero_turno}}</p>
|
||||
<p>Turno</p>
|
||||
<p class="font-bold">{{$turno->numero_turno}}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-[minmax(0,4fr)_minmax(0,1fr)] gap-4 items-start">
|
||||
<x-tab wire:model="tab">
|
||||
<x-tab.items tab="Ingresos">
|
||||
<x-slot:left>
|
||||
<x-icon name="plus" class="w-4 h-4"/>
|
||||
</x-slot:left>
|
||||
<livewire:cajas.components.ingresos-component :turno="$turno"/>
|
||||
</x-tab.items>
|
||||
<x-tab.items tab="Egresos">
|
||||
<x-slot:left>
|
||||
<x-icon name="minus" class="w-4 h-4"/>
|
||||
</x-slot:left>
|
||||
<livewire:cajas.components.egresos-component :turno="$turno"/>
|
||||
</x-tab.items>
|
||||
<x-tab.items tab="Documentos">
|
||||
<x-slot:left>
|
||||
<x-icon name="credit-card" class="w-4 h-4"/>
|
||||
</x-slot:left>
|
||||
<livewire:cajas.components.documentos-component :turno="$turno"/>
|
||||
</x-tab.items>
|
||||
<x-tab.items tab="Calculo de Fondo">
|
||||
<x-slot:left>
|
||||
<x-icon name="plus-minus" class="w-4 h-4"/>
|
||||
</x-slot:left>
|
||||
<livewire:cajas.components.calculo-fondo-component :turno="$turno"/>
|
||||
</x-tab.items>
|
||||
<x-tab.items tab="Efectivo">
|
||||
<x-slot:left>
|
||||
<x-icon name="currency-dollar" class="w-4 h-4"/>
|
||||
</x-slot:left>
|
||||
<livewire:cajas.components.efectivo-component :turno="$turno"/>
|
||||
</x-tab.items>
|
||||
</x-tab>
|
||||
<div x-data="{tab: @entangle('tab').live}">
|
||||
<div role="tablist" class="tabs tabs-lifted">
|
||||
<button role="tab" class="tab gap-2"
|
||||
:class="tab === 'Ingresos' ? 'tab-active' : ''"
|
||||
@click="tab = 'Ingresos'">
|
||||
<i class="ti ti-plus"></i>
|
||||
Ingresos
|
||||
</button>
|
||||
<button role="tab" class="tab gap-2"
|
||||
:class="tab === 'Egresos' ? 'tab-active' : ''"
|
||||
@click="tab = 'Egresos'">
|
||||
<i class="ti ti-minus"></i>
|
||||
Egresos
|
||||
</button>
|
||||
<button role="tab" class="tab gap-2"
|
||||
:class="tab === 'Documentos' ? 'tab-active' : ''"
|
||||
@click="tab = 'Documentos'">
|
||||
<i class="ti ti-credit-card"></i>
|
||||
Documentos
|
||||
</button>
|
||||
<button role="tab" class="tab gap-2"
|
||||
:class="tab === 'Calculo de Fondo' ? 'tab-active' : ''"
|
||||
@click="tab = 'Calculo de Fondo'">
|
||||
<i class="ti ti-plus-minus"></i>
|
||||
Calculo de Fondo
|
||||
</button>
|
||||
<button role="tab" class="tab gap-2"
|
||||
:class="tab === 'Efectivo' ? 'tab-active' : ''"
|
||||
@click="tab = 'Efectivo'">
|
||||
<i class="ti ti-currency-dollar"></i>
|
||||
Efectivo
|
||||
</button>
|
||||
</div>
|
||||
<div class="border border-base-300 border-t-0">
|
||||
<div x-show="tab === 'Ingresos'" x-cloak class="p-4">
|
||||
<livewire:cajas.components.ingresos-component :turno="$turno"/>
|
||||
</div>
|
||||
<div x-show="tab === 'Egresos'" x-cloak class="p-4">
|
||||
<livewire:cajas.components.egresos-component :turno="$turno"/>
|
||||
</div>
|
||||
<div x-show="tab === 'Documentos'" x-cloak class="p-4">
|
||||
<livewire:cajas.components.documentos-component :turno="$turno"/>
|
||||
</div>
|
||||
<div x-show="tab === 'Calculo de Fondo'" x-cloak class="p-4">
|
||||
<livewire:cajas.components.calculo-fondo-component :turno="$turno"/>
|
||||
</div>
|
||||
<div x-show="tab === 'Efectivo'" x-cloak class="p-4">
|
||||
<livewire:cajas.components.efectivo-component :turno="$turno"/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<x-card class="space-y-4">
|
||||
<x-input label="Total Efectivo" value="{{Number::currency($this->totalEfectivo)}}" readonly/>
|
||||
<x-input label="Total Egresos" value="{{Number::currency($this->totalEgresos)}}" readonly/>
|
||||
<x-input label="Total Documento" value="{{Number::currency($this->totalDocumentos)}}" readonly/>
|
||||
<hr class="border-b-1 my-4"/>
|
||||
<x-input label="Rendido" value="{{Number::currency($this->rendido)}}" readonly/>
|
||||
<x-input label="Debe Rendir" value="{{Number::currency($this->debeRendir)}}" readonly/>
|
||||
<x-input label="Diferencia" class="font-bold {{$this->diferencia < 0 ? 'text-red-500' : 'text-green-500'}}"
|
||||
value="{{Number::currency($this->diferencia)}}" readonly/>
|
||||
</x-card>
|
||||
<div class="space-y-4">
|
||||
<label class="form-control">
|
||||
<div class="label">
|
||||
<span class="label-text">Total Efectivo</span>
|
||||
</div>
|
||||
<input type="text" class="input input-bordered bg-neutral-content"
|
||||
value="{{Number::currency($this->totalEfectivo)}}"
|
||||
readonly>
|
||||
</label>
|
||||
<label class="form-control">
|
||||
<div class="label">
|
||||
<span class="label-text">Total Egresos</span>
|
||||
</div>
|
||||
<input type="text" class="input input-bordered bg-neutral-content"
|
||||
value="{{Number::currency($this->totalEgresos)}}"
|
||||
readonly>
|
||||
</label>
|
||||
<label class="form-control">
|
||||
<div class="label">
|
||||
<span class="label-text">Total Documentos</span>
|
||||
</div>
|
||||
<input type="text" class="input input-bordered bg-neutral-content"
|
||||
value="{{Number::currency($this->totalDocumentos)}}"
|
||||
readonly>
|
||||
</label>
|
||||
|
||||
<div class="divider"></div>
|
||||
|
||||
<label class="form-control">
|
||||
<div class="label">
|
||||
<span class="label-text">Rendido</span>
|
||||
</div>
|
||||
<input type="text" class="input input-bordered bg-neutral-content"
|
||||
value="{{Number::currency($this->rendido)}}"
|
||||
readonly>
|
||||
</label>
|
||||
<label class="form-control">
|
||||
<div class="label">
|
||||
<span class="label-text">Debe Rendir</span>
|
||||
</div>
|
||||
<input type="text" class="input input-bordered bg-neutral-content"
|
||||
value="{{Number::currency($this->debeRendir)}}"
|
||||
readonly>
|
||||
</label>
|
||||
<label class="form-control">
|
||||
<div class="label">
|
||||
<span class="label-text">Diferencia</span>
|
||||
</div>
|
||||
<input type="text"
|
||||
class="input input-bordered bg-neutral-content {{$this->diferencia < 0 ? 'text-red-500' : 'text-green-500'}}"
|
||||
value="{{Number::currency($this->diferencia)}}"
|
||||
readonly>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -3,34 +3,47 @@
|
||||
|
||||
<div class="flex flex-col sm:flex-row gap-2 justify-between items-baseline mb-4">
|
||||
<x-title>Cajas</x-title>
|
||||
<x-button wire:click="createTurno" icon="plus">Registrar Caja</x-button>
|
||||
<button class="btn" wire:click="createTurno" icon="plus">Registrar Caja</button>
|
||||
</div>
|
||||
|
||||
<div class="flex">
|
||||
<div class="flex mb-4">
|
||||
<x-date label="Fecha" wire:model.live="searchFecha" helpers/>
|
||||
</div>
|
||||
|
||||
<div class="mt-4">
|
||||
<x-table striped :headers="$this->headers" :rows="$this->rows" paginate>
|
||||
@interact('column_fecha', $row)
|
||||
{{$row->fecha->format('d-m-Y')}}
|
||||
@endinteract
|
||||
@interact('column_ingresos', $row)
|
||||
{{Number::currency($row->ingresos()->sum('total'))}}
|
||||
@endinteract
|
||||
@interact('column_egresos', $row)
|
||||
{{Number::currency($row->egresos()->sum('valor'))}}
|
||||
@endinteract
|
||||
@interact('column_arqueo', $row)
|
||||
<span class="font-bold {{$row->arqueo >= 0 ? 'text-green-500' : 'text-red-500'}}">
|
||||
{{Number::currency($row->arqueo)}}
|
||||
</span>
|
||||
@endinteract
|
||||
@interact('column_action', $row)
|
||||
<x-button.circle icon="edit" :href="route('cajas.edit', $row->id)" wire:navigate :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>Fecha</th>
|
||||
<th>Caja</th>
|
||||
<th>Turno</th>
|
||||
<th>Ingresos</th>
|
||||
<th>Egresos</th>
|
||||
<th>Arqueo</th>
|
||||
<th class="text-end">Acciones</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@foreach($this->rows as $row)
|
||||
<tr>
|
||||
<td>{{$row->fecha->format('d-m-Y')}}</td>
|
||||
<td>{{$row->numero_caja}}</td>
|
||||
<td>{{$row->numero_turno}}</td>
|
||||
<td>{{Number::currency($row->ingresos()->sum('total'))}}</td>
|
||||
<td>{{Number::currency($row->egresos()->sum('valor'))}}</td>
|
||||
<td class="{{$row->arqueo >= 0 ? 'text-green-500' : 'text-red-500'}}">{{Number::currency($row->arqueo)}}</td>
|
||||
<td class="w-0 whitespace-nowrap">
|
||||
<a class="btn btn-circle btn-sm" wire:navigate href="{{route('cajas.edit', $row->id)}}">
|
||||
<i class="ti ti-edit"></i>
|
||||
</a>
|
||||
<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>
|
||||
|
||||
<x-modal title="Registrar Caja" wire center blur>
|
||||
|
||||
Reference in New Issue
Block a user