<template>
  <div class="min-h-screen bg-gray-50 py-8">
    <div class="container max-w-4xl">
      <div class="mb-8">
        <h1 class="text-3xl font-bold">Добавить новый объект</h1>
        <p class="text-gray-600 mt-2">Заполните информацию о вашем объекте</p>
      </div>

      <ObjectForm 
        :loading="loading"
        @submit="handleSubmit"
        @cancel="handleCancel"
      />
    </div>
  </div>
</template>

<script setup lang="ts">
// definePageMeta({
//   middleware: 'auth'
// })

// const { createObject } = useObjects()
// const loading = ref(false)

// const handleSubmit = async (formData: any) => {
//   loading.value = true
  
//   try {
//     await createObject({
//       ...formData,
//       userId: 1, // В реальном приложении из авторизации
//       isActive: true,
//       images: formData.images || ['/images/placeholder.jpg'],
//       amenities: formData.amenities || []
//     })
    
//     // Показываем уведомление об успехе
//     alert('Объект успешно создан!')
//     await navigateTo('/objects/my-objects')
//   } catch (error) {
//     console.error('Error creating object:', error)
//     alert('Ошибка при создании объекта')
//   } finally {
//     loading.value = false
//   }
// }

// const handleCancel = () => {
//   navigateTo('/objects/my-objects')
// }
</script>