{layout name="layout" /}
<!-- content start -->
<div id="content">
    <div class="page-header">
        <div class="container-fluid">
            <h1>属性</h1>
            <div class="pull-right">
                <a href="{:url('option/edit')}" data-toggle="tooltip" title="" class="btn btn-primary"
                   data-original-title="新增"><i class="fa fa-plus"></i>新增</a>
                <button type="button" data-toggle="tooltip" title="" class="btn btn-danger"
                        onclick="confirm('Are you sure?') ? $('#form-option').submit() : false;"
                        data-original-title="删除"><i class="fa fa-trash-o"></i></button>
            </div>
        </div>
    </div>
    
    <hr>
    <div class="container-fluid">
        <div class="table-responsive">
            <form action="{:url('option/del')}" method="post" id="form-option" enctype="multipart/form-data">
                <table class="table table-bordered table-hover">
                    <thead>
                    <tr>
                        <td style="width: 1px;" class="text-center">
                            <input type="checkbox"
                                   onclick="$('input[name*=\'selected\']').prop('checked', this.checked);"/>
                        </td>
                        <th class="table-id">属性名</th>
                        <th class="table-id">排序</th>
                        <th class="table-id">编辑</th>
                    </tr>
                    </thead>
                    <tbody>
                    {volist name="lists" id="vo"}
                    <tr class="order-empty">
                        <td class="text-center">
                            <input type="checkbox" name="selected[]" value="{$vo.option_id}"/>
                        <td>{$vo.name}</td>
                        <td>{$vo.sort_order}</td>
                        <td>
                            <a class="am-btn am-btn-primary"
                               href="{:url('option/edit',['id'=>$vo['option_id']])}">编辑
                            </a>
                        </td>
                    </tr>
                    {/volist}
                    
                    </tbody>
                </table>
            </form>
    
        </div>
    
    </div>

</div>
<!-- content end -->