{template "header.html"}

<style>
.lang-list td { vertical-align: middle !important; }
.lang-code { display: inline-block; padding: 2px 8px; background: #f3f6f9; border-radius: 3px; font-family: Menlo, Consolas, monospace; color: #3598dc; }
.lang-name { font-size: 14px; font-weight: 600; color: #34495e; }
.lang-packs, .lang-ops { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.lang-packs .btn, .lang-ops .btn { margin: 0; }
.lang-packs .badge { margin-left: 4px; background: #fff; color: #666; }
</style>

<div class="note note-info">
    <p>{dr_lang('语言包在')} <code>{$root}</code> {dr_lang('文件 lang.php 给 PHP 调用，lang.js 给 JS 调用')}
    </p>
</div>

<div class="right-card-box">
    <div class="table-scrollable">
        <table class="table table-striped table-bordered table-hover table-checkable dataTable lang-list">
            <thead>
            <tr class="heading">
                <th width="140">{dr_lang('目录')}</th>
                <th width="200">{dr_lang('中文别名')}</th>
                <th width="300">{dr_lang('语言包')}</th>
                <th >{dr_lang('操作')}</th>
            </tr>
            </thead>
            <tbody>
            {loop $list $t}
            <tr>
                <td><span class="lang-code">{$t.code}</span></td>
                <td>
                    <span class="lang-name">{if $t.name}{$t.name}{else}<span class="text-muted">{dr_lang('未设置')}</span>{/if}</span>
                {if $t.code == SITE_LANGUAGE}
                    <span class="label label-info">{dr_lang('当前语言')}</span>
                {/if}
                </td>
                <td>
                    <div class="lang-packs">
                        <a href="javascript:dr_iframe('{dr_lang('PHP语言包')}（{$t.code}）', '{dr_url('lang/file', ['code'=>$t.code, 'type'=>'php'])}', '80%', '86%');" class="btn btn-xs green"> <i class="fa fa-file-code-o"></i> lang.php <span class="badge">{$t.php}</span></a>
                        <a href="javascript:dr_iframe('{dr_lang('JS语言包')}（{$t.code}）', '{dr_url('lang/file', ['code'=>$t.code, 'type'=>'js'])}', '80%', '86%');" class="btn btn-xs yellow"> <i class="fa fa-file-code-o"></i> lang.js <span class="badge">{$t.js}</span></a>
                    </div>
                </td>
                <td>
                    <div class="lang-ops">
                        <a href="javascript:dr_iframe('{dr_lang('修改别名')}', '{dr_url('lang/name', ['code'=>$t.code])}', '640px', '360px');" class="btn btn-xs blue"> <i class="fa fa-edit"></i> {dr_lang('修改别名')}</a>
                        {if !$t.locked}
                        <a href="javascript:dr_ajax_confirm_url('{dr_url('lang/del', ['code'=>$t.code])}', '{dr_lang('确定删除该语言包？')}');" class="btn btn-xs red"> <i class="fa fa-trash"></i> {dr_lang('删除')}</a>
                        {/if}
                    </div>
                </td>
            </tr>
            {/loop}
            </tbody>
        </table>
    </div>
</div>

{template "footer.html"}