58 lines
2.3 KiB
PHP
58 lines
2.3 KiB
PHP
<section>
|
|
<x-header>
|
|
{{ __('Orders') }}
|
|
|
|
<x-slot name="headerleft">
|
|
<input type="text" placeholder="Search..." wire:model.live="search" class="bg-jet-700 border-jet-500 rounded text-jet-50 placeholder:text-jet-200 focus:border-olivine focus:ring-olivine" />
|
|
</x-slot>
|
|
|
|
<x-slot name="headerright">
|
|
<flux:modal.trigger name="createModal">
|
|
<flux:button variant="primary" class="bg-olivine hover:bg-olivine-600">Create Order</flux:button>
|
|
</flux:modal.trigger>
|
|
</x-slot>
|
|
</x-header>
|
|
|
|
|
|
<div class="m-auto my-8 mx-12 bg-jet-800 rounded-lg shadow p-6 text-jet-50">
|
|
<div class="flex flex-row gap-4">
|
|
<div class="mb-4">
|
|
<flux:heading size="lg">Filter</flux:heading>
|
|
<flux:text>Apply filter for better visability.</flux:text>
|
|
</div>
|
|
<flux:separator vertical/>
|
|
<div class="flex flex-row gap-4">
|
|
@foreach($order_statuses as $order_status)
|
|
<flux:button size="sm" variant="ghost" wire:key='{{ $order_status->id }}'>{{ $order_status->name }}</flux:button>
|
|
@endforeach
|
|
</div>
|
|
</div>
|
|
<flux:separator />
|
|
<x-table>
|
|
<x-slot name="tableheader">
|
|
<x-table.header>Name</x-table.header>
|
|
<x-table.header class="w-1/6"></x-table.header>
|
|
</x-slot>
|
|
|
|
@foreach ($orders as $order)
|
|
<tr wire:key="{{ $order->id }}" class="border-b border-blackout-950">
|
|
<x-table.item><p class="p-4 px-3 pl-6 font-bold">{{ $color->name }}</p></x-table.item>
|
|
<x-table.item><p class="p-4 px-3"></p></x-table.item>
|
|
<x-table.item>
|
|
<div class="flex flex-row gap-4 justify-end pr-8">
|
|
<flux:button wire:click="edit({{ $order->id }})" icon="pencil">Edit</flux:button>
|
|
<flux:button wire:click="deleteModal({{ $order->id }})" icon="x-mark">Delete</flux:button>
|
|
</div>
|
|
</x-table.item>
|
|
</tr>
|
|
@endforeach
|
|
|
|
<x-slot name="pagination">
|
|
{{ $orders->links() }}
|
|
</x-slot>
|
|
</x-table>
|
|
|
|
</div>
|
|
|
|
</section>
|