@section('heading', 'Permission')

@extends('layouts.app')

@section('content')


<style>
	.warning {
		background-color: yellow;
	}
</style>


<!-- Content Header (Page header) -->
<section class="content-header">
	<div class="container-fluid">
		<div class="row mb-2">
			<div class="col-sm-6">
				<h1> Permissions </h1>
			</div>
			<div class="col-sm-6">
				<ol class="breadcrumb float-sm-right">
					<li class="breadcrumb-item">
						<a href="{{route('home')}}">Dashboard</a>
					</li>
					<li class="breadcrumb-item active"> Permissions </li>
				</ol>
			</div>
		</div>
	</div>
</section>

<!-- Main content -->
<section class="content">
	<div class="container-fluid">
		<div class="row">
			<div class="col-12">
				<div class="card">
					<div class="card-header">
						<h3 class="card-title"> <b>Permissions</b> </h3>
					</div>
					<div class="card-body">
						<table id="example1" class="table table-bordered table-striped">
							<thead>
                                <tr>
                                    <th scope="col" style="text-align: center;width: 6%">NO.</th>
                                    <th scope="col">Nama Permission</th>
                                </tr>
							</thead>
							<tbody>
                                								@foreach ($permissions as $no => $permission)
                                <tr>
                                    <th>{{ $nomer++}}</th>
                                    <td>{{ $permission->name }}</td>
                                </tr>
								@endforeach
							</tbody>
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
<!-- /.content -->


@endsection