client/src/services/api.ts

import axios from 'axios';

// Create axios instance with base configuration
// Resolve base URL from environment, falling back to TransHub backend host
const envUrlRaw = (process.env.REACT_APP_API_URL || '').trim();
const envUrlNoTrailingSlash = envUrlRaw.replace(/\/$/, '');
// If env provides .../api, strip the trailing /api so we can append /api ourselves consistently
const envBaseWithoutApi = envUrlNoTrailingSlash.replace(/\/api$/, '');
const resolvedBaseURL = envBaseWithoutApi || 'https://linguabot-transhub-backend.hf.space';

const api = axios.create({
  baseURL: resolvedBaseURL,
  headers: {
    'Content-Type': 'application/json',
  },
  timeout: 10000, // 10 second timeout
});

// Debug: Log the API URL being used
console.log('🔧 API CONFIGURATION DEBUG');
console.log('Environment variables:', {
  REACT_APP_API_URL: process.env.REACT_APP_API_URL,
  NODE_ENV: process.env.NODE_ENV
});
console.log('Resolved API Base URL:', resolvedBaseURL);
console.log('Build timestamp:', new Date().toISOString());

// Request interceptor to add auth token and user role
api.interceptors.request.use(
  (config) => {
    const token = localStorage.getItem('token');
    if (token) {
      config.headers.Authorization = `Bearer ${token}`;
    }
    
    // Add user role and info to headers
    const user = localStorage.getItem('user');
    const viewMode = (localStorage.getItem('viewMode') || 'auto');
    if (user) {
      try {
        const userData = JSON.parse(user);
        // Respect viewMode: when switched to student, force requests to be treated as student
        const effectiveRole = viewMode === 'student' ? 'student' : (userData.role || 'visitor');
        config.headers['user-role'] = effectiveRole;
        const derivedUsername = userData.username || userData.name || userData.displayName || (userData.email ? String(userData.email).split('@')[0] : undefined);
        config.headers['user-info'] = JSON.stringify({
          _id: userData._id || userData.id,
          username: derivedUsername,
          name: userData.name,
          displayName: userData.displayName,
          email: userData.email,
          role: userData.role
        });
      } catch (error) {
        config.headers['user-role'] = 'visitor';
      }
    }
    
    // Debug: Log the actual request URL
    console.log('🚀 Making API request to:', (config.baseURL || '') + (config.url || ''));
    console.log('🔑 Auth token:', token ? 'Present' : 'Missing');
    
    return config;
  },
  (error) => {
    return Promise.reject(error);
  }
);

// Response interceptor to handle errors
api.interceptors.response.use(
  (response) => {
    console.log('✅ API response received:', response.config.url);
    return response;
  },
  (error) => {
    console.error('❌ API request failed:', error.config?.url, error.message);
    
    // Don't auto-redirect for admin operations - let the component handle it
    if (error.response?.status === 401 && !error.config?.url?.includes('/subtitles/update/')) {
      // Token expired or invalid - only redirect for non-admin operations
      localStorage.removeItem('token');
      localStorage.removeItem('user');
      window.location.href = '/login';
    } else if (error.response?.status === 429) {
      // Rate limit exceeded - retry after delay
      console.warn('Rate limit exceeded, retrying after delay...');
      return new Promise(resolve => {
        setTimeout(() => {
          resolve(api.request(error.config));
        }, 2000); // Wait 2 seconds before retry
      });
    } else if (error.response?.status === 503) {
      // Service unavailable - quick exponential backoff retry (max 2 tries)
      const cfg: any = error.config || {};
      cfg.__retryCount = cfg.__retryCount || 0;
      if (cfg.__retryCount < 2) {
        cfg.__retryCount += 1;
        const delay = 500 * Math.pow(2, cfg.__retryCount); // 1000ms, 2000ms
        return new Promise(resolve => setTimeout(() => resolve(api.request(cfg)), delay));
      }
    } else if (error.response?.status === 500) {
      console.error('Server error:', error.response.data);
    } else if (error.code === 'ECONNABORTED') {
      console.error('Request timeout');
    }
    return Promise.reject(error);
  }
);

export { api };