@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">
					@if ($akses['create'])
						<div align="right">
							<a href="{{route('role.create')}}" class="btn  btn-success"><i class="fa fa-plus"></i>	Tambah role</a>
						</div>
					@endif
				</div>
				<hr>
				@if(Session::has('message'))
				<div class="alert alert-{{Session::get('message.type')}}">{{Session::get('message.text')}}</div>
				@endif
				<table class="table table-bordered table-hover table-striped">
					<thead>
						<tr>
							<th>No</th>
							<th>Role</th>
							<th>Title</th>
							<th>Parent</th>
							<th>Action</th>
						</tr>
					</thead>
					<tbody>
						@foreach($roles as $role)
							<tr>
								<td>{{ $loop->iteration + $roles->firstItem() - 1 }}</td>
								<td>{{$role->name}}</td>
								<td>{{$role->title}}</td>
								<td>{{@$role->parentRole->parentRole->name ?? '-'}}</td>
								<td>
									{!! Form::open(['route'=>['role.destroy',$role->id],'method'=>'DELETE']) !!}
										@if ($akses['edit'])
											<a href="{{route('role.edit',$role->id)}}" class="btn btn-sm btn-warning"><i class="fa fa-edit"></i></a>
										@endif
										
										@if ($akses['delete'] && $role->id != 1)
											<a class="btn btn-sm btn-danger btn-del"><i class="fa fa-trash"></i></a>
										@endif
									{!! Form::close() !!}
								</td>
							</tr>
						@endforeach
					</tbody>
				</table>
				<div align="right">
					{!! $roles->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: 'PENGHAPUSAN DATA?',
			text: "Yakin Ingin menghapus data ini?. Semua data yang berhubungan dengan data ini akan terpengaruh (data tidak muncul/error)!",
			icon:"warning",
			showCancelButton: true,
			confirmButtonColor: '#3085d6',
			cancelButtonColor: '#d33',
			confirmButtonText: 'Yes'
		}).then((result) => {
			if (result.value) {
				Swal.fire({
					title: 'KONFIRMASI PENGHAPUSAN DATA',
					text: "Data yang di hapus tidak dapat di kembalikan lagi!",
					icon:"warning",
					showCancelButton: true,
					confirmButtonColor: 'red',
					cancelButtonColor: '#d33',
					confirmButtonText: 'HAPUS'
				}).then((result) => {
					if (result.value) {
						ini.closest('form').submit();
					}

				})
				
			}

		})
	});
</script>
@endpush