@extends('layouts.main')

@push('styles')
<link href="{{ asset('elite/bower_components/bootstrap-datepicker/bootstrap-datepicker.min.css') }}" rel="stylesheet" type="text/css" />
@endpush

@section('content')
<div class="row bg-title">
    <div class="col-md-8">
        <h4 class="page-title">Permissions given to users with role of {{ $role->name }}</h4>
    </div>
    <div class="col-md-4">
        <ol class="breadcrumb">
            <li><a href="{{ route('home') }}">{{ __('roles.dashboard') }}</a></li>
            <li><a href="{{ route('roles.index') }}">{{ __('roles.roles') }}</a></li>
            <li class="active">{{ __('roles.role_detail') }}</li>
        </ol>
    </div>
</div>

<div class="white-box">
    <div>@include('flash::message')</div>

    @foreach($rolePermissions->chunk(6) as $permissions)
        <div class="row">
            @foreach($permissions as $permission)
                <div class="col-md-2">
                    <h4><b>{{ $permission['description'] }}</b></h4>
                    <br>
                    <p>{{ $permission['long_description'] }}</p>
                </div>
            @endforeach
        </div>

        <hr>
    @endforeach
</div>
@endsection

@push('scripts')

<script type="text/javascript">


</script>
@endpush