@push('styles')    
    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/pikaday/css/pikaday.css">
        @endpush
    <x-slot name="header">

    <h2 class="font-semibold text-xl text-gray-800 leading-tight">

        Manage Inventory Deliveries
    </h2>

    </x-slot>

    <x-body>
        <div class="flex">
          <div class="flex-none">
            <x-button.primary wire:click="createInventoryDelivery()">Create New Inventory</x-button.primary>
          </div>
            
	                    
          <div class="flex-1">
            <input wire:model.debounce.500ms="inputsearch"  class="shadow appearance-none border rounded w-full py-2 px-3 my-3 ml-2 text-gray-700 leading-tight focus:outline-none focus:shadow-outline" type="text" placeholder="Live Search..."/>
          </div>
          
          <div class="flex-none">
              <div class="m-4 text-right">
            {{ $myinventory->links() }}
              </div>
          </div>
          
          
          </div>
          
            <div>
            @if($isOpen)

                @if($templateType == 1)
                @include('livewire.inventory.create') 
                @elseif($templateType == 2)
                @include('livewire.inventory.order-create') 
                @elseif($templateType == 3)
                @include('livewire.inventory.delivery-create') 
                @else
                
                @include('livewire.inventory.create') 
                
                @endif

            @endif
            </div>
            

            <x-table>

                <x-slot name="head">

                        <x-table.heading>Inventory Id</x-table.heading>
                            <x-table.heading class="text-center">Qty</x-table.heading>
                            <x-table.heading>Date Delivered</x-table.heading>
                            <x-table.heading>Added to Stock?</x-table.heading>

                        <x-table.heading class="w-32" colspan="3">Action</x-table.heading>

                </x-slot>

                <x-slot name="body">

                    @foreach($myinventory as $inventorydelivery)

                            <x-table.row>
                            <x-table.cell class="text-center">{{ $inventorydelivery->inventory_order_id }}</x-table.cell>
                            <x-table.cell class="text-center">{{ $inventorydelivery->qty }}</x-table.cell>
                            <x-table.cell>{{ optional($inventorydelivery->date_delivered)->format('d/m/Y') }}</x-table.cell>
                            <x-table.cell>{{ $inventorydelivery->inventory_updated }}</x-table.cell>
                            <x-table.cell>
                            <x-icon.group>
                            <a wire:click="editInventoryDelivery({{ $inventorydelivery->id }})" alt="edit inventory Delivery" title="edit inventory Delivery"><x-icon.edit /></a>
                        
                            <a wire:click="deleteInventoryDelivery({{ $inventorydelivery->id }})" alt="delete inventory Delivery" title="delete inventory Order"><x-icon.bin /></a>
                            </x-icon.group>
                            </x-table.cell>
                            </x-table.row>

                    @endforeach

                </x-slot>

            </x-table>
    </x-body>
        @push('scripts')    
        <script src="https://unpkg.com/moment"></script>
        <script src="https://cdn.jsdelivr.net/npm/pikaday/pikaday.js"></script>
        @endpush