54 lines
2.3 KiB
PHP
54 lines
2.3 KiB
PHP
<flux:main>
|
|
<div class="flex justify-between items-center">
|
|
<div>
|
|
<flux:heading size="xl">{{ $pageTitle }}</flux:heading>
|
|
</div>
|
|
<div>
|
|
<flux:button href="{{ route('studio.catalog.' . $module . '.index') }}" wire:navigate class="text-sm">
|
|
Kembali
|
|
</flux:button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mt-6 space-y-2">
|
|
@forelse ($activityLogs as $log)
|
|
<flux:card class="p-4 hover:bg-zinc-50 dark:hover:bg-zinc-800 transition text-gray-500 dark:text-gray-300">
|
|
<div class="flex justify-between items-center mb-2">
|
|
<div class="text-md">{{ $log->log_name }}</div>
|
|
<div class="text-md">{{ $log->created_at }}</div>
|
|
<div class="text-md">{{ $log->causer?->employee?->full_name }}</div>
|
|
<span
|
|
class="px-2 py-1 inline-flex text-xs font-semibold rounded-full
|
|
bg-{{ $log->event['color'] }}-200 text-{{ $log->event['color'] }}-800
|
|
dark:bg-{{ $log->event['color'] }}-800 dark:text-{{ $log->event['color'] }}-200">
|
|
{{ $log->event['label'] }}
|
|
</span>
|
|
</div>
|
|
|
|
<flux:separator class="my-2
|
|
dark:border-gray-700" />
|
|
|
|
<div class="flex flex-wrap gap-4 text-sm ">
|
|
<div>Stok Sebelumnya: {{ formatCurrencyNumber($log->properties['previous_stock']) }}</div>
|
|
<flux:separator vertical class="dark:border-gray-700" />
|
|
<div>Perubahan: {{ formatCurrencyNumber($log->properties['quantity_change']) }}</div>
|
|
<flux:separator vertical class="dark:border-gray-700" />
|
|
<div>Total Stok: {{ formatCurrencyNumber($log->properties['new_stock']) }}</div>
|
|
</div>
|
|
|
|
<flux:separator class="my-2 dark:border-gray-700" />
|
|
|
|
<p class="mt-2text-sm truncate">
|
|
{{ $log->description }}
|
|
</p>
|
|
</flux:card>
|
|
@empty
|
|
@include('components.animations.lottie.not-found')
|
|
@endforelse
|
|
</div>
|
|
|
|
</flux:main>
|
|
@assets
|
|
<script src="https://unpkg.com/@lottiefiles/dotlottie-wc@0.8.5/dist/dotlottie-wc.js" type="module"></script>
|
|
@endassets
|