@extends('layouts.app')

@section('content')
    <div class="content-wrapper">
        <div class="card">
            <div class="card-header">
                <h5 class="card-title">Show Role</h5>
            </div>
            <div class="card-body">

                <a href="{{ route('membership.roles.index') }}" class="btn btn-light btn-xs"><span class="d-flex"><span
                            class="btn-label-icon"><i class="fa fa-arrow-circle-left pe-1"></i></span>
                        List Role</span></a>
                <hr>
                <div class="tab-content">
                    {{-- Field Nama Role --}}
                    <div class="row mb-3">
                        <label class="col-sm-3 col-md-2 col-lg-3 col-xl-2 col-form-label">Nama Role</label>
                        <div class="col-sm-8 col-md-6 col-lg-4">
                            <input class="form-control" type="text" name="name" value="{{ $role->name }}" disabled>
                        </div>
                    </div>

                    {{-- Field Permissions --}}
                    <div class="row mb-3">
                        <label class="col-sm-3 col-md-2 col-lg-3 col-xl-2 col-form-label">Permissions</label>
                        <div class="col-sm-8 col-md-6 col-lg-4">
                            @if (!empty($rolePermissions))
                                @foreach ($rolePermissions as $v)
                                    <span class="badge bg-primary me-1">{{ $v->name }}</span>
                                @endforeach
                            @endif
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection