ITAM-test/src/main.ts

import { state, loadMasterDataFromDB } from './core/state';
import { renderNavigation } from './components/Navigation';
import { renderDashboard } from './views/DashboardView';
import { renderSWTable } from './views/SW_Table';
import { downloadTemplate, exportToExcel, parseExcel, HardwareAsset, SoftwareAsset, SWUser } from './core/excelHandler';
import { initBaseModal } from './components/Modal/BaseModal';
import { initPcModal } from './components/Modal/PCModal';
import { initHwModal, openHwModal } from './components/Modal/HWModal';
import { initSwModal, openSwModal } from './components/Modal/SWModal';
import { initSwUserModal } from './components/Modal/SWUserModal';
import { initDashboardDetailModal } from './components/Modal/DashboardDetailModal';
import { createIcons, Download, Upload, FileSpreadsheet, Plus, X, LayoutDashboard, Monitor, Server, Database, Laptop, CalendarClock, Key, Cpu, Layers, Users, Paperclip, Edit2, History, RefreshCcw } from 'lucide';

// --- DB 저장을 위한 세분화된 헬퍼 함수들 ---
async function apiBatchSave(url: string, data: any[], label: string) {
  try {
    const response = await fetch(url, {
      method: 'POST',
      headers: { 'Content-Type': 'application/json' },
      body: JSON.stringify(data)
    });
    if (!response.ok) throw new Error(`${label} DB 저장 실패`);
    console.log(`✅ ${label} DB 저장 완료`);
  } catch (err) {
    console.error(`❌ ${label} DB 저장 오류:`, err);
  }
}

const savePcToDB = () => apiBatchSave('http://localhost:3000/api/pc/batch', state.masterData.pc, '개인PC');
const saveServerToDB = () => apiBatchSave('http://localhost:3000/api/server/batch', state.masterData.server, '서버');
const saveStorageToDB = () => apiBatchSave('http://localhost:3000/api/storage/batch', state.masterData.storage, '스토리지');
const saveEquipToDB = () => apiBatchSave('http://localhost:3000/api/equip/batch', state.masterData.equip, '전산비품');
const saveMobileToDB = () => apiBatchSave('http://localhost:3000/api/mobile/batch', state.masterData.mobile, '모바일기기');
const saveSubSwToDB = () => apiBatchSave('http://localhost:3000/api/sw/sub/batch', state.masterData.subSw, '구독SW');
const savePermSwToDB = () => apiBatchSave('http://localhost:3000/api/sw/perm/batch', state.masterData.permSw, '영구SW');
const saveCloudToDB = () => apiBatchSave('http://localhost:3000/api/cloud/batch', state.masterData.cloud, '클라우드');
const saveSwUsersToDB = () => apiBatchSave('http://localhost:3000/api/sw-users/batch', state.masterData.swUsers, 'SW사용자');

// 모든 하드웨어 DB 동기화
async function saveAllHardwareToDB() {
  await Promise.all([
    savePcToDB(),
    saveServerToDB(),
    saveStorageToDB(),
    saveEquipToDB(),
    saveMobileToDB()
  ]);
}

// 모든 소프트웨어 DB 동기화
async function saveAllSoftwareToDB() {
  await Promise.all([
    saveSubSwToDB(),
    savePermSwToDB(),
    saveCloudToDB(),
    saveSwUsersToDB()
  ]);
}

// --- App Initialization ---
function initApp() {
  console.log('🚀 ITAM Dedicated System Initializing...');
  const mainContent = document.getElementById('main-content')!;
  if (!mainContent) return;

  const { closeAllModals } = initBaseModal(); 
  
  try {
    renderNavigation((tab) => {
      if (tab === '대시보드') {
        renderDashboard(mainContent);
      } else {
        renderSWTable(mainContent);
      }
    });

    // 모달 초기화
    initPcModal(() => { saveAllHardwareToDB(); renderSWTable(mainContent); }, closeAllModals);
    initHwModal(() => { saveAllHardwareToDB(); renderSWTable(mainContent); }, closeAllModals); 

    initSwModal(() => {
      saveAllSoftwareToDB();
      renderSWTable(mainContent);
    }, closeAllModals);

    initSwUserModal(() => { 
      saveSwUsersToDB(); 
      renderSWTable(mainContent); 
    }, closeAllModals);

    initDashboardDetailModal();
  } catch (e) { console.error('❌ Initialization failed:', e); }

  // 초기 로드 시 대시보드 렌더링
  renderDashboard(mainContent);

  // DB에서 데이터 로드 후 화면 갱신
  loadMasterDataFromDB().then((success) => {
    if (success) {
      if (state.activeSubTab === '대시보드') renderDashboard(mainContent);
      else renderSWTable(mainContent);
    }
  });

  // 버튼 이벤트 바인딩
  document.getElementById('btn-download-template')?.addEventListener('click', () => downloadTemplate());
  document.getElementById('btn-export-excel')?.addEventListener('click', () => exportToExcel(state.masterData));
  
  const uploadInput = document.getElementById('excel-upload') as HTMLInputElement;
  uploadInput?.addEventListener('change', async (e) => {
    const file = (e.target as HTMLInputElement).files?.[0];
    if (file) {
      const data = await parseExcel(file);
      state.masterData = data;
      await Promise.all([
        saveAllHardwareToDB(),
        saveAllSoftwareToDB()
      ]);
      renderSWTable(mainContent);
    }
  });

  document.getElementById('btn-add-asset')?.addEventListener('click', () => {
    const tab = state.activeSubTab;
    const cat = state.activeCategory;

    if (cat === 'hw') {
      // 하드웨어 대시보드 또는 개별 탭에서 추가
      const defaultType = (tab === '대시보드') ? '' : tab;
      openHwModal({
        id: Math.random().toString(36).substring(2, 9),
        type: defaultType,
        법인: '한맥', 자산코드: '', 명칭: '', 설치위치: '', MACaddress: '', HW사양: '', OS: '', 연락처: '', 담당부서: ''
      } as any, 'add');
    } else if (cat === 'sw') {
      // 소프트웨어 대시보드 또는 개별 탭에서 추가
      let defaultType = tab;
      if (tab === '대시보드') defaultType = '구독SW'; // SW는 기본 레이아웃을 위해 하나 지정하되 필드는 빈값
      
      openSwModal({ 
        id: Math.random().toString(36).substring(2, 9),
        type: defaultType, 제품명: '', 금액: '', 수량: 1, 계정명: '', 납품업체: '', 비고: '', 법인: '한맥' 
      } as any, 'add');
    }
  });

  createIcons({
    icons: { Download, Upload, FileSpreadsheet, Plus, X, LayoutDashboard, Monitor, Server, Database, Laptop, CalendarClock, Key, Cpu, Layers, Users, Paperclip, Edit2, History, RefreshCcw }
  });
}

document.addEventListener('DOMContentLoaded', initApp);