from fastapi import FastAPI
from .database import init_db
from .middleware.cors import setup_cors
from .routes import auth, users

# 🚀 Инициализация базы данных
init_db()

# 📱 Создание FastAPI приложения
app = FastAPI(
  title="User Platform API",
  description="Backend для пользовательской платформы",
  version="1.0.0"
)

# 🌐 Настройка CORS для frontend
setup_cors(app)

# 🔗 Подключение маршрутов
app.include_router(auth.router)
app.include_router(users.router)

import sqlite3
from contextlib import contextmanager

# 🗂️ Путь к файлу базы данных
DATABASE_URL = "app.db"

def init_db():
  # 📊 Создание таблицы пользователей
  conn.execute('''
    CREATE TABLE IF NOT EXISTS users (
      id INTEGER PRIMARY KEY AUTOINCREMENT,
      username TEXT UNIQUE NOT NULL,
      email TEXT UNIQUE NOT NULL,
      hashed_password TEXT NOT NULL,
      role TEXT DEFAULT 'user'
    )
  ''')

@contextmanager
def get_db():
  # 🔄 Контекстный менеджер для автоматического закрытия соединения
  conn = sqlite3.connect(DATABASE_URL)
  conn.row_factory = sqlite3.Row
  try:
    yield conn
  finally:
    conn.close()

from pydantic import BaseModel, EmailStr
from typing import Optional
from enum import Enum

# 🎭 Роли пользователей
class UserRole(str, Enum):
  GUEST = "guest"
  USER = "user"
  ADMIN = "admin"

# 💎 Статусы пользователей
class UserStatus(str, Enum):
  BASIC = "basic"
  PREMIUM = "premium"

# 👤 Базовая модель пользователя
class UserBase(BaseModel):
  username: str
  email: EmailStr
  full_name: Optional[str] = None

# 📝 Модель для создания пользователя
class UserCreate(UserBase):
  password: str

@router.post("/register", response_model=User)
def register(user_data: UserCreate):
  # 🔍 Проверка существующего пользователя
  existing = conn.execute(
    "SELECT id FROM users WHERE username = ? OR email = ?",
    (user_data.username, user_data.email)
  ).fetchone()

  if existing:
    raise HTTPException(status_code=400)

  # 🔒 Хеширование пароля
  hashed_password = get_password_hash(user_data.password)

  # 💾 Сохранение в базу
  cursor = conn.execute('''
    INSERT INTO users (username, email, hashed_password)
    VALUES (?, ?, ?)
  ''', (user_data.username, user_data.email, hashed_password))

// 🌐 Базовый URL API
const API_BASE = 'http://localhost:8000';

// 🎯 Главная функция навигации
function showPage(pageName) {
  // 🎪 Скрываем все страницы
  document.querySelectorAll('.page').forEach(page => {
    page.classList.remove('active');
  });

  // 🔦 Показываем выбранную страницу
  document.getElementById(`${pageName}-page`).classList.add('active');

  // 📥 Загружаем данные при необходимости
  if (pageName === 'users') {
    loadAllUsers();
  } else if (pageName === 'dashboard' && token) {
    loadDashboard();
  }
}

// 📝 Функция регистрации пользователя
async function registerUser(event) {
  event.preventDefault();
  console.log('🔄 Начало регистрации...');

  const userData = {
    username: document.getElementById('reg-username').value,
    email: document.getElementById('reg-email').value,
    password: document.getElementById('reg-password').value
  };

  try {
    // 🚀 Отправка запроса на сервер
    const response = await fetch(`${API_BASE}/auth/register`, {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify(userData)
    });

    if (response.ok) {
      alert('✅ Регистрация успешна!');
      showPage('login');
    }
  } catch (error) {
    alert('❌ Ошибка соединения');
  }
}

// 🛍️ Загрузка товаров пользователя
async function loadMyItems() {
  if (!token) return;

  try {
    const response = await fetch(`${API_BASE}/users/me/items`, {
      headers: {
        'Authorization': `Bearer ${token}`
      }
    });

    if (response.ok) {
      const items = await response.json();
      displayItems(items, 'my-items');
    }
  } catch (error) {
    console.error('Error loading items:', error);
  }
}

// 🖼️ Отображение товаров
function displayItems(items, containerId) {
  const container = document.getElementById(containerId);
  container.innerHTML = items.map(item => `
    <div class="item-card">
      <h3>${item.title}</h3>
      <p>${item.description}</p>
    </div>
  `).join('');
}