@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title">{{__('texte.roles_arr.show.show_role')}}</h3>
                    <div class="pull-right">
                        <button class="btn btn-primary back-btn" onclick="window.history.back()">{{__('texte.roles_arr.show.back')}}</button>
                    </div>
                </div>
                <div class="panel-body">
                    
                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.roles_arr.show.name')}}: </strong>
                            {{ $role->name }}
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.roles_arr.show.title')}}: </strong>
                            {{ $role->title }}
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.roles_arr.show.description')}}: </strong>
                            {{ $role->description }}
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.roles_arr.show.users_count')}}: </strong>
                            <span class="badge">{{ $role->count }}</span>
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.roles_arr.show.users')}}: </strong>
                            @foreach ($role->users as $user)
                            <a class="btn btn-info btn-xs" href="{{ route('users.show', $user->id) }}">{{ $user->name }}</a>
                            @endforeach
                        </div>
                    </div>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.roles_arr.show.permissions')}}: </strong>
                            @foreach ($role->perms as $permission)
                                    <label class="label label-success">{{ $permission->title }}</label>
                            @endforeach
                        </div>
                    </div>
                </div>
                <div class="panel-footer"></div>
            </div>
        </div>
    </div>
</div>
@endsection