{"version":3,"file":"Bg2AGdEx.js","sources":["../../../../components/home/PropertyCard.vue","../../../../components/home/Filter.vue","../../../../components/home/Property.vue"],"sourcesContent":["<template>\n    <div class=\"bg-white rounded-lg shadow-lg p-6 w-full transform transition-transform hover:scale-105 hover:shadow-xl\">\n      <img :src=\"image\" alt=\"Property Image\" class=\"w-full h-48 object-cover rounded-lg\">\n      <div class=\"mt-6\">\n        <h2 class=\"text-3xl font-bold text-orange-600\">{{ price }}</h2>\n        <p class=\"text-gray-700 mt-4\">{{ description }}</p>\n        <div class=\"flex items-center justify-between mt-6\">\n          <div>\n            <p class=\"text-gray-600\"><strong>Kamar Tidur:</strong> {{ bedrooms }}</p>\n            <p class=\"text-gray-600\"><strong>Kamar Mandi:</strong> {{ bathrooms }}</p>\n            <p class=\"text-gray-600\"><strong>Carport:</strong> {{ carport }}</p>\n            <p class=\"text-gray-600\"><strong>Luas Tanah:</strong> {{ landSize }} m²</p>\n            <p class=\"text-gray-600\"><strong>Luas Bangunan:</strong> {{ buildingSize }} m²</p>\n          </div>\n          <div class=\"text-center\">\n            <img :src=\"agentImage\" alt=\"Agent Image\" class=\"w-14 h-14 rounded-full mx-auto\">\n            <p class=\"text-gray-600 mt-2\">{{ agentName }}</p>\n            <a :href=\"whatsappLink\" class=\"text-green-600 flex items-center justify-center mt-2\">\n              <svg class=\"w-5 h-5 mr-1\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path d=\"M...Z\"/> <!-- WhatsApp SVG path -->\n              </svg>\n              WhatsApp\n            </a>\n          </div>\n        </div>\n      </div>\n    </div>\n  </template>\n\n  <script lang=\"ts\">\n  import { defineComponent } from 'vue';\n\n  export default defineComponent({\n    name: 'PropertyCard',\n    props: {\n      image: String,\n      price: String,\n      description: String,\n      bedrooms: Number,\n      bathrooms: Number,\n      carport: Number,\n      landSize: Number,\n      buildingSize: Number,\n      agentImage: String,\n      agentName: String,\n      whatsappLink: String,\n    },\n  });\n  </script>\n\n  <style scoped>\n  /* Additional styles if needed */\n  </style>\n","<template>\n    <div class=\"bg-white py-6\">\n      <div class=\"container mx-auto text-center\">\n        <h1 class=\"text-4xl font-bold text-gray-900\">Properti Dijual</h1>\n        <p class=\"text-gray-500 mt-2\">Segera beli Properti Sekarang dan Dapatkan Penawaran Terbaik di Teamss.biz</p>\n        <div class=\"flex justify-center mt-4\">\n          <button\n            v-for=\"(filter, index) in filters\"\n            :key=\"index\"\n            @click=\"selectFilter(filter)\"\n            :class=\"{\n              'bg-primary text-white': selectedFilter === filter,\n              'bg-white text-gray-700': selectedFilter !== filter,\n              'border-gray-300': true,\n              'px-4 py-2 rounded-full border mx-2': true,\n            }\"\n          >\n            {{ filter }}\n          </button>\n        </div>\n      </div>\n    </div>\n  </template>\n\n  <script lang=\"ts\">\n  import { defineComponent } from 'vue';\n\n  export default defineComponent({\n    name: 'Filter',\n    data() {\n      return {\n        filters: [\n          'Semua Harga',\n          '350 Juta - 500 Juta',\n          '500 Juta - 750 Juta',\n          '750 Juta - 1 Milyar',\n          'Lebih dari 1 Milyar',\n        ],\n        selectedFilter: 'Semua Harga',\n      };\n    },\n    methods: {\n      selectFilter(filter: string) {\n        this.selectedFilter = filter;\n        this.$emit('filter-selected', filter); // Emit the selected filter to parent\n      },\n    },\n  });\n  </script>\n\n  <style scoped>\n  /* Add any additional styles here */\n  </style>\n","<template>\n    <div>\n      <Filter @filter-selected=\"applyFilter\" />\n      <div v-if=\"loading\" class=\"loading-shimmer w-full h-48 mt-4 rounded-lg\"></div>\n      <div v-else class=\"container mx-auto p-4 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 mt-6\">\n        <PropertyCard\n\n          v-for=\"(property, index) in properties\"\n          :key=\"index\"\n          :image=\"property.image\"\n          :price=\"property.price\"\n          :description=\"property.name\"\n          :bedrooms=\"property.bedrooms\"\n          :bathrooms=\"property.bathrooms\"\n          :carport=\"property.carport\"\n          :landSize=\"property.surface\"\n          :buildingSize=\"property.buildingSize\"\n          :agentImage=\"defaultAgentImage\"\n          :agentName=\"defaultAgentName\"\n          :whatsappLink=\"defaultWhatsappLink\"\n          :city=\"props.city || ''\"\n          @click=\"navigateToDetail(property)\"\n        />\n      </div>\n      <div class=\"pagination mt-4 flex justify-center\">\n        <button\n          @click=\"goToPage(currentPage - 1)\"\n          :disabled=\"currentPage === 1\"\n          class=\"px-4 py-2 bg-primary text-white rounded\"\n        >\n          Previous\n        </button>\n        <span class=\"mx-2\">\n          Page {{ currentPage }} of {{ totalPages }}\n        </span>\n        <button\n          @click=\"goToPage(currentPage + 1)\"\n          :disabled=\"currentPage === totalPages\"\n          class=\"px-4 py-2 bg-primary text-white rounded\"\n        >\n          Next\n        </button>\n      </div>\n    </div>\n  </template>\n\n<script lang=\"ts\" setup>\nimport { ref, onMounted } from 'vue';\nimport PropertyCard from '@/components/home/PropertyCard.vue';\nimport Filter from '@/components/home/Filter.vue';\nimport { getPropertyList } from '@/utils/apiService';\nimport { useRouter } from 'vue-router';\nconst router = useRouter();\n// Correct usage of defineProps within <script setup> only, without defineComponent\nconst props = defineProps<{\n    city: string | null;\n    filters: {\n    city: string;\n    propertyType: string;\n    priceRange: string;\n    propertyTypePrice: string;\n  };\n}>();\n\nconst navigateToDetail = (contact: any) => {\n    console.log(contact)\n        router.push({\n            path: `/b2c/detail`,\n        query: {\n            id: contact.type === 'building' ? contact.buildingId.split('_')[0] : contact.landId.split('_')[0],\n            type: contact.type,\n        },\n    });\n};\n\nconst properties = ref([]);\nconst currentPage = ref(1);\nconst pageSize = ref(9);\nconst totalPages = ref(1);\nconst loading = ref(false);\nconst selectedPriceRange = ref('Semua Harga');\nconst defaultAgentImage = 'default_agent_image_url';\nconst defaultAgentName = 'Agent Name';\nconst defaultWhatsappLink = 'whatsapp-link-placeholder';\n\nconst priceRangesMap = {\n  '350 Juta - 500 Juta': { min: 350000000, max: 500000000 },\n  '500 Juta - 750 Juta': { min: 500000000, max: 750000000 },\n  '750 Juta - 1 Milyar': { min: 750000000, max: 1000000000 },\n  'Lebih dari 1 Milyar': { min: 1000000000, max: Infinity },\n};\n\nconst fetchListingList = async () => {\n  loading.value = true;\n  console.log(props.city, 'props.city'); // Check if city is passed correctly\n\n  try {\n    const param = {\n      company_id: 0,\n      country_id: 0,\n      city: props.city || (props.filters.city || '') , // Use props.city here\n      name: '',\n      type: props.filters.propertyType || '',\n      state_id: 0,\n      limit: pageSize.value,\n      offset: (currentPage.value - 1) * pageSize.value,\n      owner_id: 0,\n    };\n\n    // Apply price range filter\n    if (selectedPriceRange.value !== 'Semua Harga') {\n      const { min, max } = priceRangesMap[selectedPriceRange.value];\n      param.min_price = min;\n      param.max_price = max;\n    }\n\n    const response = await getPropertyList(param);\n\n    properties.value = response.data.map((property: any) => ({\n        image: property.property_image_ids.length\n            ? `${property.property_image_ids[0].url}`\n            : '/assets/images/default.jpeg',\n        price: `Rp. ${property.price ? formatCurrencyIDR(property.price) : 0}`,\n        name: property.name || 'No description available',\n        bedrooms: property.bedroom ?? 'Not specified',\n        bathrooms: property.bathroom ?? 'Not specified',\n        carport: property.carport_capacity ?? 'Not specified',\n        surface: property.surface ?? 'Not specified',\n        buildingSize: property.building_size ?? 'Not specified',\n        city: property.city ?? 'Unknown',\n        state: property.state ?? 'Unknown',\n        street: property.street ?? 'No street available',\n        latitude: property.latitude ?? 'No latitude',\n        longitude: property.longitude ?? 'No longitude',\n        listingType: property.listing_type ?? 'Not specified',\n        marketRentValue: property.market_rent_value ?? 0,\n        buildingId: property.building_id ?? 'No ID',\n        landId: property.land_id ?? 'No ID',\n        companyId: property.company_id ?? 'No company ID',\n        countryId: property.country_id ?? 'No country ID',\n        currencySymbol: property.currency_symbol ?? 'Rp',\n        ownerId: property.owner_id ?? 'No owner',\n        regionId: property.region_id ?? 'No region ID',\n        stateId: property.state_id ?? 'No state ID',\n        street2: property.street2 ?? 'Not specified',\n        zip: property.zip ?? 'Not specified',\n        type: property.type ?? 'Unknown',\n    }));\n\n    totalPages.value = Math.ceil(response.total_data / pageSize.value);\n  } catch (error) {\n    console.error('Failed to fetch properties', error);\n  } finally {\n    loading.value = false;\n  }\n};\n\nconst goToPage = (page: number) => {\n  if (page > 0 && page <= totalPages.value) {\n    currentPage.value = page;\n    fetchListingList();\n  }\n};\n\nconst applyFilter = (filter: string) => {\n  selectedPriceRange.value = filter;\n  currentPage.value = 1; // Reset to page 1 when applying a new filter\n  fetchListingList();\n};\nwatch(\n  () => props.filters,\n  () => {\n    currentPage.value = 1; // Reset to page 1 when filters change\n    fetchListingList();\n  },\n  { deep: true }\n);\n\nonMounted(() => {\n  fetchListingList(); // Fetch properties when the component mounts\n});\n</script>\n\n  <style scoped>\n  .loading-shimmer {\n    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);\n    background-size: 200% 100%;\n    animation: shimmer 1.5s infinite;\n  }\n\n  @keyframes shimmer {\n    0% {\n      background-position: -200% 0;\n    }\n    100% {\n      background-position: 200% 0;\n    }\n  }\n  </style>\n"],"names":["_sfc_main$2","defineComponent","_hoisted_1","_hoisted_2","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_10","_hoisted_11","_hoisted_13","_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createElementBlock","_createElementVNode","_hoisted_3","_hoisted_4","_toDisplayString","_createTextVNode","_hoisted_8","_hoisted_9","agentImage","_hoisted_12","whatsappLink","_hoisted_14","_sfc_main$1","filter","filters","_Fragment","_renderList","index","selectFilter","selectedFilter","defaultAgentImage","defaultAgentName","defaultWhatsappLink","router","useRouter","props","__props","navigateToDetail","contact","properties","ref","currentPage","pageSize","totalPages","loading","selectedPriceRange","priceRangesMap","fetchListingList","param","min","max","response","getPropertyList","property","formatCurrencyIDR","error","goToPage","page","applyFilter","watch","onMounted"],"mappings":"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"}