How can i get total price of all items that added in the right side box?

@tykus Also i try to paginate this list but not works. Can u help me to make it works?

@emilpapelas4@gmail.com you need to use WithPagination trait in the Component. Then paginate whichever query ($items?)

@tykus yea $items

@emilpapelas4@gmail.com why is the searchTerm only relevant in some cases?

@tykus updatedSearchTerm ? added only this functions but maybe add more later

@tykus Not works Get the following errro Method Illuminate\Database\Eloquent\Collection::links does not exist. (View: C:\xampp\htdocs\Gpt\resources\views\livewire\select-items.blade.php)

public function render()
    {
        $getItems = ItemList::whereIn('id',$this->selectedItems)->get(); 
        return view('livewire.select-items', [
            'items' => ItemList::paginate(12),
            'getItems' => $getItems,
            'total' => $getItems->sum('price'),
        ]);
    }

Blade

{{ $items->links() }}

Also use WithPagination; and use Livewire\WithPagination; is there

@emilpapelas4@gmail.com Your updated methods are unnecessary; you can use conditional querying instead:

namespace App\Http\Livewire;

use Livewire\Component;
use App\Models\ItemList;
use Livewire\WithPagination;
use MercurySeries\Flashy\Flashy;
use Illuminate\Http\Request;

class SelectItems extends Component
{
  use WithPagination;

  public $orderBy = "";
  public $selectedItems = [];
  public $odd_values = [];
  public $searchTerm = "";

  public function render()
  {
    $getItems = ItemList::whereIn('id', $this->selectedItems)->get();
    return view('livewire.select-items', [
      'items' => $this->getItems(),
      'getItems' => $getItems,
    ]);
  }

  private function getItems()
  {
    return ItemList::query()
      ->when($this->orderBy, function ($builder, $orderBy) {
        [$column, $direction] = explode('_', $orderBy);
        return $builder->orderBy($column, $direction);
      })
      ->when($this->searchTerm, function ($builder, $term) {
        $builder->where('name', 'LIKE', '%' . $term . '%')
          ->orWhere('item_id', '=', $term);
      })->paginate();
  }

  public function selectProduct($id)
  {
    if (in_array($id, $this->selectedItems)) {
      $itemslist = $this->selectedItems;
      if (($key = array_search($id, $itemslist)) !== false) {
        unset($itemslist[$key]);
      }

      $this->selectedItems = $itemslist;
    } else {
      $this->selectedItems = array_merge($this->selectedItems, [$id]);
    }
  }
}

Get the following errro Method Illuminate\Database\Eloquent\Collection::links does not exist

Because you probably still have the updated methods which are not returning a LengthAwarePaginator instance

@emilpapelas4@gmail.com because the items you pass to the view is not paginated

@tykus this code not works for me

@Snapey

<?php
namespace App\Http\Livewire;

use Livewire\Component;
use App\Models\ItemList;
use Livewire\WithPagination;
use MercurySeries\Flashy\Flashy;
use Illuminate\Http\Request;


class SelectItems extends Component
{
    use WithPagination;

    public $items;
    public $orderBy = "";
    public $selectedItems = [];
    public $odd_values = [];
    public $searchTerm = "";

    
    public function render()
    {
        $getItems = ItemList::whereIn('id',$this->selectedItems)->get(); 
        return view('livewire.select-items', [
            'items' => ItemList::paginate(12), //$this->items,
            'getItems' => $getItems,
            'total' => $getItems->sum('price'),
        ]);
    }
    public function updatedOrderBy($option)
    {
        $this->orderBy = $option;
        if($this->orderBy == "price_desc") {
            $this->items = ItemList::where('name','LIKE','%'.$this->searchTerm.'%')->orderBy("price",'desc')->get()->take(8);
        }
        else if ($this->orderBy == "price_asc") {
            $this->items = ItemList::where('name','LIKE','%'.$this->searchTerm.'%')->orderBy("price",'asc')->get()->take(8);
        }
        else $this->items = ItemList::where('name','LIKE','%'.$this->searchTerm.'%')->get()->take(8);

        if($this->orderBy == "discount_desc")
        {
            $this->items = ItemList::orderBy('discount','desc')->get()->take(8);
        }
        else if($this->orderBy == "discount_asc")
        {
            $this->items = ItemList::orderBy('discount','asc')->get()->take(8);
        }
    }
    
    public function updatedSearchTerm($term)
    {
        if($this->orderBy == "price_desc") {
            $this->items = ItemList::where(function ($query) use ($term){
            $query->where('name','LIKE','%'.$term.'%')
                    ->orWhere('item_id', '=', $term);
        })->orderBy("price",'desc')->get()->take(12);
        }
        else if ($this->orderBy == "price_asc") {
            $this->items = ItemList::where(function ($query) use ($term){
            $query->where('name','LIKE','%'.$term.'%')
                    ->orWhere('item_id', '=', $term);
        })->orderBy("price",'asc')->get()->take(12);
        }
        else $this->items = ItemList::where(function ($query) use ($term) { $query->where('name','LIKE','%'.$term.'%') ->orWhere('item_id', '=', $term); })->get()->take(12);
    }
    
    public function selectProduct($id)
    {
        
        if(in_array($id,$this->selectedItems)){
            $itemslist = $this->selectedItems;
            if (($key = array_search($id, $itemslist)) !== false) {
                    unset($itemslist[$key]);
                }
            
            $this->selectedItems = $itemslist;
        }
        else {
            
            $this->selectedItems = array_merge($this->selectedItems, [$id]);
        }
        
    }
}

@emilpapelas4@gmail.com

can you not see it?

        $getItems = ItemList::whereIn('id',$this->selectedItems)->get(); 
        return view('livewire.select-items', [
            'items' => ItemList::paginate(12), //$this->items,
            'getItems' => $getItems,
            'total' => $getItems->sum('price'),
        ]);

@Snapey are u mean this?

But i want to paginate this one

   'items' => ItemList::paginate(12), //$this->items,

@emilpapelas4@gmail.com what is getItems used for?

you already have an $items as a public property, you cannot pass a second one to the view

@emilpapelas4@gmail.com you're effectively making two items variables available to the view template; the public property on the Component, and the data passed to the view. You cannot do both - see my version of your Component above.

@Snapey

$getItems 

is to get the items that selected . and

$items 

is to get the items from db

@emilpapelas4@gmail.com but you then do NOTHING with $getItems so what was the point

@Snapey

https://imgur.com/cexaFW0

$getItems is used to get and show the selected items that show in Right

@emilpapelas4@gmail.com show your Component class as it is now implemented

@emilpapelas4@gmail.com that's not a class

@tykus you need the controller?

<?php
namespace App\Http\Livewire;

use Livewire\Component;
use App\Models\ItemList;
use Livewire\WithPagination;
use MercurySeries\Flashy\Flashy;
use Illuminate\Http\Request;


class SelectItems extends Component
{
    use WithPagination;

    public $items;
    public $orderBy = "";
    public $selectedItems = [];
    public $odd_values = [];
    public $searchTerm = "";

    
    public function render()
    {
        $getItems = ItemList::whereIn('id',$this->selectedItems)->get(); 
        return view('livewire.select-items', [
            'items' => $this->items,
            'getItems' => $getItems,
            'total' => $getItems->sum('price'),
        ]);
    }
    public function updatedOrderBy($option)
    {
        $this->orderBy = $option;
        if($this->orderBy == "price_desc") {
            $this->items = ItemList::where('name','LIKE','%'.$this->searchTerm.'%')->orderBy("price",'desc')->get()->take(8);
        }
        else if ($this->orderBy == "price_asc") {
            $this->items = ItemList::where('name','LIKE','%'.$this->searchTerm.'%')->orderBy("price",'asc')->get()->take(8);
        }
        else $this->items = ItemList::where('name','LIKE','%'.$this->searchTerm.'%')->get()->take(8);

        if($this->orderBy == "discount_desc")
        {
            $this->items = ItemList::orderBy('discount','desc')->get()->take(8);
        }
        else if($this->orderBy == "discount_asc")
        {
            $this->items = ItemList::orderBy('discount','asc')->get()->take(8);
        }
    }
    
    public function updatedSearchTerm($term)
    {
        if($this->orderBy == "price_desc") {
            $this->items = ItemList::where(function ($query) use ($term){
            $query->where('name','LIKE','%'.$term.'%')
                    ->orWhere('item_id', '=', $term);
        })->orderBy("price",'desc')->get()->take(12);
        }
        else if ($this->orderBy == "price_asc") {
            $this->items = ItemList::where(function ($query) use ($term){
            $query->where('name','LIKE','%'.$term.'%')
                    ->orWhere('item_id', '=', $term);
        })->orderBy("price",'asc')->get()->take(12);
        }
        else $this->items = ItemList::where(function ($query) use ($term) { $query->where('name','LIKE','%'.$term.'%') ->orWhere('item_id', '=', $term); })->get()->take(12);
    }
    
    public function selectProduct($id)
    {
        
        if(in_array($id,$this->selectedItems)){
            $itemslist = $this->selectedItems;
            if (($key = array_search($id, $itemslist)) !== false) {
                    unset($itemslist[$key]);
                }
            
            $this->selectedItems = $itemslist;
        }
        else {
            
            $this->selectedItems = array_merge($this->selectedItems, [$id]);
        }
        
    }
}

@emilpapelas4@gmail.com right, so you ignored what I mentioned earlier about the updated methods?

@tykus no i tryed the code that u sent but not works for me,

@emilpapelas4@gmail.com why didn't it work?

@tykus tryed again and now works maybe have forget some code :)

but still need the pagination like pagination on bottom

@emilpapelas4@gmail.com you mean the links?

{{ $items->links() }}

@tykus yes

@emilpapelas4@gmail.com and yet you removed the Best Reply????

@tykus added back sorry i think press the bestreply btn again and thats why is removed.