@extends('layouts.master')
@push('css')
<link href="{{asset('assets/libs/sweetalert2/sweetalert2.min.css')}}" rel="stylesheet" type="text/css" />
@endpush
@section('content')
	<div class="row">
		<div class="card">
			<div class="card-body">
				<div class="col-md-12">
					<div align="right">
						<a href="{{route('group-permission.create')}}" class="btn  btn-success"><i class="fa fa-plus"></i>	Tambah Group</a>
					</div>
				</div>
				<hr>
				@if(Session::has('message'))
				<div class="alert alert-{{Session::get('message.type')}}"><i class="fa fa-check"></i>	{{Session::get('message.text')}}</div>
				@endif
				<table class="table table-bordered table-hover table-striped">
					<thead>
						<tr>
							<th>No</th>
							<th>Group</th>
							<th>Permission</th>
							<th>Protect Method</th>
							<th>Action</th>
						</tr>
					</thead>
					<tbody>
						@foreach($group as $gr)
							<tr>
								<td>{{ $loop->iteration + $group->firstItem() - 1 }}</td>
								<td>{{$gr->name}}</td>
								<td>
									@foreach($gr->permissions as $permission)
									<li>{{$permission->name}}</li>
									@endforeach
								</td>
								<td>
									@foreach($gr->permissions as $permission)
									<li>{{$permission->protect_method}}</li>
									@endforeach
								</td>
								<td>
									{!! Form::open(['route'=>['group-permission.destroy',$gr->id],'method'=>'DELETE']) !!}
										<a href="{{route('group-permission.edit',$gr->id)}}" class="btn btn-sm btn-warning"><i class="fa fa-edit"></i></a>
										<a class="btn btn-sm btn-danger btn-del"><i class="fa fa-trash"></i></a>
									{!! Form::close() !!}
								</td>
							</tr>
						@endforeach
					</tbody>
				</table>
				<div align="right">
					{!! $group->links() !!}
				</div>
			</div>
		</div>
	</div>
@endsection

@push('js')
<script src="{{asset('assets/libs/sweetalert2/sweetalert2.min.js')}}"></script>
<script type="text/javascript">
	$('.btn-del').on('click',function(){
		var ini  = $(this);
		Swal.fire({
			title: 'Are you sure?',
			text: "Yakin Ingin menghapus data ini?",
			icon:"question",
			showCancelButton: true,
			confirmButtonColor: '#3085d6',
			cancelButtonColor: '#d33',
			confirmButtonText: 'Yes, delete it!'
		}).then((result) => {
			if (result.value) {
				ini.closest('form').submit();
			}

		})
	});
</script>
@endpush