diff --git a/app/Http/Controllers/CountryCodeController.php b/app/Http/Controllers/CountryCodeController.php
index 08b74ef..fa15d6b 100644
--- a/app/Http/Controllers/CountryCodeController.php
+++ b/app/Http/Controllers/CountryCodeController.php
@@ -22,6 +22,10 @@ class CountryCodeController extends Controller
     return CountryCode::active("Y");
   }
 
+  public function codes()
+  {
+    return CountryCode::countryHash();
+  }
   /**
   * Store a newly created resource in storage.
   *
diff --git a/app/Http/Controllers/IkeaProductsController.php b/app/Http/Controllers/IkeaProductsController.php
index a6d0f12..479a45c 100644
--- a/app/Http/Controllers/IkeaProductsController.php
+++ b/app/Http/Controllers/IkeaProductsController.php
@@ -6,7 +6,7 @@ use Illuminate\Http\Request;
 use Illuminate\Http\Client\Pool;
 use Illuminate\Support\Facades\Http;
 use Illuminate\Support\Facades\Log;
-use PhpParser\Node\Expr\Cast\String_;
+
 
 class IkeaProductsController extends Controller
 {
diff --git a/app/Http/Controllers/ProductsCompareController.php b/app/Http/Controllers/ProductsCompareController.php
new file mode 100644
index 0000000..6a3b962
--- /dev/null
+++ b/app/Http/Controllers/ProductsCompareController.php
@@ -0,0 +1,43 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Http\Request;
+use App\Models\IkeaProducts;
+use Illuminate\Http\Client\Pool;
+use Illuminate\Support\Facades\Http;
+use Illuminate\Support\Facades\Log;
+use App\Models\CountryCode;
+use Inertia\Inertia;
+
+class ProductsCompareController extends Controller
+{
+  public function compare(Request $request)
+  {
+    $codes = $request->input("codes");
+    $countries = $request->input("countries");
+
+    Log::info("{codes} {countries}", ["codes" => $codes, "countries" => $countries]);
+
+    $codes = collect($codes);
+   // $countries = collect(json_decode($countries, true));
+
+   if ($countries != null && count($countries)) {
+    $hCountry = CountryCode::countryHash();
+    $countries = $countries->map(function ($country) {
+      return $hCountry[$country];
+    });
+   }
+  
+    // $aCodes = $codes->map(function ($code) {
+    //   return $code['code'];
+    // });
+
+    $aCodes = $codes['code'];
+    $products =  IkeaProducts::where("code", $aCodes)->get();
+    Log::info("{products}", ["products" => $products]);
+    return Inertia::render('IkeaRoot', [
+      'products' => $products
+    ]);
+  }
+}
diff --git a/app/Models/CountryCode.php b/app/Models/CountryCode.php
index 6e43c4b..86c4ab8 100644
--- a/app/Models/CountryCode.php
+++ b/app/Models/CountryCode.php
@@ -7,30 +7,38 @@ use Illuminate\Database\Eloquent\Model;
 
 class CountryCode extends Model
 {
-    /**
-     * The table associated with the model.
-     *
-     * @var string
-     */
-    protected $table = 'c_ikea_country_code';
+  /**
+   * The table associated with the model.
+   *
+   * @var string
+   */
+  protected $table = 'c_ikea_country_code';
 
-    /**
-     * The primary key associated with the table.
-     *
-     * @var string
-     */
-    protected $primaryKey = 'currency_code';
-    /**
-     * Indicates if the model's ID is auto-incrementing.
-     *
-     * @var bool
-     */
-    public $incrementing = false;
-    
-    use HasFactory;
+  /**
+   * The primary key associated with the table.
+   *
+   * @var string
+   */
+  protected $primaryKey = 'currency_code';
+  /**
+   * Indicates if the model's ID is auto-incrementing.
+   *
+   * @var bool
+   */
+  public $incrementing = false;
 
-    protected function active(String $status)
-    {
-      return $this->where('status', $status)->get();
-    }
+  use HasFactory;
+
+  protected function active(String $status)
+  {
+    return $this->where('status', $status)->get();
+  }
+
+  protected function countryHash()
+  {
+    $codes = $this->select('country_name', 'country_code')->get();
+    return $codes->mapWithKeys(function ($item) {
+      return [$item['country_name'] => $item['country_code']];
+});
+  }
 }
diff --git a/app/Models/IkeaProducts.php b/app/Models/IkeaProducts.php
index ca43f15..de63728 100644
--- a/app/Models/IkeaProducts.php
+++ b/app/Models/IkeaProducts.php
@@ -32,4 +32,9 @@ class IkeaProducts extends Model
       return [];
     }
   }
+
+  protected function multisearch($codes, $countries)  {
+    //$countries = $
+    // return $this->where('code',$codes)->where('country',$countries); 
+  }
 }
diff --git a/resources/js/Pages/IkeaRoot.vue b/resources/js/Pages/IkeaRoot.vue
index 1d3d8b2..caa1d27 100644
--- a/resources/js/Pages/IkeaRoot.vue
+++ b/resources/js/Pages/IkeaRoot.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { getCurrentInstance, ref, onMounted, onUnmounted, nextTick } from 'vue';
+import { getCurrentInstance, ref, onMounted, onUnmounted, nextTick, computed } from 'vue';
 import Swal from 'sweetalert2';
 import LogoIkea from '@/assets/Ikea_logo.svg';
 import Multiselect from 'vue-multiselect';
@@ -8,18 +8,36 @@ import { FwbDropdown, FwbListGroup, FwbListGroupItem } from 'flowbite-vue';
 import EasyTable from "vue3-easy-data-table";
 import SearchInput from '@/Components/SearchInput.vue';
 //import autocomplete from '@trevoreyre/autocomplete-vue';
-
-
 import {
   FwbNavbar,
   FwbNavbarCollapse,
   FwbNavbarLink,
   FwbNavbarLogo,
 } from 'flowbite-vue';
+import { useForm } from '@inertiajs/inertia-vue3'
 import axios from 'axios';
 import IkeaLogo from './Ikea/IkeaLogo.vue';
-const type = 'GeoChart';
 
+const props = defineProps({ 
+  products: {
+    type: Object,
+    default: []
+  },
+ })
+
+ 
+let tproducts = computed(() => {
+  return props.products.map((prod) => { 
+    prod.salesPrice = parseFloat(prod.salesPrice);
+    return prod;
+   } )
+})
+
+const type = 'GeoChart';
+const form = useForm({
+  countries: '',
+  codes: '',
+});
 const ccountry = ref([]);
 const ccountry_filter = ref([['Country'],]);
 const ccountry_list = ref(['TEST']);
@@ -30,6 +48,13 @@ const hrates = ref([
   { text: "Country", value: "country_name", sortable: true },
   { text: "Rate", value: "rate", sortable: true }
 ]);
+// { "country": "AT", "code": "50161321", "url": "https://www.ikea.com/at/de/p/hol-aufbewahrungstisch-akazie-50161321/", "name": "HOL", "typeName": "Aufbewahrungstisch", "mainImageUrl": "https://www.ikea.com/at/de/images/products/hol-aufbewahrungstisch-akazie__0104310_pe251255_s5.jpg", "itemNoGlobal": "50161321", "salesPrice": "80.99", "tag": "FAMILY_PRICE", "last_mod": "2023-12-03 16:44:24" }, 
+const hproducts = ref([
+  { text: "Country", value:"country", sortable: true},
+  { text: "Name", value:"name", sortable: true},
+  { text: "Price", value:"salesPrice", sortable: true}
+]);
+
 const rates = ref([]);
 const options_items = ref([]);
 const selected_item = ref(null);
@@ -101,8 +126,8 @@ const fetch_rates = async () => {
 const async_search = async (item) => {
   try {
     if (item.length > 4) {
-      const response = await axios.get(route('products.search',item));
-      options_items.value = response.data.map((i) => { return { "item": i.name, "desc": i.typeName, "img": i.mainImageUrl } });
+      const response = await axios.get(route('products.search', item));
+      options_items.value = response.data.map((i) => { return { "item": i.name, "desc": i.typeName, "img": i.mainImageUrl, "code": i.code } });
       console.log("VALUES=", options_items.value);
     }
   } catch (e) {
@@ -118,9 +143,9 @@ const async_search = async (item) => {
   }
 }
 
-function customLabel({item, desc}) {
+function customLabel({ item, desc }) {
   //console.log(item);
- return `${item} - ${desc}` ;
+  return `${item} - ${desc}`;
 }
 const headers = ref([
   { text: "Id", value: "id", sortable: true },
@@ -139,6 +164,10 @@ function selectCountry(item, id) {
 
 onMounted(fetch);
 onMounted(fetch_rates);
+
+const submit = () => {
+    form.post(route('products.compare'));
+};
 </script>
 
 <template>
@@ -172,25 +201,43 @@ onMounted(fetch_rates);
           :settings="chart_settings" />
       </div>
       <div class="mr-auto">
+        <form @submit.prevent="submit">
+          <div class="flex flex-col start-0">
+            <span class="font-extrabold font-mono">Zadaj krajiny v ktorych chces vyhadavat</span>
+          </div>
+          <div>
+            <multiselect :close-on-select="false" :multiple="true" v-model="form.countries" :options="ccountry_list"
+              @select="selectCountry" @remove="selectCountry">
+            </multiselect>
+          </div>
+          <div>
+            <span class="font-extrabold font-mono">Zadaj polozku</span>
+          </div>
+          <div>
+            <multiselect v-model="form.codes" label="item" track-by="item" :custom-label="customLabel"
+              placeholder="Find item" :searchable="true" :options="options_items" @search-change="async_search" />
+          </div>
+          <div class="text-end mt-2">
+            <button type="submit"
+              class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"
+              :disabled="form.processing" :class="{ 'opacity-25': form.processing }">
+              Search
+            </button>
+          </div>
+        </form>
+        <div class="mt-5">
+          <EasyTable :rows-per-page=10 :headers="headers" :items="items" alternating></EasyTable>
+        </div>
+        <div class="mt-5">
+          <EasyTable :rows-per-page=15 :headers="hrates" :items="rates" alternating></EasyTable>
+        </div>
+      </div>
+      <div>
         <div class="flex flex-col start-0">
-          <span class="font-extrabold font-mono">Zadaj krajiny v ktorych chces vyhadavat</span>
+          <span class="font-extrabold font-mono">Vysledky vyhladavania</span>
         </div>
         <div>
-          <multiselect :close-on-select="false" :multiple="true" v-model="selected" :options="ccountry_list"
-            @select="selectCountry" @remove="selectCountry">
-          </multiselect>
-        </div>
-        <div>
-          <span class="font-extrabold font-mono">Zadaj polozku</span>
-        </div>
-        <div>
-          <multiselect v-model="selected_item" label="item" track-by="item" :custom-label="customLabel" placeholder="Find item" :searchable="true" :options="options_items" @search-change="async_search"/>
-        </div>
-        <div class="mt-5">
-          <EasyTable :rows-per-page=10 :headers="headers" :items="items"></EasyTable>
-        </div>
-        <div class="mt-5">
-          <EasyTable :rows-per-page=15 :headers="hrates" :items="rates"></EasyTable>
+          <EasyTable :rows-per-page=15 :headers="hproducts" :items="tproducts" alternating></EasyTable>  
         </div>
       </div>
     </div>
diff --git a/routes/web.php b/routes/web.php
index 25f1042..7ae347f 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -6,6 +6,9 @@ use App\Http\Controllers\CountryCodeController;
 use App\Http\Controllers\CountryCompareController;
 use App\Http\Controllers\CurrencyRatesController;
 use App\Http\Controllers\IkeaProductsController;
+use App\Http\Controllers\ProductsCompareController;
+
+
 /*
 |--------------------------------------------------------------------------
 | Web Routes
@@ -22,11 +25,12 @@ Route::get('/', function () {
 })->name('root'); 
 
 Route::get('/ccountry/', [CountryCodeController::class, 'index'])->name('ccountry.index');
+Route::get('/ccountry/codes/', [CountryCodeController::class, 'codes'])->name('ccountry.codes');
 Route::get('/ccountry/active/', [CountryCodeController::class, 'active'])->name('ccountry.active');
 Route::get('/search/{id}',[CountryCompareController::class,'search'])->name('ccompare.search');
 Route::get('/rates/', [CurrencyRatesController::class, 'index'])->name('rates.index');
 Route::get('/products/{item}', [IkeaProductsController::class, 'search'])->name('products.search');
-
+Route::post('/products/compare/', [ProductsCompareController::class, 'compare'])->name('products.compare');
 
 Route::middleware(['auth:sanctum', config('jetstream.auth_session'), 'verified'])->group(function () {
     // Route::get('/', function () {