Organizando y comenzando con interfaces

resources/views/livewire/cajas/index.blade.php

@@ -1,3 +1,29 @@
 <div>
-    <p> Knowing others is intelligence; knowing yourself is true wisdom. </p>
-</div>
+    <x-title>Cajas</x-title>
+
+    <div class="flex gap-2 justify-between items-end">
+        <x-date label="Fecha" helpers/>
+        <x-button wire:click="createTurno" icon="plus">Registrar Caja</x-button>
+    </div>
+
+    <div class="mt-4">
+        <x-table striped :headers="$this->headers" :rows="$this->rows" paginate :$sort>
+            @interact('column_action', $row)
+            <x-button.circle icon="edit" :href="route('cajas.edit', $row->id)" :key="uniqid()"/>
+            <x-button.circle icon="trash" color="red" wire:click="confirmDelete('{{$row->id}}')" :key="uniqid()"/>
+            @endinteract
+        </x-table>
+    </div>
+
+    <x-modal title="Registrar Caja" wire center blur>
+        <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"/>
+        </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>
+        </x-slot:footer>
+    </x-modal>
+</div>