@extends('admin.master')

@section('top')
    <div class="top-breadcrumb pull-left">
        <h5>权限管理</h5>
    </div>
@endsection

@section('ordersearch')
<div class="order-search mb-10">
	<div class="clearfix">
	<div class="top-btn-group pull-left">
        <a href="{{ url('admin/permission/create') }}" class="btn btn-primary">
            <i class="iconfont icon-plus"></i><span>添加</span>
        </a>
    </div>
	</div>
</div>    
@endsection

@section('content')
{!! Form::open(['route' => 'admin.permission.index', 'method' => 'post', 'class'=>'form-ajax']) !!}
<table class="table table-hover">
	<thead>
		<tr>
			<th width="60" class="text-center">
                <div class="pretty p-default p-smooth">
                    <input name="chkAll" class="chkAll" type="checkbox" onclick="checkAll(this, 'id[]')" value="checkbox">
                    <div class="state p-success"><label></label></div>
                </div>
            </th>
			<th>权限名称</th>
			<th width="15%">权限</th>
			<th>描述</th>
			<th>绑定菜单</th>
			<th>创建时间</th>
			<th width="110" class="text-center">操作</th>
		</tr>
	</thead>
	<tbody>
	@if(!$data->isEmpty())
		@foreach ($data as $value)
			<tr>
				<td align="center">
                    <div class="pretty p-default p-smooth">
                        <input name="id[]" class="id" type="checkbox" value="{{ $value['id'] }}" onclick="checkItem(this, 'chkAll')">
                        <div class="state p-success"><label></label></div>
                    </div>
                </td>
				<td>{{ $value->name }}</td>
				<td>{{ $value->slug }}</td>
                <td>{{ $value->description }}</td>
                <td >
                    @if($value->menus)
                        <span>{{ $value->menus->name }}</span>
                    @else
                        <span class="text-explode">未绑定菜单</span>
                    @endif
                </td>
				<td><span class="text-success">{{ $value->created_at }}</span></td>
				<td class="text-center">
					<div class="toolbar">
						<a href="{{ route('admin.permission.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
		<tr>
			<td align="center">
                <div class="pretty p-default p-smooth">
                    <input name="chkAll" type="checkbox" class="chkAll" onclick="checkAll(this, 'id[]')" value="checkbox">
                    <div class="state p-success"><label></label></div>
                </div>
            </td>
			<td class="text-left" colspan="9">
                <div class="foot-wrap">
					<div class="pull-left">
                    <input name="btn_del" type="button" value="删 除" class="btn delet-select btn-primary">&nbsp;&nbsp;共[ <b class="text-warning">{{ count($data) }}</b> ]条记录&nbsp;&nbsp;
                    </div>
                    @if(!empty($data->render()))
                    <div class="pull-right">
                        <div class="pagination-info">共有{{ $data->total() }}条， 每页显示：{!! $data->perPage() !!}条</div>
                        {!! $data->render() !!}
                    </div>
                    @endif
                </div>
			</td>
		</tr>
	@endif
	</tbody>
</table>
@if($data->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 -->
<!-- Modal -->
<div class="modal fade" id="dialog-common" 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 class="common">请选择要删除的内容!</p></div>
        </div>
        <div class="modal-footer">
        	<button type="button" class="btn btn-primary btn-modal-common">确定</button>
        </div>
    </div>
  </div>
</div>
<!-- Modal End -->
@endsection

@section('foot')
<script type="text/javascript">
    //批量删除
    $('.delet-select').on('click', function(){	
        var ids = [];
        $('.id:checked').each(function(){
            ids.push(this.value);
        });
        ids = ids.join('-');

        if (!ids) {
            $('.common').text('请选择要删除的内容!');
            $('#dialog-common').modal('show');
            return false;
        }
        url = location.pathname + '/' + ids;

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

    //批量更新排序

    $('body').on('click', '.btn-modal-common', function(){
        $(this).parents('#dialog-common').modal('hide');
    });

    // 删除
    $('.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.code == 200) {
                    swal({
                        title: "", 
                        text: "信息删除成功！",
                        type: "success",
                        showConfirmButton: false,
                        timer: 1200,
                    });
                    setTimeout("location.reload()", 1200);
                } else {
                    $('.delete-error').html(data.error);
                    $('#dialog-tip').modal('show');
                }
            }
        });
    });
</script>
@endsection
