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

@section('title')
    Role Details
@endsection
@section('content')
    {{-- header --}}
    <div class="d-flex justify-content-between align-items-center flex-wrap grid-margin">
        <div>
            <h4 class="mb-3 mb-md-0"> Role Details</h4>
        </div>
        <div class="d-flex align-items-center flex-wrap text-nowrap">

            @if (Auth::user()->can('role-create'))
                <a href="/admin/roles/create"><button type="button" class="btn btn-primary btn-icon-text me-2 mb-2 mb-md-0">
                        <i class="btn-icon-prepend" data-feather="plus-circle"></i>
                        Add Role
                    </button>
                </a>
            @endif

            @if (Auth::user()->can('role-list'))
                <a href="/admin/roles"><button type="button" class="btn btn-success btn-icon-text me-2 mb-2 mb-md-0">
                        <i class="btn-icon-prepend" data-feather="eye"></i>
                        View Roles
                    </button>
                </a>
            @endif


        </div>
    </div>

    {{-- end header --}}




    <div class="row" style="margin-top:30px;">
        <div class="col-md-2">

        </div>
        <div class="col-md-8">
            <div class="card-body">
                <div class="card">
                    <ul class="list-group list-group-flush">
                        <li class="list-group-item"><strong>Role Name</strong></li>
                        <li class="list-group-item">
                            @if (!empty($role->name))
                                {{ $role->name }}
                            @else
                                <span> N/A </span>
                            @endif
                            {{-- <div style="margin-top:15px; margin-right:15px; padding:8px; font-size:15px; background-color:gray;" class="badge badge-soft-success font-size-18">   </div> --}}

                        </li>
                        <li class="list-group-item"><strong>Description</strong></li>
                        <li class="list-group-item">
                            @if (!empty($rolePermissions))
                                @foreach ($rolePermissions as $v)
                                    {{-- <label class="label label-success">{{ $v->name }},</label> --}}
                                    <div style="margin-top:15px; margin-right:15px; padding:8px; font-size:15px; background-color:gray;"
                                        class="badge badge-uccess"> {{ $v->name }} , </div>
                                @endforeach
                            @endif
                        </li>
                    </ul>
                </div>

            </div>

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

        </div>
    </div>



@endsection