{{-- @extends('layouts.app') --}}
@extends('backend.layouts_backend.master')

@section('title')
    Show role
@endsection
@section('content')


    <!-- Main content dashboard  -->
    <div class="page-content">
        <div class="container-fluid">

            <!-- start page title -->
            <div class="row">
                <div class="col-12">
                    <div class="page-title-box d-sm-flex align-items-center justify-content-between">
                        <h4 class="mb-sm-0 font-size-18"> Role Details </h4>

                        <div class="page-title-right">
                            <ol class="breadcrumb m-0">
                                <li class="breadcrumb-item"><a href="/admin/dashboard">Dashboard</a></li>
                                <li class="breadcrumb-item active"><a href="admin/roles/create">Add Roles </a> > <a
                                        href="/admin/roles">View Roles</a></li>
                            </ol>
                        </div>

                    </div>
                </div>
            </div>
            <!-- end page title -->





            <div class="row">

                <div class="col-md-3">

                </div>
                <div class="col-md-6">

                    {{-- table --}}

                    <table class="table table-striped">
                        <thead>
                          <tr>
                            <th scope="col">#ID </th>
                            <th scope="col">Role Name</th>
                          </tr>
                        </thead>
                        <tbody>
                         
                          <tr>
                            <th scope="row">{{ $role->id }}</th>
                            <td>
                                @if(!empty( $role->name ))
                                {{ $role->name }}
                                @else
                                <span> N/A </span>
                                @endif 

                            </td>
                           
                          </tr>
                        </tbody>
                      </table>

                    {{-- end of table --}}

                  
                    <hr>

                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group" >
                            <strong>Permissions:</strong>
                            @if (!empty($rolePermissions))
                                @foreach ($rolePermissions as $v)
                                    {{-- <label class="label label-success">{{ $v->name }},</label> --}}
                                    <div style="margin-top:15px; margin-right:15px;" class="badge badge-soft-success font-size-18"> {{ $v->name }} , </div>

                                @endforeach
                            @endif
                        </div>
                    </div>


                </div>

                <div class="col-md-3">

                </div>

            </div>


        </div>
    </div>
@endsection