@{
    ViewData["Title"] = "Honeywell Engineering";
}

<div class="container mt-5">
    <div class="card border-success shadow">
        <div class="card-header bg-success text-white">
            <strong>✅ Connection Verified (Ready to Crawl)</strong>
        </div>
        <div class="card-body text-center">
            <h5 class="mb-4">하니웰 서버 탐사 준비 완료</h5>
            
            <button type="button" onclick="startHoneywellCrawler()" class="btn btn-success btn-lg px-5 fw-bold">
                🚀 Run Honeywell Crawler
            </button>

            <div id="debugLog" class="mt-4 p-3 bg-light text-start small border" style="display:none; max-height: 200px; overflow-y: auto;">
                <strong>로그:</strong> <div id="logContent"></div>
            </div>
        </div>
    </div>
</div>

<script>
    function startHoneywellCrawler() {
        const logDiv = document.getElementById('debugLog');
        const content = document.getElementById('logContent');
        logDiv.style.display = 'block';
        content.innerHTML += "<div>📡 서버에 탐사 신호를 보냅니다...</div>";

        // curl -X POST와 동일한 동작
        fetch('/Engineering/RunCrawler', { 
            method: 'POST' 
        })
        .then(async res => {
            const data = await res.json();
            content.innerHTML += `<div>📥 서버 응답 (${res.status}): ${data.message || '완료'}</div>`;
            
            if (res.ok) {
                alert("성공! 우분투 터미널에서 탐사 진행 상황을 확인하세요.");
            } else {
                // 아까 curl에서 보셨던 인증서 에러가 여기 팝업으로 뜰 겁니다.
                alert("서버 내부 로직 에러: " + (data.message || "알 수 없는 오류"));
            }
        })
        .catch(err => {
            content.innerHTML += `<div class="text-danger">❌ 통신 실패: ${err}</div>`;
            alert("서버 연결 실패!");
        });
    }
</script>