@extends('ATCore::atcore_layout')

@section('content')
    <!-- general form elements -->
    <div class="card card-secondary">
      <div class="card-header">
        <h3 class="card-title">{{ $showName }}</h3>
      </div>
      <!-- /.card-header -->
      <!-- form start -->

        <div class="card-body" id="app">
            <div class=table-responsive> 
                <table class="table"> 
                    <colgroup> 
                        <col class=col-xs-3> 
                        <col class=col-xs-9> 
                    </colgroup>
                    <tbody>
                        @foreach ($columns as $key=>$col)
                        <tr>
                            <td scope=row>{{$col}}</td><th>{{$result->$key}}</th>
                        </tr>
                        @endforeach
                        <tr>
                            <td>Permisos</td>
                            <td>
                                {{ $result->permissions->count() == 0 ? 'Este Rol no tiene Permisos asignados.' : '' }}
                                @foreach ($result->permissions as $permission)
                                    <li>{{ $permission->display_name }} ({{ $permission->name }})</li>
                                @endforeach
                                
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>         
          
        </div>
        <!-- /.card-body -->
        <div class="card-footer">
            <a href="{{ route($routeName.'.edit', $result->id) }}" class="btn btn-info">Editar Rol </a>
            <a href="{{ route($routeName.'.index') }}" class="btn btn-secondary">Volver </a>
        </div>
    </div>

@stop

@section('js')
<script>

  @if (session()->has('message'))
  
  toastr['{!! session('message_type') !!}']('{!! session('message') !!}')

  @endif

  @if (session()->has('message_alert'))
  
  toastr['error']('{!! session('message_alert') !!}')
  @endif
</script>
@stop