Organizando y comenzando con interfaces

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

@@ -0,0 +1,47 @@
+<div>
+    <div class="flex gap-2 justify-between items-baseline">
+        <x-title>
+            {{$this->turno ? "Editar caja" : "Registrar Caja"}}
+        </x-title>
+
+        <x-button icon="arrow-left" color="secondary" href="{{route('cajas.index')}}">
+            Volver
+        </x-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>
+        </div>
+        <div>
+            <x-label>Fecha</x-label>
+            <p class="font-bold text-secondary">{{$turno->numero_caja}}</p>
+        </div>
+        <div>
+            <x-label>Turno</x-label>
+            <p class="font-bold text-secondary">{{$turno->numero_turno}}</p>
+        </div>
+    </div>
+
+    <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="Arqueo">
+            <x-slot:left>
+                <x-icon name="plus-minus" class="w-4 h-4"/>
+            </x-slot:left>
+            Arqueo
+        </x-tab.items>
+    </x-tab>
+</div>