@extends('admin.layouts.app')

@section('title', 'Role Detail')

@section('back-url', route('roles.index'))

@section('content')
    <div class="card mb-2">
        <div class="card-body py-2">
            <div class="row d-flex justify-content-between align-items-center">
                <div class="col-lg-6 d-flex" style="gap:6px;">
                    <h4>Role Detail</h4>
                </div>
                <div class="col-lg-6 d-flex justify-content-end" style="gap:6px;">
                    <a href="{{ route('roles.index') }}" class="btn btn-sm px-2 btn-dark showLoader">
                        <i class="mdi mdi-subdirectory-arrow-left"></i> Back
                    </a>
                </div>
            </div>
        </div>
    </div>

    <div class="card">
        <div class="card-body">
            <h4 class="mb-4">Role: <strong>{{ $role->name }}</strong></h4>

            @foreach ($groupedPermissions as $group => $permissions)
                <div class="card mb-3 shadow-sm border">
                    <div class="card-header d-flex justify-content-between align-items-center bg-light">
                        <span class="font-weight-bold text-capitalize">
                            {{ ucwords(str_replace('_', ' ', $group)) }} Permissions
                        </span>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            @foreach ($permissions as $permission)
                                <div class="col-md-3 mb-2">
                                    <div class="form-check">
                                        <input class="form-check-input" type="checkbox"
                                            id="perm-{{ $permission->id }}"
                                            checked disabled>
                                        <label class="form-check-label" for="perm-{{ $permission->id }}">
                                            {{ ucwords(str_replace(['_', $group.'.'], [' ', ''], $permission->name)) }}
                                        </label>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            @endforeach

            @if($role->permissions->isEmpty())
                <div class="alert alert-warning">No permissions assigned to this role.</div>
            @endif
        </div>
    </div>
@endsection