@extends('layouts.app')

@section('content')
    <div class="container-fluid">
        <div class="row-fluid">
            <!-- BEGIN PAGE TITLE & BREADCRUMB-->
            <h3 class="page-title">
                Roles Management
            </h3>
            <ul class="breadcrumb">
                <li>
                    <i class="icon-home"></i>
                    <a href="#">Dashboard</a> 
                    <i class="icon-angle-right"></i>
                </li>
                <li><a href="#">Roles</a><i class="icon-angle-right"></i></li>
                <li><a href="#">All Roles</a></li>
                
            </ul>
            <!-- END PAGE TITLE & BREADCRUMB-->
        </div>
        @if(Session::has('flash_message'))
            <div class="row-fluid">
            <div class="span12">
                <p class="alert {{ Session::get('alert-class', 'alert-info') }}">{{ Session::get('flash_message') }}</p>
            </div> 
            </div>   
        @endif
        <div class="row-fluid">
            <div class="span12">
                <div class="portlet box green">
                    <div class="portlet-title">
                        <div class="caption"><i class="icon-globe"></i>Role Records</div>
                        <div class="tools">
                            <a href="javascript:;" class="reload"></a>
                            <a href="javascript:;" class="remove"></a>
                        </div>
                    </div>
                    <div class="portlet-body">
                        <div class="clearfix">
                            <div class="btn-group pull-right">
                            	@permission('role-create')
					            	<a class="btn green btn-sm" href="{{ route('roles.create') }}"> <i class="icon-plus" aria-hidden="true"></i> Create New Role</a>
					            @endpermission
                            </div>
                        
                        </div>
                        <table class="table table-striped table-bordered table-hover table-full-width" id="sample_2">
                            <thead>
                                <tr>
									<th>No</th>
									<th>Name</th>
									<th>Description</th>
									<th width="280px">Action</th>
								</tr>
                            </thead>
                            <tbody>
                            	@foreach ($roles as $key => $role)
								<tr>
									<td>{{ ++$i }}</td>
									<td>{{ $role->display_name }}</td>
									<td>{{ $role->description }}</td>
									<td>
										<a class="btn purple btn-xs" href="{{ route('roles.show',$role->id) }}"><i class="icon-eye-open" aria-hidden="true"></i> Show</a>
										@permission('role-edit')
										<a class="btn blue btn-xs" href="{{ route('roles.edit',$role->id) }}"><i class="icon-edit" aria-hidden="true"></i> Edit</a>
										@endpermission
										@permission('role-delete')
										{!! Form::open(['method' => 'DELETE','route' => ['roles.destroy', $role->id],'style'=>'display:inline']) !!}
								        {!! Form::submit('Delete', ['class' => 'btn red btn-xs']) !!}
								    	{!! Form::close() !!}
								    	@endpermission
									</td>
								</tr>
								@endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection