// management-dashboard.js - 관리자 대시보드 전용 스크립트

// =================================================================
// 🌐 통합 API 설정 import
// =================================================================
import { API, getAuthHeaders, apiCall } from '/js/api-config.js';

// 전역 변수
let workers = [];
let workData = [];
let filteredWorkData = [];
let currentDate = '';
let currentUser = null;

// 권한 레벨 매핑
const ACCESS_LEVELS = {
  worker: 1,
  group_leader: 2,
  support_team: 3,
  admin: 4,
  system: 5
};

// 한국 시간 기준 오늘 날짜 가져오기
function getKoreaToday() {
  const today = new Date();
  const year = today.getFullYear();
  const month = String(today.getMonth() + 1).padStart(2, '0');
  const day = String(today.getDate()).padStart(2, '0');
  return `${year}-${month}-${day}`;
}

// 현재 로그인한 사용자 정보 가져오기
function getCurrentUser() {
  try {
    const token = localStorage.getItem('sso_token');
    if (!token) return null;
    
    const payloadBase64 = token.split('.')[1];
    if (payloadBase64) {
      const payload = JSON.parse(atob(payloadBase64));
      return payload;
    }
  } catch (error) {
  }
  
  try {
    const userInfo = localStorage.getItem('sso_user');
    if (userInfo) {
      const parsed = JSON.parse(userInfo);
      return parsed;
    }
  } catch (error) {
  }
  
  return null;
}

// 권한 체크 함수
function checkPermission() {
  currentUser = getCurrentUser();
  
  if (!currentUser) {
    showMessage('로그인이 필요합니다.', 'error');
    setTimeout(() => {
      window.location.href = '/';
    }, 2000);
    return false;
  }
  
  const userAccessLevel = currentUser.access_level;
  const accessLevelValue = ACCESS_LEVELS[userAccessLevel] || 0;
  
  console.log('사용자 권한 체크:', {
    username: currentUser.username || currentUser.name,
    access_level: userAccessLevel,
    level_value: accessLevelValue,
    required_level: ACCESS_LEVELS.group_leader
  });
  
  if (accessLevelValue < ACCESS_LEVELS.group_leader) {
    showMessage('그룹장 이상의 권한이 필요합니다. 현재 권한: ' + userAccessLevel, 'error');
    setTimeout(() => {
      window.location.href = '/';
    }, 3000);
    return false;
  }
  
  return true;
}

// 메시지 표시
function showMessage(message, type = 'info') {
  const container = document.getElementById('message-container');
  container.innerHTML = `<div class="message ${type}">${message}</div>`;
  
  if (type === 'success') {
    setTimeout(() => {
      hideMessage();
    }, 5000);
  }
}

function hideMessage() {
  document.getElementById('message-container').innerHTML = '';
}

// 로딩 표시
function showLoading() {
  document.getElementById('loadingSpinner').style.display = 'flex';
  document.getElementById('summarySection').style.display = 'none';
  document.getElementById('actionBar').style.display = 'none';
  document.getElementById('workersSection').style.display = 'none';
  document.getElementById('noDataMessage').style.display = 'none';
}

function hideLoading() {
  document.getElementById('loadingSpinner').style.display = 'none';
}

// 작업자 데이터 로드
async function loadWorkers() {
  try {
    console.log('작업자 데이터 로딩 중... (통합 API)');
    const data = await apiCall(`${API}/workers`);
    const allWorkers = Array.isArray(data) ? data : (data.data || data.workers || []);

    // 활성화된 작업자만 필터링
    workers = allWorkers.filter(worker => {
      return worker.status === 'active' || worker.is_active === 1 || worker.is_active === true;
    });

  } catch (error) {
    console.error('작업자 로딩 오류:', error);
    throw error;
  }
}

// 특정 날짜의 작업 데이터 로드 (개선된 버전)
async function loadWorkData(date) {
  try {
    console.log(`${date} 날짜의 작업 데이터 로딩 중... (통합 API)`);
    
    // 1차: view_all=true로 전체 데이터 시도
    let queryParams = `date=${date}&view_all=true`;
    
    let data = await apiCall(`${API}/daily-work-reports?${queryParams}`);
    workData = Array.isArray(data) ? data : (data.data || []);
    
    // 데이터가 없으면 다른 방법들 시도
    if (workData.length === 0) {
      
      // 2차: admin=true로 시도
      queryParams = `date=${date}&admin=true`;
      
      data = await apiCall(`${API}/daily-work-reports?${queryParams}`);
      workData = Array.isArray(data) ? data : (data.data || []);
      
      if (workData.length === 0) {
        // 3차: 날짜 경로 파라미터로 시도
        
        data = await apiCall(`${API}/daily-work-reports/date/${date}`);
        workData = Array.isArray(data) ? data : (data.data || []);
        
        if (workData.length === 0) {
          // 4차: 기본 파라미터만으로 시도
          
          data = await apiCall(`${API}/daily-work-reports?date=${date}`);
          workData = Array.isArray(data) ? data : (data.data || []);
        }
      }
    }
    
    
    // 디버깅을 위한 상세 로그
    if (workData.length > 0) {
      const uniqueWorkers = [...new Set(workData.map(w => w.worker_name))];
    } else {
    }
    
    return workData;
  } catch (error) {
    console.error('작업 데이터 로딩 오류:', error);
    
    // 에러 시에도 빈 배열 반환하여 앱이 중단되지 않도록
    workData = [];
    
    // 구체적인 에러 정보 표시
    if (error.message.includes('403')) {
      throw new Error('해당 날짜의 데이터에 접근할 권한이 없습니다.');
    } else if (error.message.includes('404')) {
      throw new Error('해당 날짜에 입력된 작업 데이터가 없습니다.');
    } else {
      throw error;
    }
  }
}

// 대시보드 데이터 로드
async function loadDashboardData() {
  const selectedDate = document.getElementById('selectedDate').value;
  
  if (!selectedDate) {
    showMessage('날짜를 선택해주세요.', 'error');
    return;
  }
  
  currentDate = selectedDate;
  showLoading();
  hideMessage();
  
  try {
    // 병렬로 데이터 로드
    await Promise.all([
      loadWorkers(),
      loadWorkData(selectedDate)
    ]);
    
    // 데이터 분석 및 표시
    const dashboardData = analyzeDashboardData();
    displayDashboard(dashboardData);
    
    hideLoading();
    
  } catch (error) {
    console.error('대시보드 데이터 로드 실패:', error);
    hideLoading();
    showMessage('데이터를 불러오는 중 오류가 발생했습니다: ' + error.message, 'error');
    
    // 에러 시 데이터 없음 메시지 표시
    document.getElementById('noDataMessage').style.display = 'block';
  }
}

// 대시보드 데이터 분석 (개선된 버전)
function analyzeDashboardData() {
  console.log('대시보드 데이터 분석 시작');
  
  // 작업자별 데이터 그룹화
  const workerWorkData = {};
  workData.forEach(work => {
    const userId = work.user_id;
    if (!workerWorkData[userId]) {
      workerWorkData[userId] = [];
    }
    workerWorkData[userId].push(work);
  });
  
  // 전체 통계 계산
  const totalWorkers = workers.length;
  const workersWithData = Object.keys(workerWorkData).length;
  const workersWithoutData = totalWorkers - workersWithData;
  const totalHours = workData.reduce((sum, work) => sum + parseFloat(work.work_hours || 0), 0);
  const totalEntries = workData.length;
  const errorCount = workData.filter(work => work.work_status_id === 2).length;
  
  // 작업자별 상세 분석 (개선된 버전)
  const workerAnalysis = workers.map(worker => {
    const workerWorks = workerWorkData[worker.user_id] || [];
    const workerHours = workerWorks.reduce((sum, work) => sum + parseFloat(work.work_hours || 0), 0);
    
    // 작업 유형 분석 (실제 이름으로)
    const workTypes = [...new Set(workerWorks.map(work => work.work_type_name).filter(Boolean))];
    
    // 프로젝트 분석
    const workerProjects = [...new Set(workerWorks.map(work => work.project_name).filter(Boolean))];
    
    // 기여자 분석
    const workerContributors = [...new Set(workerWorks.map(work => work.created_by_name).filter(Boolean))];
    
    // 상태 결정 (더 세밀한 기준)
    let status = 'missing';
    if (workerWorks.length > 0) {
      if (workerHours >= 6) {
        status = 'completed'; // 6시간 이상을 완료로 간주
      } else {
        status = 'partial'; // 1시간 이상이지만 6시간 미만은 부분입력
      }
    }
    
    // 최근 업데이트 시간
    const lastUpdate = workerWorks.length > 0 
      ? new Date(Math.max(...workerWorks.map(work => new Date(work.created_at))))
      : null;
    
    return {
      ...worker,
      status,
      totalHours: Math.round(workerHours * 10) / 10, // 소수점 1자리로 반올림
      entryCount: workerWorks.length,
      workTypes, // 작업 유형 배열 (실제 이름)
      projects: workerProjects,
      contributors: workerContributors,
      lastUpdate,
      works: workerWorks
    };
  });
  
  const summary = {
    totalWorkers,
    completedWorkers: workerAnalysis.filter(w => w.status === 'completed').length,
    missingWorkers: workerAnalysis.filter(w => w.status === 'missing').length,
    partialWorkers: workerAnalysis.filter(w => w.status === 'partial').length,
    totalHours: Math.round(totalHours * 10) / 10,
    totalEntries,
    errorCount
  };
  
  console.log('대시보드 분석 결과:', { summary, workerAnalysis });
  
  return {
    summary,
    workers: workerAnalysis,
    date: currentDate
  };
}

// 대시보드 표시
function displayDashboard(data) {
  displaySummary(data.summary);
  displayWorkers(data.workers);
  
  // 섹션 표시
  document.getElementById('summarySection').style.display = 'block';
  document.getElementById('actionBar').style.display = 'flex';
  document.getElementById('workersSection').style.display = 'block';
  
  // 필터링 설정
  filteredWorkData = data.workers;
  setupFiltering();
  
}

// 요약 섹션 표시
function displaySummary(summary) {
  document.getElementById('totalWorkers').textContent = summary.totalWorkers;
  document.getElementById('completedWorkers').textContent = summary.completedWorkers;
  document.getElementById('missingWorkers').textContent = summary.missingWorkers;
  document.getElementById('totalHours').textContent = summary.totalHours + 'h';
  document.getElementById('totalEntries').textContent = summary.totalEntries;
  document.getElementById('errorCount').textContent = summary.errorCount;
}

// 작업자 목록 표시 (테이블 형태로 개선)
function displayWorkers(workersData) {
  const tableBody = document.getElementById('workersTableBody');
  tableBody.innerHTML = '';
  
  if (workersData.length === 0) {
    tableBody.innerHTML = `
      <tr>
        <td colspan="9" class="no-data-row">표시할 작업자가 없습니다.</td>
      </tr>
    `;
    return;
  }
  
  workersData.forEach(worker => {
    const row = createWorkerRow(worker);
    tableBody.appendChild(row);
  });
}

// 작업자 테이블 행 생성 (개선된 버전)
function createWorkerRow(worker) {
  const row = document.createElement('tr');
  
  const statusText = {
    completed: '✅ 완료',
    missing: '❌ 미입력',
    partial: '⚠️ 부분입력'
  };
  
  const statusClass = {
    completed: 'completed',
    missing: 'missing', 
    partial: 'partial'
  };
  
  // 작업 유형 태그 생성 (실제 이름으로)
  const workTypeTags = worker.workTypes && worker.workTypes.length > 0 
    ? worker.workTypes.map(type => `<span class="work-type-tag">${type}</span>`).join('')
    : '<span class="work-type-tag" style="background: #f8f9fa; color: #6c757d;">없음</span>';
  
  // 프로젝트 태그 생성
  const projectTags = worker.projects && worker.projects.length > 0 
    ? worker.projects.map(project => `<span class="project-tag">${project}</span>`).join('')
    : '<span class="project-tag" style="background: #f8f9fa; color: #6c757d;">없음</span>';
  
  // 기여자 태그 생성
  const contributorTags = worker.contributors && worker.contributors.length > 0 
    ? worker.contributors.map(contributor => `<span class="contributor-tag">${contributor}</span>`).join('')
    : '<span class="contributor-tag" style="background: #f8f9fa; color: #6c757d;">없음</span>';
  
  // 시간에 따른 스타일 클래스
  let hoursClass = 'zero';
  if (worker.totalHours > 0) {
    hoursClass = worker.totalHours >= 6 ? 'full' : 'partial';
  }
  
  // 업데이트 시간 포맷팅 및 스타일
  let updateTimeText = '없음';
  let updateClass = '';
  if (worker.lastUpdate) {
    const now = new Date();
    const diff = now - worker.lastUpdate;
    const hours = diff / (1000 * 60 * 60);
    
    updateTimeText = formatDateTime(worker.lastUpdate);
    updateClass = hours < 1 ? 'recent' : hours > 24 ? 'old' : '';
  }
  
  row.innerHTML = `
    <td>
      <div class="worker-name-cell">
        👤 ${worker.worker_name}
      </div>
    </td>
    <td>
      <span class="status-badge ${statusClass[worker.status]}">${statusText[worker.status]}</span>
    </td>
    <td>
      <div class="hours-cell ${hoursClass}">${worker.totalHours}h</div>
    </td>
    <td>
      <strong>${worker.entryCount}</strong>개
    </td>
    <td>
      <div class="work-types-container">${workTypeTags}</div>
    </td>
    <td>
      <div class="projects-container">${projectTags}</div>
    </td>
    <td>
      <div class="contributors-container">${contributorTags}</div>
    </td>
    <td>
      <div class="update-time ${updateClass}">${updateTimeText}</div>
    </td>
    <td>
      <button class="detail-btn" onclick="showWorkerDetailSafe('${worker.user_id}')">
        📋 상세
      </button>
    </td>
  `;
  
  return row;
}

// 날짜/시간 포맷팅
function formatDateTime(date) {
  const d = new Date(date);
  const year = d.getFullYear();
  const month = String(d.getMonth() + 1).padStart(2, '0');
  const day = String(d.getDate()).padStart(2, '0');
  const hours = String(d.getHours()).padStart(2, '0');
  const minutes = String(d.getMinutes()).padStart(2, '0');
  
  return `${year}-${month}-${day} ${hours}:${minutes}`;
}

// 작업자 상세 모달 표시 (안전한 버전)
function showWorkerDetailSafe(workerId) {
  // 현재 분석된 데이터에서 해당 작업자 찾기
  const worker = filteredWorkData.find(w => w.user_id == workerId);
  if (!worker) {
    showMessage('작업자 정보를 찾을 수 없습니다.', 'error');
    return;
  }
  
  showWorkerDetail(worker);
}

// 작업자 상세 모달 표시 (개선된 버전)
function showWorkerDetail(worker) {
  const modal = document.getElementById('workerDetailModal');
  const modalTitle = document.getElementById('modalWorkerName');
  const modalBody = document.getElementById('modalWorkerDetails');
  
  modalTitle.textContent = `👤 ${worker.worker_name} 상세 현황`;
  
  let detailHtml = `
    <div style="margin-bottom: 20px;">
      <h4>📊 기본 정보</h4>
      <p><strong>작업자명:</strong> ${worker.worker_name}</p>
      <p><strong>총 작업시간:</strong> ${worker.totalHours}시간</p>
      <p><strong>작업 항목 수:</strong> ${worker.entryCount}개</p>
      <p><strong>상태:</strong> ${worker.status === 'completed' ? '✅ 완료' : worker.status === 'missing' ? '❌ 미입력' : '⚠️ 부분입력'}</p>
      <p><strong>작업 유형:</strong> ${worker.workTypes && worker.workTypes.length > 0 ? worker.workTypes.join(', ') : '없음'}</p>
    </div>
  `;
  
  if (worker.works && worker.works.length > 0) {
    detailHtml += `
      <div style="margin-bottom: 20px;">
        <h4>🔧 작업 내역</h4>
        <div style="max-height: 400px; overflow-y: auto;">
    `;
    
    worker.works.forEach((work, index) => {
      detailHtml += `
        <div style="border: 1px solid #e9ecef; padding: 15px; margin-bottom: 10px; border-radius: 8px; background: #f8f9fa; position: relative;">
          <div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 10px;">
            <p><strong>작업 ${index + 1}</strong></p>
            <div style="display: flex; gap: 8px;">
              <button onclick="editWorkItem('${work.id}')" style="background: #007bff; color: white; border: none; padding: 6px 12px; border-radius: 4px; cursor: pointer; font-size: 12px;">
                ✏️ 수정
              </button>
              <button onclick="deleteWorkItem('${work.id}')" style="background: #dc3545; color: white; border: none; padding: 6px 12px; border-radius: 4px; cursor: pointer; font-size: 12px;">
                🗑️ 삭제
              </button>
            </div>
          </div>
          <p><strong>프로젝트:</strong> ${work.project_name || '미지정'}</p>
          <p><strong>작업 유형:</strong> ${work.work_type_name || '미지정'}</p>
          <p><strong>작업 시간:</strong> ${work.work_hours}시간</p>
          <p><strong>상태:</strong> ${work.work_status_name || '미지정'}</p>
          ${work.error_type_name ? `<p><strong>에러 유형:</strong> ${work.error_type_name}</p>` : ''}
          <p><strong>입력자:</strong> ${work.created_by_name || '미지정'}</p>
          <p><strong>입력 시간:</strong> ${formatDateTime(work.created_at)}</p>
        </div>
      `;
    });
    
    detailHtml += `
        </div>
      </div>
    `;
  } else {
    detailHtml += `
      <div style="margin-bottom: 20px;">
        <h4>📭 작업 내역</h4>
        <p style="text-align: center; color: #666; padding: 20px;">입력된 작업이 없습니다.</p>
      </div>
    `;
  }
  
  if (worker.contributors && worker.contributors.length > 0) {
    detailHtml += `
      <div>
        <h4>👥 기여자</h4>
        <p>${worker.contributors.join(', ')}</p>
      </div>
    `;
  }
  
  modalBody.innerHTML = detailHtml;
  modal.style.display = 'flex';
}

// 작업 항목 수정 함수 (통합 API 사용)
async function editWorkItem(workId) {
  try {
    console.log('수정할 작업 ID:', workId);
    
    // 현재 작업 데이터에서 해당 작업 찾기
    let workData = null;
    for (const worker of filteredWorkData) {
      if (worker.works) {
        workData = worker.works.find(work => work.id == workId);
        if (workData) break;
      }
    }
    
    if (!workData) {
      showMessage('수정할 작업을 찾을 수 없습니다.', 'error');
      return;
    }
    
    // 필요한 마스터 데이터 로드
    await loadMasterDataForEdit();
    
    // 수정 모달 표시
    showEditModal(workData);
    
  } catch (error) {
    console.error('작업 정보 조회 오류:', error);
    showMessage('작업 정보를 불러올 수 없습니다: ' + error.message, 'error');
  }
}

// 수정용 마스터 데이터 로드
async function loadMasterDataForEdit() {
  try {
    if (!window.projects || window.projects.length === 0) {
      const projectData = await apiCall(`${API}/projects`);
      window.projects = Array.isArray(projectData) ? projectData : (projectData.projects || []);
    }
    
    if (!window.workTypes || window.workTypes.length === 0) {
      const workTypeData = await apiCall(`${API}/daily-work-reports/work-types`);
      window.workTypes = Array.isArray(workTypeData) ? workTypeData : [];
    }
    
    if (!window.workStatusTypes || window.workStatusTypes.length === 0) {
      const statusData = await apiCall(`${API}/daily-work-reports/work-status-types`);
      window.workStatusTypes = Array.isArray(statusData) ? statusData : [];
    }
    
    if (!window.errorTypes || window.errorTypes.length === 0) {
      const errorData = await apiCall(`${API}/daily-work-reports/error-types`);
      window.errorTypes = Array.isArray(errorData) ? errorData : [];
    }
    
  } catch (error) {
    console.error('마스터 데이터 로드 오류:', error);
    
    // 기본값 설정
    window.projects = window.projects || [];
    window.workTypes = window.workTypes || [
      {id: 1, name: 'Base'},
      {id: 2, name: 'Vessel'},
      {id: 3, name: 'Piping'}
    ];
    window.workStatusTypes = window.workStatusTypes || [
      {id: 1, name: '정규'},
      {id: 2, name: '에러'}
    ];
    window.errorTypes = window.errorTypes || [
      {id: 1, name: '설계미스'},
      {id: 2, name: '외주작업 불량'},
      {id: 3, name: '입고지연'},
      {id: 4, name: '작업 불량'}
    ];
  }
}

// 수정 모달 표시
function showEditModal(workData) {
  // 기존 상세 모달 닫기
  closeWorkerDetailModal();
  
  const modalHtml = `
    <div class="edit-modal" id="editModal">
      <div class="edit-modal-content">
        <div class="edit-modal-header">
          <h3>✏️ 작업 수정</h3>
          <button class="close-modal-btn" onclick="closeEditModal()">×</button>
        </div>
        <div class="edit-modal-body">
          <div class="edit-form-group">
            <label>🏗️ 프로젝트</label>
            <select class="edit-select" id="editProject">
              <option value="">프로젝트 선택</option>
              ${(window.projects || []).map(p => `
                <option value="${p.project_id}" ${p.project_id == workData.project_id ? 'selected' : ''}>
                  ${p.project_name}
                </option>
              `).join('')}
            </select>
          </div>
          
          <div class="edit-form-group">
            <label>⚙️ 작업 유형</label>
            <select class="edit-select" id="editWorkType">
              <option value="">작업 유형 선택</option>
              ${(window.workTypes || []).map(wt => `
                <option value="${wt.id}" ${wt.id == workData.work_type_id ? 'selected' : ''}>
                  ${wt.name}
                </option>
              `).join('')}
            </select>
          </div>
          
          <div class="edit-form-group">
            <label>📊 업무 상태</label>
            <select class="edit-select" id="editWorkStatus">
              <option value="">업무 상태 선택</option>
              ${(window.workStatusTypes || []).map(ws => `
                <option value="${ws.id}" ${ws.id == workData.work_status_id ? 'selected' : ''}>
                  ${ws.name}
                </option>
              `).join('')}
            </select>
          </div>
          
          <div class="edit-form-group" id="editErrorTypeGroup" style="${workData.work_status_id == 2 ? '' : 'display: none;'}">
            <label>❌ 에러 유형</label>
            <select class="edit-select" id="editErrorType">
              <option value="">에러 유형 선택</option>
              ${(window.errorTypes || []).map(et => `
                <option value="${et.id}" ${et.id == workData.error_type_id ? 'selected' : ''}>
                  ${et.name}
                </option>
              `).join('')}
            </select>
          </div>
          
          <div class="edit-form-group">
            <label>⏰ 작업 시간</label>
            <input type="number" class="edit-input" id="editWorkHours" 
                   value="${workData.work_hours}" 
                   min="0" max="24" step="0.5">
          </div>
        </div>
        <div class="edit-modal-footer">
          <button class="btn btn-secondary" onclick="closeEditModal()">취소</button>
          <button class="btn btn-success" onclick="saveEditedWork('${workData.id}')">💾 저장</button>
        </div>
      </div>
    </div>
  `;
  
  document.body.insertAdjacentHTML('beforeend', modalHtml);
  
  // 업무 상태 변경 이벤트
  document.getElementById('editWorkStatus').addEventListener('change', (e) => {
    const errorTypeGroup = document.getElementById('editErrorTypeGroup');
    if (e.target.value === '2') {
      errorTypeGroup.style.display = 'block';
    } else {
      errorTypeGroup.style.display = 'none';
    }
  });
}

// 수정 모달 닫기
function closeEditModal() {
  const modal = document.getElementById('editModal');
  if (modal) {
    modal.remove();
  }
}

// 수정된 작업 저장 (통합 API 사용)
async function saveEditedWork(workId) {
  try {
    const projectId = document.getElementById('editProject').value;
    const workTypeId = document.getElementById('editWorkType').value;
    const workStatusId = document.getElementById('editWorkStatus').value;
    const errorTypeId = document.getElementById('editErrorType').value;
    const workHours = document.getElementById('editWorkHours').value;
    
    if (!projectId || !workTypeId || !workStatusId || !workHours) {
      showMessage('모든 필수 항목을 입력해주세요.', 'error');
      return;
    }
    
    if (workStatusId === '2' && !errorTypeId) {
      showMessage('에러 상태인 경우 에러 유형을 선택해주세요.', 'error');
      return;
    }
    
    const updateData = {
      project_id: parseInt(projectId),
      work_type_id: parseInt(workTypeId),
      work_status_id: parseInt(workStatusId),
      error_type_id: errorTypeId ? parseInt(errorTypeId) : null,
      work_hours: parseFloat(workHours)
    };
    
    showMessage('작업을 수정하는 중... (통합 API)', 'loading');
    
    const result = await apiCall(`${API}/daily-work-reports/${workId}`, {
      method: 'PUT',
      body: JSON.stringify(updateData)
    });
    
    showMessage('✅ 작업이 성공적으로 수정되었습니다!', 'success');
    
    closeEditModal();
    closeWorkerDetailModal();
    
    // 데이터 새로고침
    await loadDashboardData();
    
  } catch (error) {
    console.error(' 수정 실패:', error);
    showMessage('수정 중 오류가 발생했습니다: ' + error.message, 'error');
  }
}

// 작업 항목 삭제 함수 (통합 API 사용)
async function deleteWorkItem(workId) {
  if (!confirm('정말로 이 작업을 삭제하시겠습니까?\n삭제된 작업은 복구할 수 없습니다.')) {
    return;
  }
  
  try {
    console.log('삭제할 작업 ID:', workId);
    
    showMessage('작업을 삭제하는 중... (통합 API)', 'loading');
    
    // 개별 항목 삭제 API 호출 - 통합 API 사용
    const result = await apiCall(`${API}/daily-work-reports/${workId}`, {
      method: 'DELETE'
    });
    
    showMessage('✅ 작업이 성공적으로 삭제되었습니다!', 'success');
    
    closeWorkerDetailModal();
    
    // 데이터 새로고침
    await loadDashboardData();
    
  } catch (error) {
    console.error(' 삭제 실패:', error);
    showMessage('삭제 중 오류가 발생했습니다: ' + error.message, 'error');
  }
}

// 작업자 상세 모달 닫기
function closeWorkerDetailModal() {
  document.getElementById('workerDetailModal').style.display = 'none';
}

// 필터링 설정
function setupFiltering() {
  const showOnlyMissingCheckbox = document.getElementById('showOnlyMissing');
  
  showOnlyMissingCheckbox.addEventListener('change', (e) => {
    if (e.target.checked) {
      // 미입력자만 필터링
      const missingWorkers = filteredWorkData.filter(worker => worker.status === 'missing');
      displayWorkers(missingWorkers);
    } else {
      // 전체 표시
      displayWorkers(filteredWorkData);
    }
  });
}

// 엑셀 다운로드 (개선된 버전)
function exportToExcel() {
  try {
    // CSV 형태로 데이터 구성 (개선된 버전)
    let csvContent = "작업자명,상태,총시간,작업항목수,작업유형,프로젝트,기여자,최근업데이트\n";
    
    filteredWorkData.forEach(worker => {
      const statusText = {
        completed: '완료',
        missing: '미입력',
        partial: '부분입력'
      };
      
      const workTypes = worker.workTypes && worker.workTypes.length > 0 ? worker.workTypes.join('; ') : '없음';
      const projects = worker.projects && worker.projects.length > 0 ? worker.projects.join('; ') : '없음';
      const contributors = worker.contributors && worker.contributors.length > 0 ? worker.contributors.join('; ') : '없음';
      const lastUpdate = worker.lastUpdate ? formatDateTime(worker.lastUpdate) : '없음';
      
      csvContent += `"${worker.worker_name}","${statusText[worker.status]}","${worker.totalHours}","${worker.entryCount}","${workTypes}","${projects}","${contributors}","${lastUpdate}"\n`;
    });
    
    // UTF-8 BOM 추가 (한글 깨짐 방지)
    const BOM = '\uFEFF';
    const blob = new Blob([BOM + csvContent], { type: 'text/csv;charset=utf-8;' });
    const link = document.createElement('a');
    const url = URL.createObjectURL(blob);
    
    link.setAttribute('href', url);
    link.setAttribute('download', `작업현황_${currentDate}.csv`);
    link.style.visibility = 'hidden';
    
    document.body.appendChild(link);
    link.click();
    document.body.removeChild(link);
    
    showMessage('✅ 엑셀 파일이 다운로드되었습니다!', 'success');
    
  } catch (error) {
    console.error('엑셀 다운로드 오류:', error);
    showMessage('엑셀 다운로드 중 오류가 발생했습니다.', 'error');
  }
}

// 새로고침
function refreshData() {
  loadDashboardData();
}

// 이벤트 리스너 설정
function setupEventListeners() {
  document.getElementById('loadDataBtn').addEventListener('click', loadDashboardData);
  document.getElementById('refreshBtn').addEventListener('click', refreshData);
  document.getElementById('exportBtn').addEventListener('click', exportToExcel);
  
  // 엔터키로 조회
  document.getElementById('selectedDate').addEventListener('keypress', (e) => {
    if (e.key === 'Enter') {
      loadDashboardData();
    }
  });
}

// 초기화
async function init() {
  try {
    // 권한 체크
    if (!checkPermission()) {
      return;
    }
    
    // 권한 체크 메시지 숨기기
    document.getElementById('permission-check-message').style.display = 'none';
    
    // 오늘 날짜 설정
    document.getElementById('selectedDate').value = getKoreaToday();
    
    // 이벤트 리스너 설정
    setupEventListeners();
    
    
    // 자동으로 오늘 데이터 로드
    loadDashboardData();
    
  } catch (error) {
    console.error('초기화 오류:', error);
    showMessage('초기화 중 오류가 발생했습니다.', 'error');
  }
}

// 페이지 로드 시 초기화
document.addEventListener('DOMContentLoaded', () => {
  // 권한 체크 메시지 표시
  document.getElementById('permission-check-message').style.display = 'block';
  
  // 토큰 확인
  const token = localStorage.getItem('sso_token');
  if (!token || token === 'undefined') {
    showMessage('로그인이 필요합니다.', 'error');
    localStorage.removeItem('sso_token');
    setTimeout(() => {
      window.location.href = '/';
    }, 2000);
    return;
  }
  
  // 초기화 실행
  init();
});

// 전역 함수로 노출
window.closeWorkerDetailModal = closeWorkerDetailModal;
window.refreshData = refreshData;
window.showWorkerDetailSafe = showWorkerDetailSafe;
window.showWorkerDetail = showWorkerDetail;
window.editWorkItem = editWorkItem;
window.deleteWorkItem = deleteWorkItem;
window.closeEditModal = closeEditModal;
window.saveEditedWork = saveEditedWork;