{template 'common/header'}

<link rel="stylesheet" type="text/css" href="../addons/baobiao_4s/resources/style.css"/>
<link rel="stylesheet" type="text/css" href="../addons/baobiao_4s/resources/sweetalert2.min.css"/>

<ul class="nav nav-tabs">
    <li class="active"><a href="{php echo $this->createWebUrl('car');}">车型列表</a></li>
    <li><a href="{php echo $this->createWebUrl('car', array('op' => 'edit'));}">添加</a></li>
</ul>

<div class="main">
    <div class="panel panel-default">
        <div class="panel-heading">列表</div>
        <div class="panel-body">
            <div class="table-responsive panel-body">
                <table class="table table-hover" style="min-width: 300px;">
                    <thead class="navbar-inner">
                    <tr>
                        <th>#ID</th>
                        <th>封面</th>
                        <th>名称</th>
                        <th>型号</th>
                        <th>首页推荐</th>
                        <th>售价</th>
                        <th>指导价</th>
                        <th>品牌</th>
                        <th width="20%">操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    {loop $data $item}
                    <tr>
                        <td>{$item['id']}</td>
                        <td><img width="100" src="{php echo tomedia(json_decode($item['images'], true)[0])}"></td>
                        <td>{$item['name']}</td>
                        <td>{$item['model']}</td>
                        <td>
                            <div class="type-parent" style="width: 52px;height: 32px;">
                                {if $item['status']==1}
                                <input type="checkbox" checked class="js-switch" value="1" name="status"
                                       data-id="{$item['id']}">
                                {else}
                                <input type="checkbox" class="js-switch" name="status" value="1"
                                       data-id="{$item['id']}">
                                {/if}
                            </div>
                        </td>
                         <td>{$item['price']}</td>
                         <td>{$item['guide_price']}</td>
                        <td>{php echo $category[$item['category_id']]}</td>
                        <td>
                            <a href="{php echo $this->createWebUrl('car', array('id'=>$item['id'], 'op' => 'edit'));}"
                               class="btn btn-primary">编辑</a>
                            <a href="{php echo $this->createWebUrl('car', array('id'=>$item['id'], 'op' => 'copy'));}"
                               class="btn btn-info">复制</a>

                            <a class="btn btn-danger delete" data-id="{$item['id']}">删除</a>

                        </td>
                    </tr>
                    {/loop}

                    </tbody>
                </table>

            </div>
        </div>
    </div>
    {$pager}

</div>

<script>
    require(["../addons/baobiao_4s/resources/sweetalert2.min.js"], function () {
        $(function () {
            //改变状态
            $(".js-switch").change(function () {
                var status;
                var that = $(this);
                if ($(this).is(":checked")) {
                    status = 1;
                } else {
                    status = 0;
                }
                var id = $(this).attr("data-id");
                $.ajax({
                    type: "post",
                    url: "{php echo $this->createWebUrl('car', array('op' => 'status'));}",
                    data: {id: id, status: status},
                    dataType: 'json',
                    success: function (res) {
                        if (res.status == 1) {
                            swal('操作成功!', res.message, 'success');
                        } else {
                            that.prop("checked", !that.is(":checked"));
                            swal('操作失败!', res.message, 'error');
                        }
                    }
                })
            });
            //删除
            $(".delete").click(function () {
                var that = $(this);
                var id = $(this).attr('data-id');
                swal({
                    title: '确定删除吗?',
                    text: "确定删除吗?",
                    type: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: '删除',
                    cancelButtonText: '取消',
                }).then(function (isConfirm) {
                    if (isConfirm) {
                        $.ajax({
                            type: "post",
                            url: "{php echo $this->createWebUrl('car', array('op' => 'delete'));}",
                            data: {id: id},
                            dataType: 'json',
                            success: function (res) {
                                if (res.status == 1) {
                                    swal('操作成功!', res.message, 'success');
                                    that.parent().parent().remove();
                                } else {
                                    swal('操作失败!', res.message, 'error');
                                }
                            }
                        })
                    }
                })
            });
        })
    })
</script>

{template 'common/footer'}