import { defineStore } from 'pinia'
import { ref, computed } from 'vue'
import api from '../api'

export const useAuthStore = defineStore('auth', () => {
  const token = ref(localStorage.getItem('token') || null)
  const username = ref(localStorage.getItem('username') || null)
  const isAuthenticated = computed(() => !!token.value)

  async function login(username_input, password) {
    try {
      const params = new URLSearchParams()
      params.append('username', username_input)
      params.append('password', password)
      
      console.log('Tentative de connexion pour:', username_input)
      
      const response = await api.post('/auth/login', params, {
        headers: {
          'Content-Type': 'application/x-www-form-urlencoded'
        }
      })
      
      console.log('Login response:', response)
      console.log('Response data:', response.data)
      console.log('Access token:', response.data.access_token)
      
      if (!response.data.access_token) {
        console.error('Pas de token dans la réponse!')
        return false
      }
      
      token.value = response.data.access_token
      username.value = response.data.username
      
      localStorage.setItem('token', token.value)
      localStorage.setItem('username', username.value)
      
      console.log('Token stocké avec succès:', token.value.substring(0, 20) + '...')
      console.log('Username stocké:', username.value)
      return true
    } catch (error) {
      console.error('Erreur de connexion:', error)
      console.error('Error response:', error.response)
      console.error('Error data:', error.response?.data)
      console.error('Error status:', error.response?.status)
      return false
    }
  }

  function logout() {
    token.value = null
    username.value = null
    localStorage.removeItem('token')
    localStorage.removeItem('username')
  }

  return {
    token,
    username,
    isAuthenticated,
    login,
    logout
  }
})