class Counter extends Component
{
    public $orderDtls = [];

    public function addNewItem()
    {
        $this->orderDtls[] = [
            'item_quantity' => 0,
            'item_cost' => 0,
            'item_total' => 0,
        ];
    }

    public function updated($key)
    {
        foreach ($this->orderDtls as $index => $item) {
            $this->orderDtls[$index]['item_total'] = $item['item_quantity'] * $item['item_cost'];
        }
    }

    public function render()
    {
        return view('livewire.counter');
    }
}

  class Counter extends Component
{
    public $orderDtls = [];

    public function addNewItem()
    {
        $this->orderDtls[] = [
            'item_quantity' => 0,
            'item_cost' => 0,
            'item_total' => 0,
        ];
    }

    public function updated($key)
    {
        foreach ($this->orderDtls as $index => $item) {
            $this->orderDtls[$index]['item_total'] = $item['item_quantity'] * $item['item_cost'];
        }
    }

    public function render()
    {
        return view('livewire.counter');
    }
}

  <div>
   @foreach($orderDtls as $key => $item)
    <div>
     <label for="item_quantity">Item Quantity:</label>
       <input name="item_quantity"   wire:model.lazy="orderDtls.{{ $key }}.item_quantity" type="number" min="0" class="text-gray-700 text-sm border-b border-gray-400 focus:outline-none">
 <label for="item_cost">Item Cost:</label>
  <p class="text-gray-700 text-sm">{{ $linked->item_cost }}</p>
 <h1>Total: {{ $item['item_total'] }}</h1>
</div>
@endforeach
<button wire:click="addNewItem">Add Item</button>
</div>

  <div>
   @foreach($orderDtls as $key => $item)
    <div>
     <label for="item_quantity">Item Quantity:</label>
       <input name="item_quantity"   wire:model.lazy="orderDtls.{{ $key }}.item_quantity" type="number" min="0" class="text-gray-700 text-sm border-b border-gray-400 focus:outline-none">
 <label for="item_cost">Item Cost:</label>
  <p class="text-gray-700 text-sm">{{ $linked->item_cost }}</p>
 <h1>Total: {{ $item['item_total'] }}</h1>
</div>
@endforeach
<button wire:click="addNewItem">Add Item</button>
</div>

public static function canView():bool
{
    if(\auth()->user()->can('show_widgets')){
        return true;
    }
    else{
        return false;
    }
}

public static function canView():bool
{
    if(\auth()->user()->can('show_widgets')){
        return true;
    }
    else{
        return false;
    }
}