@extends('layouts.md-admin')
@section('title', trans('cruds.role.title'))
@section('content')

    <div class="card">
        <div class="row card-header">
            <div class="col-lg-8 col-md-8 col-sm-8 col-xs-12">
                <h6> {{ trans('global.show') }} {{ trans('cruds.role.title') }}</h6>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
                <div class="right-content">
                    <a class="btn btn-sm btn-dark" href="{{ route('admin.roles.index') }}">
                        {{ trans('global.back') }}
                    </a>
                </div>
            </div>
        </div>

        <div class="card-body">
            <div class="form-group">

                <table class="table table-bordered table-striped">
                    <tbody>
                        <tr>
                            <th>
                                {{ trans('cruds.role.fields.id') }}
                            </th>
                            <td>
                                {{ $role->id }}
                            </td>
                        </tr>
                        <tr>
                            <th>
                                {{ trans('cruds.role.fields.title') }}
                            </th>
                            <td>
                                {{ $role->title }}
                            </td>
                        </tr>
                        <tr>
                            <th>
                                {{ trans('cruds.role.fields.permissions') }}
                            </th>
                            <td>
                                @foreach ($role->permissions as $key => $permissions)
                                    <span class="label label-info">{{ $permissions->title }}</span> <br />
                                @endforeach
                            </td>
                        </tr>
                    </tbody>
                </table>
                <div class="form-group">
                    <a class="btn btn-sm btn-dark" href="{{ route('admin.roles.index') }}">
                        {{ trans('global.back') }}
                    </a>
                </div>
            </div>
        </div>
    </div>



@endsection