document.addEventListener('DOMContentLoaded', function() {
    const addResourceButton = document.getElementById('add-resource-btn');
    const resourceFormContainer = document.getElementById('resource-form-container');
    const cancelResourceButton = document.getElementById('cancel-resource-btn');
    const resourceTypeRadios = document.querySelectorAll('input[name="resource_type"]');
    const labelField = document.getElementById('label-field');

    // '새 리소스 추가' 버튼 클릭 이벤트
    if (addResourceButton) {
        addResourceButton.addEventListener('click', function() {
            if (resourceFormContainer) resourceFormContainer.style.display = 'block';
            this.style.display = 'none';
        });
    }

    // '취소' 버튼 클릭 이벤트
    if (cancelResourceButton) {
        cancelResourceButton.addEventListener('click', function() {
            if (resourceFormContainer) resourceFormContainer.style.display = 'none';
            if (addResourceButton) addResourceButton.style.display = 'inline-block';
        });
    }

    // 💡 [핵심] 리소스 타입 라디오 버튼 변경 이벤트
    function toggleResourceTypeFields() {
        const selectedType = document.querySelector('input[name="resource_type"]:checked').value;
        if (selectedType === 'LABEL') {
            labelField.style.display = ''; // 테이블 행이므로 기본값으로
        } else {
            labelField.style.display = 'none';
        }
    }

    if (resourceTypeRadios.length > 0) {
        resourceTypeRadios.forEach(radio => {
            radio.addEventListener('change', toggleResourceTypeFields);
        });
        // 페이지 로드 시 초기 상태 설정
        toggleResourceTypeFields();
    }
});