<?php
// 기본 환경 설정 파일 포함
include_once('./_common.php'); 
// 헤더 부분 포함
include_once(G5_PATH.'/_head.php'); 
?>

<link rel="stylesheet" type="text/css" href="./index.css">

<div class="daemon-wrapper">

    <div>
        <h1>OLDBOY DAEMON</h1>
        <p>비트코인 데몬 상태를 실시간으로 모니터링하는 대시보드입니다.</p>
    </div>

    <div class="flip-container">
        <div class="flipper">
            <div class="front">
                <img src="./img/X2_daemon_1.jpg">
                <div class="content-overlay">
                    <h2>MARKET</h2>
                    <p>MARKET DAEMON</p>
                    <span>거래소 데몬</span>
                </div>
            </div>
            <div class="back">
                <img src="./img/X2_daemon_back_1.jpg">
                <div class="content-overlay">
                    <h2>KHJ&bull;POLICE</h2>
                    <p>Market Data Harvester</p>
                    <p>Real-time Data Collection</p>
                    <span>거래소 데몬<br>국내 / 해외 - 주식 / 코인</span>
                    <div class="status-bar">DATA DAEMON</div>
                </div>
            </div>
        </div>
    </div>

    <div class="flip-container">
        <div class="flipper">
            <div class="front">
                <img src="./img/X2_daemon_2.jpg">
                <div class="content-overlay">
                    <h2>TRADING</h2>
                    <p>TRADING DAEMON</p>
                    <span>매매 데몬</span>
                </div>
            </div>
            <div class="back">
                <img src="./img/X2_daemon_back_2.jpg">
                <div class="content-overlay">
                    <h2>KHJ&bull;STORE24</h2>
                    <p>Exchange Trading</p>
                    <p>Algorithmic Trading</p>
                    <span>자동 매매 데몬<br>실시간 알고리즘 AI 데몬</span>
                    <div class="status-bar">TRADING DAEMON</div>
                </div>
            </div>
        </div>
    </div>

    <div class="flip-container">
        <div class="flipper">
            <div class="front">
                <img src="./img/X2_daemon_3.jpg">
                <div class="content-overlay">
                    <h2>WATCHMAN</h2>
                    <p>WATCHMAN DAEMON</p>
                    <span>감시 데몬</span>
                </div>
            </div>
            <div class="back">
                <img src="./img/X2_daemon_back_3.jpg">
                <div class="content-overlay">
                    <h2>HYJ&bull;PRISON</h2>
                    <p>Daemon Monitor</p>
                    <p>Real-time Daemon Reviver</p>
                    <span>데몬 감시자<br>실시간 데몬 감시 / 부활</span>
                    <div class="status-bar">DAEMON WATCHMAN</div>
                </div>
            </div>
        </div>
    </div>

    <div class="flip-container">
        <div class="flipper">
            <div class="front">
                <img src="./img/X2_daemon_4.jpg">
                <div class="content-overlay">
                    <h2>HISTORY</h2>
                    <p>HISTORY DAEMON</p>
                    <span>히스토리 데몬</span>
                </div>
            </div>
            <div class="back">
                <img src="./img/X2_daemon_back_4.jpg">
                <div class="content-overlay">
                    <h2>HEJ&bull;SEAL</h2>
                    <p>Historical Data</p>
                    <p>Save All Historical Data</p>
                    <span>전체 데이터<br>과거부터 현재까지</span>
                    <div class="status-bar">SAVE ALL DATA</div>
                </div>
            </div>
        </div>
        <div class="DaemonTable">
            <a href="<?php echo G5_URL; ?>/_PAGE/monitoring/upbit/daemon_container/daemon.php">
                <ul class="DaemonList"><i class="fas fa-screwdriver-wrench"></i> CONTAINER DAEMON - 관리</ul>
            </a>
            <a href="<?php echo G5_URL; ?>/_PAGE/daemon/manage_db/web_tool.php">
                <ul class="DaemonList"><i class="fas fa-broom"></i>  CONTAINER DB - 청소</ul>
            </a>
            <a href="<?php echo G5_URL; ?>/_PAGE/daemon/manage_db/web_tool_copy.php">
                <ul class="DaemonList"><i class="fas fa-copy"></i> CONTAINER DB - 이동</ul>
            </a>
            <a href="<?php echo G5_URL; ?>/_PAGE/daemon/manage_db/web_tool_arrange.php">
                <ul class="DaemonList"><i class="fas fa-scroll"></i> CONTAINER DB - 정렬</ul>
            </a>
            <a href="">
                <ul class="DaemonList"><i class="fas fa-database"></i> CONTAINER DB - 데이타</ul>
            </a>
        </div>
    </div>
    
    <div class="flip-container">
        <div class="flipper">
            <div class="front">
                <img src="./img/X2_daemon_5.jpg">
                <div class="content-overlay">
                    <h2>WEBBOT</h2>
                    <p>WEBBOT DAEMON</p>
                    <span>웹봇 데몬</span>
                </div>
            </div>
            <div class="back">
                <img src="./img/X2_daemon_back_5.jpg">
                <div class="content-overlay">
                    <h2>PKO&bull;POOL</h2>
                    <p>Web Data</p>
                    <p>Global Web Data</p>
                    <span>웹 자료<br>세계 모든 데이터</span>
                    <div class="status-bar">GLOBAL DATA</div>
                </div>
            </div>
        </div>
    </div>


</div>

<?php require_once G5_PATH.'/_PAGE/tail.php'; ?>