Agregando daisy ui y cambiando componentes por las alternativas de daisy
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user