inventory-search.blade.php

<div class="p-4">
    <x-page-header title="Inventory Portal"></x-page-header>

    <div class="py-2 flex border-t-2 border-b-2 border-silver-400">
        <div class="w-1/2 rounded-lg px-2 border border-silver-200">
            <h2 class="mb-8 text-silver-800 text-2xl">
                Available Inventory By WHSE Report
            </h2>

            <div>
                <div class="mb-4">
                    <label class="tw-label">Send email to ...</label>
                    <input type="search" class="tw-input w-5/6"
                           wire:model="email">
                </div>

                <div class="mb-4">
                    <label class="tw-label">
                        Warehouse
                    </label>

                    @if($warehouse)
                        <div class="flex items-center">
                            <div class="mr-2 cursor-pointer"
                                 wire:click="removeWarehouse">
                                [ @svg('solid/times', 'text-red-500') ]
                            </div>
                            {{$warehouse}}
                        </div>
                    @else
                    <input type="search" class="tw-input w-5/6"
                           placeholder="Search Warehouses..."
                           wire:model="search" >
                    @endif

                    @if($search && !$warehouse)
                    <div>
                        @forelse($warehouses as $whse)
                            <button class="px-4 py-1 w-5/6 text-left text-silver-700 border border-silver-300 rounded-lg cursor-pointer"
                                    wire:click="updateSeeker({{$whse}})">
                                {{ $whse->warehouse_code . '--' . $whse->description }}
                            </button>
                        @empty
                            <div class="px-4 py-2 w-5/6 text-silver-700 text-lg font-semibold border border-silver-300 rounded-lg">
                                No warehouse found.
                            </div>
                        @endforelse
                    </div>
                    @endif
                </div>

                <div class="text-center">
                    <button class="tw-button bg-blue-500 text-white hover:bg-blue-800"
                            wire:click="generateWhseRpt">
                        <span class="uppercase">Generate</span>
                    </button>
                </div>
            </div>
        </div>


    </div>
</div>