@extends('layouts.base')

@section('content')
    <div class="w1200 m0a">

        <div class="panel panel-default">
            <div class="panel-heading"> 分类列表 (总数: <span id="categorynum">{{ $total }}</span>)</div>
            <div class="panel-body">
                <table class="table" style="" id="cal_table">
                    <thead>
                    <tr>
                        <th style="width:10%; text-align:center;">分类排序</th>
                        <th style="width:10%;text-align:center;">分类名称</th>
                        <th style="width:10%;text-align:center;">分类ID</th>
                        <th style="width:10%;text-align:center;">是否启用</th>
                        <th style="width:10%;text-align:center;">操作</th>
                    </tr>
                    </thead>
                    <tbody>
                    @if (empty($list))
                        <tr class="noarticle">
                            <td style="text-align: center; line-height: 100px;" colspan="8"><a class="nav-add" href="javascript:;">添加新分类</a></td>
                        </tr>
                    @else
                        @foreach ($list as $item)
                            <tr cid="{{ $item['id'] }}" cname="{{ $item['calssify_title'] }}">
                                <td style="text-align:center;">{{ $item['sort'] }}</td>
                                <td style="text-align:center;">{{ $item['calssify_title'] }}</td>
                                <td style="text-align:center;">{{ $item['id'] }}</td>
                                <td style="text-align:center;"> <a data='{{$item['is_open']}}' ca_id="{{$item['id']}}"
                                            class='is_open_btn @if($item['is_open']==1) btn btn-info @else  btn btn-default  @endif'>
                                        @if($item['is_open']==1)
                                            启用
                                        @else
                                            禁用
                                        @endif
                                    </a></td>
                                <td style="text-align:center;">
                                    <a class='btn btn-default nav-edit' href="{{ yzWebUrl('plugin.activity-apply.admin.activity-apply-calssify.edit',['id' => $item['id']]) }}"><i class="fa fa-edit"></i></a>
                                    <a class='btn btn-default nav-del' href="{{ yzWebUrl('plugin.activity-apply.admin.activity-apply-calssify.is_open',['id' => $item['id']]) }}" onclick="return confirm('确认删除此分类吗？');return false;"><i class="fa fa-trash-o"></i></a>
                                </td>
                            </tr>
                        @endforeach
                    @endif
                    </tbody>
                </table>
                {!! $pager !!}
            </div>
            <div class='panel-footer'>
                <a class="btn btn-info nav-add" href="{{ yzWebUrl('plugin.activity-apply.admin.activity-apply-calssify.add') }}"><i class="fa fa-plus"></i> 添加新分类</a>
            </div>
        </div>

    </div>
    <script language='javascript'>
        $('#cal_table').on('click','.is_open_btn',function () {
            var obj = $(this);
            obj.html('请求中...');
            obj.attr('disabled',true);
            var is_open = obj.attr('data');
            var show_text = '启用';
            var show_class = 'is_open_btn btn btn-info';
            if(is_open == 1){
                var html = '';
                is_open = 0;   show_text='禁用';  show_class='is_open_btn btn btn-default';
            }else{
                is_open = 1;
            }
            $.post("{!! yzWebUrl('plugin.activity-apply.admin.activity-apply-calssify.change-is-open') !!}",
                {id: obj.attr('ca_id'), is_open: is_open}
                , function (res) {
                if(res.result == 1){
                    obj.html(show_text);
                    obj.attr('class',show_class);
                    obj.attr('data',is_open);
                }else{
                    alert('修改失败');
                }
                }
                , "json"
            );
            obj.attr('disabled',false);
        })




    </script>



@endsection