Creando modal propio

This commit is contained in:
2025-01-26 03:25:54 -03:00
parent 6a1458304a
commit 85ae2d033e
4 changed files with 81 additions and 13 deletions

View File

@@ -1,6 +1,5 @@
@use(Illuminate\Support\Number)
<div>
<div class="flex flex-col sm:flex-row gap-2 justify-between items-baseline mb-4">
<x-title>Cajas</x-title>
<button class="btn" wire:click="createTurno">
@@ -49,15 +48,45 @@
</table>
</div>
<x-modal title="Registrar Caja" wire center blur>
<x-my-modal name="turno" title="Registrar Caja">
<div class="flex flex-col gap-2">
<x-date label="Fecha" wire:model="fecha" format="DD-MM-YYYY"/>
<x-input type="number" label="Caja" wire:model="caja"/>
<x-input type="number" label="Turno" wire:model="turno"/>
<label class="form-control">
<div class="label">
<span class="label-text">Fecha</span>
</div>
<input type="date" class="input input-bordered" wire:model="fecha"/>
@error('fecha')
<p class="text-sm text-error">{{ $message }}</p>
@enderror
</label>
<label class="form-control">
<div class="label">
<span class="label-text">Caja</span>
</div>
<input type="number" class="input input-bordered" wire:model="caja"/>
@error('caja')
<p class="text-sm text-error">{{ $message }}</p>
@enderror
</label>
<label class="form-control">
<div class="label">
<span class="label-text">Turno</span>
</div>
<input type="number" class="input input-bordered" wire:model="turno"/>
@error('turno')
<p class="text-sm text-error">{{ $message }}</p>
@enderror
</label>
</div>
<x-slot:footer>
<x-button color="secondary" icon="arrow-left" wire:click="closeTurnoModal">Volver</x-button>
<x-button icon="plus" wire:click="storeTurno">Registrar Caja</x-button>
<button class="btn" wire:click="closeTurnoModal">
<x-icons.arrow-left/>
Volver
</button>
<button class="btn btn-primary" wire:click="storeTurno">
<x-icons.device-floppy/>
Registrar Caja
</button>
</x-slot:footer>
</x-modal>
</x-my-modal>
</div>