<script setup>
import DashboardLayout from '../layouts/DashboardLayout.vue'
import ChatWithPipeline from '../components/ChatWithPipeline.vue'

const quickPrompts = [
  'Cửa hàng gần Hà Nội',
  'Store quận 1 TP HCM',
  'Tìm cửa hàng có áo khoác',
  'Danh sách store miền Nam',
]
</script>

<template>
  <DashboardLayout>
    <div class="p-6 lg:p-8 max-w-6xl space-y-6">
      <div>
        <h1 class="text-2xl font-bold tracking-tight text-foreground">Store Search</h1>
        <p class="text-sm text-muted-foreground mt-1">Tìm kiếm cửa hàng Canifa theo khu vực hoặc sản phẩm</p>
      </div>
      <ChatWithPipeline
        api-url="/api/store-search/chat"
        :quick-prompts="quickPrompts"
        title="Store Search"
      />
    </div>
  </DashboardLayout>
</template>
