<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
        <title>悟空CRM安装向导</title>
        <link rel="shortcut icon" href="__STATIC__/icon/favicon.ico">
        <link rel="stylesheet" href="__STATIC__/style/base.css">
        <link rel="stylesheet" href="__STATIC__/style/step1.css">
        <script src="__STATIC__/js/jquery-3.3.1.min.js"></script>
    </head>
    <body>
        <div class="header-wrapper">
        {include file="public/header"}   
        </div>
        <div class="top">
            <div class="step-group">
                <div class="step active">
                    <div class="sort">
                        <img class="pic" style="width:100%; height: 100%;" src="__STATIC__/icon/success.png" alt="">
                    </div>
                    <div class="desc">检查安装环境</div>
                </div>
                <div class="step line"></div>
                <div class="step">
                    <div class="sort">
                        <img class="pic" style="width:100%; height: 100%;" src="__STATIC__/icon/success_gray.png" alt="">
                    </div>
                    <div class="desc">创建数据库</div>
                </div>
                <div class="step line"></div>
                <div class="step">
                    <div class="sort">
                        <img class="pic" style="width:100%; height: 100%;" src="__STATIC__/icon/success_gray.png" alt="">
                    </div>
                    <div class="desc">安装成功</div>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="content">
                <div class="base-top">
                    <span class="title">检查安装环境</span>
                    <span class="version">当前版本:{$data['version']['VERSION']} {$data['version']['RELEASE']}</span>
                </div>
                <div class="table">
                    <table class="table_01">
                        <thead>
                            <tr>
                                <th>检查项</th>
                                <th>当前环境</th>
                                <th>悟空CRM建议</th>
                                <th>当前状态</th>
                            </tr>
                        </thead>
                        <tbody>
                            {volist name="data['env']" id="row"}
                                <tr>
                                    <td>{$row[0]}</td>
                                    <td>{$row[1]}</td>
                                    <td>{$row[2]}</td>
                                    <td>
                                        {if condition="$row['3'] == 'ok'"}
                                            <img src="__STATIC__/icon/success.png" width="20">
                                        {else /}
                                            <img src="__STATIC__/icon/error.png" width="20">
                                        {/if}
                                    </td>
                                </tr>
                            {/volist}
                        </tbody>
                    </table>
                    <table class="catalogue-table">
                        <thead>
                            <tr>
                                <th>目录文件</th>
                                <th>所需状态</th>
                                <th>当前状态</th>
                            </tr>
                        </thead>
                        <tbody>
                            <?php foreach($data['dir'] as $value){ ?>
                            <tr>
                                <td>{$value[1]}</td>
                                <td>{$value[3]}</td>
                            <?php if($value[5] =='ok') { ?>
                                <td><img src="__STATIC__/icon/success.png" width="20"></td>
                            <?php } else { ?>
                                <td><img src="__STATIC__/icon/error.png" width="20"></td>
                            <?php } ?>
                            </tr>
                            <?php } ?>
                        </tbody>
                    </table>
                </div>
                <div class="control">
                    <div class="prev btn">上一步</div>
                    <div class="next btn primary">下一步</div>
                </div>
            </div>
        </div>
        <div class="footer-wrapper">
            {include file="public/footer"}
        </div>
    </body>
    <script src="__STATIC__/js/step1.js"></script>
</html>