@extends('home')
@section('title')
  {!! __('Permissions') !!}
@endsection
@section('styles')
  <style media="screen">
  .center{
    text-align: center;
  }
  </style>
@endsection
@section('content')
  <div class="page-bar">
    <ul class="page-breadcrumb">
      <li>
        <a href="{{ Route('site.home.page') }}">{{ __('Home') }}</a>
        <i class="fa fa-circle"></i>
      </li>
      <li>
        <a href="{!! URL::route('admin.permission.index') !!}">{{ __('Permissions') }}</a>
        <i class="fa fa-circle"></i>
      </li>
      <li>
        <strong>{{ __('All') }}</strong> <small></small>
      </li>
    </ul>
    <div class="page-toolbar">
      <div class="btn-group pull-left">
        <div class="actions">
          <a href="{{ URL('dashboard') }}" class="btn btn-sm grey-cascade">
            <i class="fa fa-home"></i> {{ __('Home') }}
          </a>
          <a href="{!! URL::route('admin.permission.create') !!}" class="btn btn-sm green"> {{ __('New') }}
            <i class="fa fa-plus"></i>
          </a>
        </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" >
            <thead>
              <tr>
                <th width="5%"><i class="fa fa-list"></i></th>
                <th width="5%"><i class="fa fa-bookmark-o"></i></th>
                <th width=""> {{__('Title')}}</th>
                <th width="10%"></th>
                <th class="center" width="15%"><i class="fa fa-cogs"></i> {{__('Action')}}</th>
              </tr>
            </thead>
            <tbody>
              @foreach ($permissions as $index => $permission)
                <tr id='{{ $permission->id }}'>
                  <td class="sortable-handle"><span class="glyphicon glyphicon-sort"></span></td>
                  <td>
                    {{ $loop->index + $permissions->firstItem() }}
                  </td>
                  <td>
                    <a href="{!! URL::route('admin.permission.edit', [$permission->id]) !!}" >{{ $permission->display_name }}</a>
                  </td>
                  <td>{{ $permission->section }}</td>
                  <td class="center">
                    {{ Form::open(['method' => 'DELETE', 'route' => ['admin.permission.destroy', $permission->id]]) }}
                    <a href="{!! URL::route('admin.permission.edit', [$permission->id]) !!}" ><span class="btn btn-primary btn-xs"><i class="fa fa-pencil"></i></span></a>
                    <button data-toggle="confirmation"
                    data-btn-ok-label="{{ __('Yes') }}"
                    data-btn-cancel-label="{{ __('No') }}"
                    data-title="<span class='caption-subject font-blue bold '>{{ __('Sure Remove') }}</span>"
                    type="submit" class="btn btn-danger btn-xs btn-action">  <i class="fa fa-trash-o"></i></button>
                    {{ Form::close() }}
                  </td>
                </tr>
              @endforeach
            </tbody>
          </table>
          <div class="pagination pagination-centered"> {{ $permissions->links() }} </div>

        </div>
      </div>
    </div>
  </div>
@endsection
@section('scripts')
  {!! Html::script(Theme::current()->assetPath.'/global/plugins/jquery-ui/jquery-ui.min.js') !!}
  <script type="text/javascript">
    $( function() {
      $.ajaxSetup({
        headers: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
      });

    } );
  </script>
@endsection