@extends('admin.layout.app')

@section('body')
    <div class="card card-page p-3 shadow-sm">
        <div class="d-flex justify-content-between align-items-center mb-3">
            <div>
                <h4 class="mb-0">{{ __('admin.role') }}: {{ $role->name }}</h4>
                <small class="text-muted">{{ __('admin.guard_2') }} <span class="badge bg-secondary">{{ $role->guard_name ?? '—' }}</span></small>
            </div>
            <div class="d-flex gap-2">
                <a href="{{ route('roles.edit', $role->id) }}" class="btn btn-outline-primary">{{ __('admin.edit') }}</a>
                <a href="{{ route('roles.index') }}" class="btn btn-outline-secondary">{{ __('admin.back') }}</a>
            </div>
        </div>

        {{-- Role details --}}
        <div class="row g-3 mb-3">
            <div class="col-md-4"><strong>{{ __('admin.id_2') }}</strong> {{ $role->id }}</div>
            <div class="col-md-4"><strong>{{ __('admin.name_3') }}</strong> {{ $role->name }}</div>
            <div class="col-md-4"><strong>{{ __('admin.guard_2') }}</strong> {{ $role->guard_name ?? '—' }}</div>
        </div>

        {{-- Permissions list --}}
        <h5 class="mb-2">{{ __('admin.permissions') }}</h5>
        <div class="table-responsive">
            <table class="table table-hover align-middle">
                <thead class="table-light">
                    <tr>
                        <th style="width:80px;">#</th>
                        <th>{{ __('admin.name') }}</th>
                        <th style="width:180px;">{{ __('admin.guard') }}</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($rolePermissions as $p)
                        <tr>
                            <td>{{ $p->id }}</td>
                            <td class="fw-semibold">{{ $p->name }}</td>
                            <td><span class="badge bg-secondary">{{ $p->guard_name ?? '—' }}</span></td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="3" class="text-center text-muted p-4">{{ __('admin.no_permissions_assigned') }}</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>

        <div class="mt-3">{{ $rolePermissions->withQueryString()->links('pagination::bootstrap-4') }}</div>
    </div>
@endsection