{{-- resources/views/roles/show.blade.php --}}
@extends('layouts.app')

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

@section('content')
<div class="container-fluid">
    <div class="row mb-4">
        <div class="col-12">
            <div class="d-flex justify-content-between align-items-center">
                <div>
                    <h2 class="fw-bold">Role Details</h2>
                    <small class="text-muted">{{ $role->display_name }}</small>
                </div>
                <div>
                    <a href="{{ route('roles.index') }}" class="btn btn-secondary">
                        <i class="fas fa-arrow-left"></i> Back to Roles
                    </a>
                    @if(!$role->is_system && auth()->user()->isSuperAdmin())
                        @can('roles.edit')<a href="{{ route('roles.edit', $role->id) }}" class="btn btn-warning">
                            <i class="fas fa-edit"></i> Edit
                        </a>@endcan
                        <a href="{{ route('roles.assign-permissions', $role->id) }}" class="btn btn-primary">
                            <i class="fas fa-key"></i> Permissions
                        </a>
                    @endif
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-md-4">
            <div class="card shadow-sm mb-4">
                <div class="card-header bg-info text-white">
                    <h5 class="mb-0"><i class="fas fa-info-circle me-2"></i> Role Information</h5>
                </div>
                <div class="card-body">
                    <table class="table table-bordered">
                        <tr>
                            <th>Name</th>
                            <td><code>{{ $role->name }}</code></td>
                        </tr>
                        <tr>
                            <th>Display Name</th>
                            <td><strong>{{ $role->display_name }}</strong></td>
                        </tr>
                        <tr>
                            <th>Description</th>
                            <td>{{ $role->description ?? 'No description' }}</td>
                        </tr>
                        <tr>
                            <th>Type</th>
                            <td>
                                @if($role->is_system)
                                    <span class="badge bg-warning text-dark">System Role</span>
                                @else
                                    <span class="badge bg-success">Custom Role</span>
                                @endif
                            </td>
                        </tr>
                        <tr>
                            <th>Created</th>
                            <td>{{ $role->created_at ? $role->created_at->format('F d, Y') : 'N/A' }}</td>
                        </tr>
                        <tr>
                            <th>Updated</th>
                            <td>{{ $role->updated_at ? $role->updated_at->format('F d, Y') : 'N/A' }}</td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>

        <div class="col-md-8">
            <div class="card shadow-sm mb-4">
                <div class="card-header bg-success text-white">
                    <h5 class="mb-0"><i class="fas fa-key me-2"></i> Permissions</h5>
                </div>
                <div class="card-body">
                    @php
                        $permissions = $role->permissions()->get()->groupBy('module');
                    @endphp
                    
                    @if($permissions->count() > 0)
                        <div class="row">
                            @foreach($permissions as $module => $perms)
                                <div class="col-md-6 mb-3">
                                    <div class="card">
                                        <div class="card-header bg-light">
                                            <strong class="text-uppercase">{{ $module ?: 'General' }}</strong>
                                            <span class="badge bg-secondary float-end">{{ $perms->count() }}</span>
                                        </div>
                                        <div class="card-body" style="max-height: 200px; overflow-y: auto;">
                                            <ul class="list-unstyled mb-0">
                                                @foreach($perms as $permission)
                                                    <li>
                                                        <i class="fas fa-check-circle text-success me-2"></i>
                                                        {{ $permission->display_name }}
                                                        <small class="text-muted d-block ms-4">{{ $permission->name }}</small>
                                                    </li>
                                                @endforeach
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    @else
                        <p class="text-muted text-center">No permissions assigned to this role.</p>
                    @endif
                </div>
            </div>

            <div class="card shadow-sm">
                <div class="card-header bg-primary text-white">
                    <h5 class="mb-0"><i class="fas fa-users me-2"></i> Users with this Role</h5>
                </div>
                <div class="card-body">
                    @if($users->count() > 0)
                        <div class="table-responsive">
                            <table class="table table-hover">
                                <thead>
                                    <tr>
                                        <th>Name</th>
                                        <th>Email</th>
                                        <th>Branch</th>
                                        <th>Status</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($users as $user)
                                    <tr>
                                        <td>
                                            <a href="{{ route('users.show', $user->id) }}">
                                                {{ $user->name }}
                                            </a>
                                        </td>
                                        <td>{{ $user->email }}</td>
                                        <td>{{ $user->branch->branch_name ?? 'N/A' }}</td>
                                        <td>
                                            @if($user->is_active)
                                                <span class="badge bg-success">Active</span>
                                            @else
                                                <span class="badge bg-danger">Inactive</span>
                                            @endif
                                        </td>
                                    </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                        {{ $users->links() }}
                    @else
                        <p class="text-muted text-center">No users have this role.</p>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>
@endsection