{extend name="layout/content" /}
{block name="header"}

<title>友情链接</title>
<link rel="stylesheet" href="__STATIC__/css/admin/bootstrap.min.css">
<link rel="stylesheet" href="__STATIC__/css/FuzzySearch.css?v={$Think.STATIC_VERSION}">
<style>
    .layui-icon {
        vertical-align: bottom;
    }

    .td-manage button {
        border: 0;
        padding: 5px;
        line-height: 1;
        
        border-radius: 5px;
        color: #FFFFFF;
    }

    .layui-form-label {
        float: left;
        display: block;
        padding: 9px 15px;
        width: 48px;
        font-weight: 400;
        text-align: right;
    }

    .layui-form-item .layui-input-inline {
        float: none;
        margin-left: 10px;
    }

    .edit {
        padding: 0 8.5px;
        height: 30px;
        line-height: 30px;
        border-radius: 5px;
    }
</style>
{/block}
{block name="content"}

<div class="x-body">
    
        <div style="float:left">
            <a href="{:url('links/add')}" class="layui-btn layui-btn-radius"><i class="layui-icon">&#xe654;</i>添加链接</a>
            {if condition="$order eq 'create_time'"}
            <a href="javascript:void(0);" class="layui-btn" onclick="orderSubmit()">按序列号排序</a>
            {else/}
            <a href="javascript:void(0);" class="layui-btn" onclick="orderSubmit()">按时间排序</a>
            {/if}
        </div>




       
       <form class="layui-form" method="get" id="J_search_form">

            <div style="float: right;">

                <div class="layui-inline">
                    <input type="hidden" name="order" id="J_order" value="{$order}">
                </div>

                <div class="layui-inline">
                    <label>链接名：</label>
                    <div class="layui-input-inline">
                        <input class="layui-input" name="name" value="{:input('name')}" placeholder="请输入链接名">
                    </div>
                </div>

                <div class="layui-inline">
                    <label>链接地址：</label>
                    <div class="layui-input-inline">
                        <input class="layui-input" name="url" value="{:input('url')}" placeholder="请输入链接地址">
                    </div>
                </div>

                <div class="layui-inline">
                    <button class="layui-btn layui-btn-radius" lay-submit id="J_search_submit">查询</button>
                </div>

            </div>


            <div style="clear:both"></div>

            <table class="layui-table">
                    <thead>
                    <tr>
                        <th>链接ID</th>
                        <th>链接名</th>
                        <th>链接地址</th>
                        <th>排序号</th>
                        <th>创建时间</th>
                        <th>操作</th>
                    </tr>
                    </thead>
            
                    <tbody>
                    {notempty name="links"}
                    {volist name="links" id="vo"}
            
                    <tr>
                        <td>{$vo.id}</td>
                        <td>
                            {:escape($vo.name)}
                        </td>
                        <td>
                            {$vo.url}
                        </td>
                        <td>
                            {$vo.sort}
                        </td>
                        <td>{:date('Y-m-d H:i:s',$vo['create_time'])}</td>
                        <td class="td-manage">
                            <a href="{:url('edit',['id'=>$vo.id])}" class="layui-btn btn-info"><i
                                    class="icon-edit"></i>编辑</a>
                            <a href='javascript:void(0);' onclick="del_info(this,'{:url('delete',['id'=>$vo.id])}')" data-url="/CSC/reject" class="layui-btn  layui-btn-danger">
                                        </i>删除</a>
                        </td>
                    </tr>
                    {/volist}
                    {/notempty}
                    </tbody>
                </table>
            
                <!-- <div class="pager-container">
                    <span>
                        {$links->total()}条记录 
                    </span>
                    {$page}
                </div> -->


                <div class="pager-container">
                    <span>
                        {$links->total()}条记录 
                    </span>
                    {$page}
                    <div class="layui-inline" style="margin:0;margin-left:10px;width:80px;">
                        <input type="text" style="height: 30px;" class="layui-input" placeholder="跳转至" name="page" onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')">
                    </div>
                </div>


        </form>
  





</div>
{/block} {block name="footer"}
<script type="text/javascript" src="__STATIC__/js/admin/bootstrap.min.js" charset="utf-8"></script>
<script type="text/javascript" src="__STATIC__/js/FuzzySearch.js?v={$Think.STATIC_VERSION}"></script>
<script type="text/javascript">
    function orderSubmit(order)
    {
    	if($('#J_order').val()=='')
    	{
    		$('#J_order').val('create_time');
    	}
    	else if($('#J_order').val()=='create_time'){
    		
    		$('#J_order').val('id');
    	}
    	else if($('#J_order').val()=='id'){
    		$('#J_order').val('create_time');
    	}
    	
    	$('#J_search_form').submit();
    }
</script>
{/block}