<template>
  <div class="min-h-screen bg-gray-50 py-8">
    <div class="container">
      <!-- Заголовок -->
      <div class="mb-8">
        <div class="flex justify-between items-center mb-6">
          <div>
            <h1 class="text-3xl font-bold">Мои объекты</h1>
            <p class="text-gray-600 mt-2">Управление вашими добавленными местами</p>
          </div>
          <div class="flex gap-3">
            <NuxtLink to="/objects" class="btn btn-outline">
              🔍 Все объекты
            </NuxtLink>
            <NuxtLink to="/objects/create" class="btn btn-primary">
              Добавить объект
            </NuxtLink>
          </div>
        </div>
        
        <!-- Информация -->
        <div class="bg-blue-50 border border-blue-200 rounded-lg p-4 mb-6">
          <p class="text-blue-700">
            💡 Это демо-режим. В реальном приложении здесь будут отображаться только ваши объекты.
          </p>
        </div>
      </div>

      <!-- Таблица объектов -->
      <div class="card">
        <div class="card-header">
          <h2 class="text-xl font-semibold">Список объектов</h2>
        </div>
        
        <div class="overflow-x-auto">
          <table class="w-full">
            <thead>
              <tr class="border-b border-gray-200">
                <th class="text-left py-3 px-4">Название</th>
                <th class="text-left py-3 px-4">Тип</th>
                <th class="text-left py-3 px-4">Город</th>
                <th class="text-left py-3 px-4">Цена</th>
                <th class="text-left py-3 px-4">Статус</th>
                <th class="text-left py-3 px-4">Действия</th>
              </tr>
            </thead>
            <tbody>
              <tr 
                v-for="object in myObjects"
                :key="object.id"
                class="border-b border-gray-100 hover:bg-gray-50"
              >
                <td class="py-3 px-4">
                  <div class="font-medium">{{ object.title }}</div>
                  <div class="text-sm text-gray-500">{{ formatDate(object.createdAt) }}</div>
                </td>
                <td class="py-3 px-4">
                  <span class="badge badge-primary">
                    {{ getTypeLabel(object.type) }}
                  </span>
                </td>
                <td class="py-3 px-4">{{ object.city }}</td>
                <td class="py-3 px-4 font-medium">
                  {{ formatPrice(object.price) }}
                </td>
                <td class="py-3 px-4">
                  <span 
                    class="badge"
                    :class="object.isActive ? 'badge-success' : 'badge-secondary'"
                  >
                    {{ object.isActive ? 'Активен' : 'Неактивен' }}
                  </span>
                </td>
                <td class="py-3 px-4">
                  <div class="flex gap-2">
                    <NuxtLink 
                      :to="`/objects/${object.id}`"
                      class="btn btn-outline btn-sm"
                    >
                      Просмотр
                    </NuxtLink>
                    <NuxtLink 
                      :to="`/objects/${object.id}/edit`"
                      class="btn btn-outline btn-sm"
                    >
                      Редактировать
                    </NuxtLink>
                    <button 
                      @click="deleteObject(object.id)"
                      class="btn btn-outline btn-sm text-red-600 hover:bg-red-50"
                    >
                      Удалить
                    </button>
                  </div>
                </td>
              </tr>
            </tbody>
          </table>
        </div>

        <!-- Пустой state -->
        <div 
          v-if="!loading && myObjects.length === 0"
          class="text-center py-12"
        >
          <div class="text-gray-400 text-6xl mb-4">🏢</div>
          <h3 class="text-xl font-semibold mb-2">У вас пока нет объектов</h3>
          <p class="text-gray-600 mb-6">Добавьте первый объект, чтобы начать работу</p>
          <NuxtLink to="/objects/create" class="btn btn-primary">
            Добавить первый объект
          </NuxtLink>
        </div>
      </div>

      <!-- Навигация -->
      <div class="mt-8 flex justify-between">
        <NuxtLink to="/objects" class="btn btn-outline">
          ← Все объекты
        </NuxtLink>
        <NuxtLink to="/" class="btn btn-outline">
          🏠 На главную
        </NuxtLink>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
// import { ObjectItem } from '~/composables/useObjects'

// // Убрали middleware - страница доступна всем

// const { fetchMyObjects, deleteObject, objects: myObjects, loading } = useObjects()

// onMounted(async () => {
//   await fetchMyObjects()
// })

// ... остальные функции без изменений ...
</script>