@extends('admin.layouts.admin')

@section('content')

<div class="">
  <div class="page-title">
    <div class="title_left">
      <h3>Role</small></h3>
    </div>
  </div>

  <div class="clearfix"></div>

  <div class="row">
    <div class="col-md-12 col-sm-12 col-xs-12">
      <div class="x_panel">
        <div class="x_title">
          <h2>View Role</h2>
          <ul class="nav navbar-right panel_toolbox">
            <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
            </li>
            <li><a class="close-link"><i class="fa fa-times"></i></a>
            </li>
          </ul>
          <div class="clearfix"></div>
        </div>
        <div class="x_content">  
          <div class="row">
            <div class="col-md-12">
              <div class="panel panel-default">
                  <div class="panel-heading">View Role </div>
                  <div class="panel-body">
                      <table class="table">
                          <tr>
                              <th width="200px">Name</th>
                              <td>{{ $role->name }}</td>
                          </tr>
                          <tr>
                              <td>Display Name</td>
                              <td>{{ $role->display_name }}</td>
                          </tr>
                          <tr>
                              <td>Description</td>
                              <td>{{ $role->description }}</td>
                          </tr>
                          <tr>
                              <td>Permissions</td>
                              <td>
                                  @if(!$role->perms->isEmpty())
                                      @foreach($role->perms as $permission)
                                          <label class="label label-success" style="float: left; margin-right: 5px">{{ $permission->display_name }}</label>
                                      @endforeach
                                  @endif

                                  
                              </td>
                          </tr>
                      </table>
                  </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

@endsection