130 lines
6.6 KiB
PHP
130 lines
6.6 KiB
PHP
<flux:main>
|
|
<flux:heading size="xl" level="1" class="mb-6">{{ $pageTitle }}</flux:heading>
|
|
<flux:separator />
|
|
|
|
<div class="mt-6">
|
|
<div class="mb-6 grid grid-cols-1 lg:grid-cols-2 gap-4">
|
|
<flux:checkbox.group wire:model.live="selectedOutletIds" variant="buttons">
|
|
@foreach ($outlets as $key => $value)
|
|
<flux:checkbox value="{{ $key }}" label="{{ $value }}" />
|
|
@endforeach
|
|
</flux:checkbox.group>
|
|
</div>
|
|
|
|
<flux:heading>Counting Data</flux:heading>
|
|
<div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-6 gap-3 mb-6 mt-2">
|
|
@foreach ($countingData as $item)
|
|
<div class="rounded-lg px-6 py-4 bg-zinc-200 dark:bg-zinc-700">
|
|
<flux:subheading>{{ $item['title'] }}</flux:subheading>
|
|
<flux:heading size="xl" class="mb-2">{{ $item['value'] }}</flux:heading>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
|
|
<flux:heading>Order</flux:heading>
|
|
<div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 xl:grid-cols-4 gap-4 mb-6 mt-2">
|
|
@foreach ($orders as $order)
|
|
<div class="rounded-lg px-6 py-4 bg-zinc-200 dark:bg-zinc-700">
|
|
<flux:subheading>{{ $order['title'] }}</flux:subheading>
|
|
<flux:heading size="xl" class="mb-2">{{ $order['value'] }}</flux:heading>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
|
|
<flux:heading>Pengeluaran</flux:heading>
|
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-6 mt-2">
|
|
@foreach ($expenses as $expense)
|
|
<div class="rounded-lg px-6 py-4 bg-zinc-200 dark:bg-zinc-700">
|
|
<flux:subheading>{{ $expense['title'] }}</flux:subheading>
|
|
<flux:heading size="xl" class="mb-2">{{ $expense['value'] }}</flux:heading>
|
|
</div>
|
|
@endforeach
|
|
</div>
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-6 mt-2">
|
|
<div>
|
|
<flux:heading>Top 5 Parfum</flux:heading>
|
|
<flux:card class="mb-6 mt-2 bg-zinc-200 dark:bg-zinc-700">
|
|
<flux:table>
|
|
<flux:table.columns>
|
|
<flux:table.column>No</flux:table.column>
|
|
<flux:table.column>Nama</flux:table.column>
|
|
<flux:table.column>Harga</flux:table.column>
|
|
<flux:table.column>Terjual</flux:table.column>
|
|
<flux:table.column>Total</flux:table.column>
|
|
</flux:table.columns>
|
|
|
|
<flux:table.rows>
|
|
@foreach ($topPerfumes as $topPerfume)
|
|
<flux:table.row>
|
|
<flux:table.cell>{{ $loop->iteration }}</flux:table.cell>
|
|
<flux:table.cell>{{ $topPerfume['name'] }}</flux:table.cell>
|
|
<flux:table.cell>{{ $topPerfume['sale_price'] }}</flux:table.cell>
|
|
<flux:table.cell>{{ $topPerfume['total_sold'] }}</flux:table.cell>
|
|
<flux:table.cell variant="strong">{{ $topPerfume['total_sales'] }}
|
|
</flux:table.cell>
|
|
</flux:table.row>
|
|
@endforeach
|
|
</flux:table.rows>
|
|
</flux:table>
|
|
</flux:card>
|
|
</div>
|
|
|
|
<div>
|
|
<flux:heading>Top 5 Produk</flux:heading>
|
|
<flux:card class="mb-6 mt-2 bg-zinc-200 dark:bg-zinc-700">
|
|
<flux:table>
|
|
<flux:table.columns>
|
|
<flux:table.column>No</flux:table.column>
|
|
<flux:table.column>Nama</flux:table.column>
|
|
<flux:table.column>Harga</flux:table.column>
|
|
<flux:table.column>Terjual</flux:table.column>
|
|
<flux:table.column>Total</flux:table.column>
|
|
</flux:table.columns>
|
|
|
|
<flux:table.rows>
|
|
@foreach ($topProducts as $topProduct)
|
|
<flux:table.row>
|
|
<flux:table.cell>{{ $loop->iteration }}</flux:table.cell>
|
|
<flux:table.cell>{{ $topProduct['name'] }}</flux:table.cell>
|
|
<flux:table.cell>{{ $topProduct['sale_price'] }}</flux:table.cell>
|
|
<flux:table.cell>{{ $topProduct['total_sold'] }}</flux:table.cell>
|
|
<flux:table.cell variant="strong">{{ $topProduct['total_sales'] }}
|
|
</flux:table.cell>
|
|
</flux:table.row>
|
|
@endforeach
|
|
</flux:table.rows>
|
|
</flux:table>
|
|
</flux:card>
|
|
</div>
|
|
|
|
<div>
|
|
<flux:heading>Top 5 Botol</flux:heading>
|
|
<flux:card class="mb-6 mt-2 bg-zinc-200 dark:bg-zinc-700">
|
|
<flux:table>
|
|
<flux:table.columns>
|
|
<flux:table.column>No</flux:table.column>
|
|
<flux:table.column>Nama</flux:table.column>
|
|
<flux:table.column>Harga</flux:table.column>
|
|
<flux:table.column>Terjual</flux:table.column>
|
|
<flux:table.column>Total</flux:table.column>
|
|
</flux:table.columns>
|
|
|
|
<flux:table.rows>
|
|
@foreach ($topBottles as $topBottle)
|
|
<flux:table.row>
|
|
<flux:table.cell>{{ $loop->iteration }}</flux:table.cell>
|
|
<flux:table.cell>{{ $topBottle['name'] }}</flux:table.cell>
|
|
<flux:table.cell>{{ $topBottle['sale_price'] }}</flux:table.cell>
|
|
<flux:table.cell>{{ $topBottle['total_sold'] }}</flux:table.cell>
|
|
<flux:table.cell variant="strong">{{ $topBottle['total_sales'] }}</flux:table.cell>
|
|
</flux:table.row>
|
|
@endforeach
|
|
</flux:table.rows>
|
|
</flux:table>
|
|
</flux:card>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</flux:main>
|