@extends('home')
@section('title')
  {{ __('Roles') }}
@endsection
@section('styles')
@endsection
@section('content')
  <div class="page-bar">
    <ul class="page-breadcrumb">
      <li>
        <a href="{{ Route('dashboard.home.page') }}">{{ __('Home') }}</a>
        <i class="fa fa-circle"></i>
      </li>
      <li>
        <strong>
          {{ __('Roles') }}
        </strong>
      </li>
    </ul>
    <div class="page-toolbar">
      <div class="btn-group pull-left">
        <div class="actions">
          @if (isRoot())
            <a href="{!! URL::route('admin.role.create') !!}" class="btn btn-sm green">
              <i class="fa fa-plus"></i> {{ __('New') }}
            </a>
          @endif
        </div>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-md-12">
      <div class="portlet light bordered">
        <div class="portlet-body">
          <table class="table table-striped custom-table table-hover sortable" id="sortable" >
            <thead>
              <tr>
                <th width="5%"><i class="fa fa-list"></i></th>
                <th width="5%"><i class="fa fa-building-o"></i></th>
                <th width="15%"><i class="fa fa-bookmark-o"></i> {{ __('Title') }}</th>
                <th width="">{{ __('Permissions') }}</th>
                <th width="15%"><i class="fa fa-cogs"></i> </th>
              </tr>
            </thead>
            <tbody>
              @foreach ($roles as $index => $role)
                <tr id='{{ $role->id }}'>
                  <td class="sortable-handle"><span class="glyphicon glyphicon-sort"></span></td>
                  <td>
                    {{ $loop->index + $roles->firstItem() }}
                  </td>
                  <td>
                    <a href="{!! URL::route('admin.role.edit', [$role->id]) !!}" >{{ $role->display_name }} </a>
                  </td>
                  <td>{{ $role->description }}</td>
                  <td>
                    <a href="{!! URL::route('admin.role.edit',[$role->id]) !!}" class="btn btn-sm btn green tooltips"><i class="fa fa-pencil"></i> {!! __('Edit') !!}</a>
                  </td>
                </tr>
              @endforeach
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-md-12">
      <div class="pagination pagination-centered"> {{ $roles->links() }} </div>
    </div>
  </div>
@endsection
@section('scripts')
@endsection