@extends('admin.master')

@section('top')
    <div class="top-breadcrumb">
        <h5>团队设置</h5>
    </div>
@endsection

@section('ordersearch')
    <div class="order-search mb-10">
        <div class="clearfix">
            <div class="top-btn-group pull-left">
                @if(config('managerLang') == config('setting.lang'))
                    <a href="{{ url('admin/team/create') }}" class="btn btn-primary">
                        <i class="iconfont icon-plus"></i><span>添加团队</span>
                    </a>
                @endif
            </div>
        </div>
    </div>
@endsection

@section('content')
    {!! Form::open(['route' => 'admin.team.index', 'method' => 'post', 'class'=>'form-ajax']) !!}
    <table class="table table-hover">
        <thead>
        <tr>
            <th>团队名称</th>
            <th>团队管理员</th>
            <th>团队成员</th>
            <th class="text-center">操作</th>
        </tr>
        </thead>
        <tbody>
        @if(!$teams->isEmpty())
            @foreach ($teams as $value)
                <tr>
                    <td>
                        {{$value->name}}
                    </td>
                    <td>
                        {{$value->manager_name ?? '---'}}
                    </td>
                    <td>{{ $value->users->count() }}</td>
                    <td>
                        <div class="toolbar">
                            <a href="{{ route('admin.team.edit', $value->id) }}" class="btn-link">修改</a>
                            <span class="text-explode ">|</span>
                            <a href="javascript:void(0);" data-id="{{ $value->id }}" class="btn-link delete-item">删除</a>
                        </div>
                    </td>
                </tr>
            @endforeach
        @endif
        </tbody>
    </table>
    @if($teams->isEmpty())
        <div class="nodata-wrap">
            <div class="notice-null"><span class="inline-block">暂无数据</span></div>
        </div>
    @endif

    {!! Form::close() !!}
@endsection

@section('notice')
    <!-- Modal -->
    <div class="modal fade" id="dialog" tabindex="-1" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="true"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">提示</h4>
                </div>
                <div class="modal-body clearfix">
                    <div class='col-sm-1 text-center'><i class='iconfont icon-zhuyi'></i></div>
                    <div class='col-sm-11 breakall'><p>删除后您将无法恢复，请谨慎操作</p><p class='text-muted'>您确认要删除吗？</p></div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary btn-modal-ok">确定</button>
                    <button class="btn btn-default btn-modal-cancel btn-modal-close" data-dismiss="modal">取消</button>
                </div>
            </div>
        </div>
    </div>
    <!-- Modal End -->
    <!-- Modal -->
    <div class="modal fade" id="dialog-tip" tabindex="-1" role="dialog">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="true"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">提示</h4>
                </div>
                <div class="modal-body clearfix">
                    <div class='col-sm-1 text-center'><i class='fa fa-times-circle text-size-32 text-warning'></i></div>
                    <div class='col-sm-11 breakall'><p class="delete-error">删除失败！</p></div>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-primary btn-modal-close" data-dismiss="modal">确定</button>
                </div>
            </div>
        </div>
    </div>
    <!-- Modal End -->
@endsection

@section('foot')
    <script type="text/javascript">
        // 删除
        $('.delete-item').on('click', function(e) {
            var deleteAction = location.pathname;
            var id = $(this).data('id');
            url = deleteAction + '/' + id;

            $('#dialog').modal('show');
            return false;
        });

        $('body').on('click', '.btn-modal-ok', function() {
            $(this).parents('#dialog').modal('hide');
            $.ajax({
                type: "DELETE",
                url: url,
                success: function(data) {
                    if (data.status == 'success') {
                        swal({
                            title: "",
                            text: "信息删除成功！",
                            type: "success",
                            showConfirmButton: false,
                            timer: 1200,
                        });
                        setTimeout(function () {
                            location.reload()
                        }, 500);
                    } else {
                        $('.delete-error').html(data.message);
                        $('#dialog-tip').modal('show');
                    }
                }
            });
        });
    </script>
@endsection
