<!-- ############ PAGE START-->
<div class="padding">
    <div class="row">
        <div class="col-sm-4">
            <form data-ui-jp="parsley">
                <div class="box">
                    <div class="box-header">
                        <h2>新增接口</h2>
                    </div>
                    <div class="box-body">
                        <p class="text-muted">在这里，你可以新增一些新的视频解析接口</p>
                        <div class="form-group">
                            <label>接口备注</label>
                            <input type="text" class="form-control" name="name" placeholder="请输入接口备注">
                        </div>
                        <div class="form-group">
                            <label>接口地址</label>
                            <input type="url" class="form-control" name="api" placeholder="请输入接口地址">
                        </div>
                    </div>
                    <div class="submit p-a text-right">
                        <button type="button" name="submit" class="btn info">点击添加</button>
                    </div>
                </div>
            </form>
        </div>
        <div class="col-sm-8">
            <form data-ui-jp="parsley">
                <div class="box">
                    <div class="box-header">
                        <h2>接口管理</h2>
                        <small>在这里，你可以管理该站的视频解析接口</small>
                        <hr>
                        <div class="input-group m-b">
                            <span class="input-group-addon">查询：</span>
                            <input id="filter" type="text" class="form-control input-sm w-auto inline m-r"/>
                        </div>
                    </div>
                    <div>
                        <table class="table m-b-none" data-ui-jp="footable" data-filter="#filter" data-page-size="10">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>接口备注</th>
                                    <th>接口地址</th>
                                    <th>操作</th>
                                </tr>
                            </thead>
                            <tbody class="api_list">
                            <?php if(!empty($GLOBALS['list'])){ foreach($GLOBALS['list'] as $item){ $index++;?>
                                <tr api_id="<?=$index?>">
                                    <td><?=$index?></td>
                                    <td><?=$item->name?></td>
                                    <td><?=$item->api?></td>
                                    <td><a class="label danger del" title="移除" idm="<?=$item->id?>">移除</a></td>
                                </tr>
                            <?php } }?>
                            </tbody>
                            <tfoot class="hide-if-no-paging">
                                <tr>
                                    <td colspan="4" class="text-center">
                                        <ul class="pagination"></ul>
                                    </td>
                                </tr>
                            </tfoot>
                        </table>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
<!-- ############ PAGE END-->