@extends('layouts/gnr_layout')
@section('title', '|App Role')
@section('content')
@include('successMsg')
<div class="row">
<div class="col-md-12">
<div class="" style="">
    <div class="">
      <div class="panel panel-default" style="background-color:#708090;">
        <div class="panel-heading" style="padding-bottom:0px">
          <div class="panel-options">
              <a href="{{route('appRolePermissions.create')}}" class="btn btn-info pull-right addViewBtn"><i class="glyphicon glyphicon-plus-sign addIcon"></i>Add App Role</a>
          </div>
          <h1 align="center" style="font-family: Antiqua;letter-spacing: 2px"><font color="white">APP ROLE LIST</font></h1>
        </div>
        <div class="panel-body panelBodyView"> 
        <div>
          <script type="text/javascript">
          jQuery(document).ready(function($)
          {
            
            $("#routeOperationView").dataTable({
                "oLanguage": {
                "sEmptyTable": "No Records Available",
                "sLengthMenu": "Show _MENU_ "
                }
            });

          });
          </script>
        </div>
          <table class="table table-striped table-bordered" id="routeOperationView">
            <thead>
                  <tr>
                    <th width="30">SL#</th>
                    <th>Role Name</th>
                    <th>Description</th>
                    <th>Action</th>
                  </tr>
                </thead>
                <tbody>
                                        @foreach($roles as $role)
                        
                        <td class="text-center slNo">{{++$no}}</td>
                        <td class="name">{{$role->position->name}}</td>
                        <td class="name">{{$role->description}}</td>                    
                        
                        
                        <td class="text-center" width="80">
                          <a href="javascript:;" class="edit-modal" roleId="{{$role->id}}" data-attr="{{ route('appRolePermissions.edit', $role->id) }}">
                            <span class="glyphicon glyphicon-edit"></span>
                          </a>&nbsp
                          {{-- @if ($role->id!=1 && $role->id!=2)
                              <a href="javascript:;" class="delete-modal" roleId="{{$role->id}}">
                                <span class="glyphicon glyphicon-trash"></span>
                              </a>
                          @endif --}}
                          
                        </td>
                      </tr>
                    @endforeach
                </tbody>  
          </table>
        </div>
      </div>
  </div>
</div>
</div>
</div>
@include("gnr.tools.appSetting.role.modal")

<style type="text/css">
    table tbody tr td.name{
        text-align: left;
        padding-left: 5px;
    }
    .textBold{
        font-weight: bold;
        font-size: 15px;
    }
</style>
@include("gnr.tools.appSetting.role.script")
@include('dataTableScript')
@endsection

<script src="{{asset('js/jquery-1.11.1.min.js')}}"></script>