@extends('admin.layouts.app')

@section('title', 'Access Control Report')

@section('content')
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
    <!-- Header -->
    <div class="mb-8 flex justify-between items-center">
        <div>
            <a href="{{ route('admin.access.index') }}" class="text-sm text-indigo-600 hover:text-indigo-700 mb-4 inline-block">
                ← Back to Access Control
            </a>
            <h1 class="text-3xl font-bold text-gray-900">Access Control Report</h1>
            <p class="mt-2 text-sm text-gray-600">Comprehensive view of all roles, permissions, and admin assignments</p>
        </div>
        <a href="{{ route('admin.access.export-report') }}" class="px-4 py-2 bg-indigo-600 text-white font-medium rounded-lg hover:bg-indigo-700 transition">
            Download CSV
        </a>
    </div>

    <!-- Report Data -->
    <div class="space-y-8">
        @foreach($report as $roleKey => $roleInfo)
        <div class="bg-white rounded-lg shadow-sm overflow-hidden">
            <!-- Header -->
            <div class="bg-gradient-to-r from-indigo-500 to-indigo-600 px-6 py-4">
                <div class="flex justify-between items-start">
                    <div>
                        <h2 class="text-xl font-bold text-white">{{ $roleInfo['name'] }}</h2>
                        <p class="text-indigo-100 text-sm mt-1">{{ $roleInfo['description'] }}</p>
                    </div>
                    <div class="text-right">
                        <p class="text-indigo-100 text-sm">{{ $roleInfo['admins_count'] }} admin{{ $roleInfo['admins_count'] != 1 ? 's' : '' }}</p>
                        <p class="text-white font-bold text-lg">{{ $roleInfo['permissions_count'] }} permissions</p>
                    </div>
                </div>
            </div>

            <!-- Content -->
            <div class="p-6">
                <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6">
                    <!-- Modules -->
                    <div>
                        <h3 class="text-sm font-semibold text-gray-900 mb-3">Accessible Modules</h3>
                        @if(!empty($roleInfo['modules']))
                        <div class="flex flex-wrap gap-2">
                            @foreach($roleInfo['modules'] as $module)
                            <span class="inline-flex items-center px-3 py-1 rounded-full text-xs font-medium bg-blue-100 text-blue-800">
                                {{ ucwords(str_replace('_', ' ', $module)) }}
                            </span>
                            @endforeach
                        </div>
                        @else
                        <p class="text-sm text-gray-500">No modules assigned</p>
                        @endif
                    </div>

                    <!-- Capabilities -->
                    <div>
                        <h3 class="text-sm font-semibold text-gray-900 mb-3">Capabilities</h3>
                        <div class="space-y-2">
                            @if($roleInfo['can_edit_roles'])
                            <div class="flex items-center gap-2 text-sm">
                                <span class="text-green-600">✓</span>
                                <span class="text-gray-700">Can edit roles</span>
                            </div>
                            @endif
                            @if($roleInfo['can_manage_admins'])
                            <div class="flex items-center gap-2 text-sm">
                                <span class="text-green-600">✓</span>
                                <span class="text-gray-700">Can manage admins</span>
                            </div>
                            @endif
                            @if(!$roleInfo['can_edit_roles'] && !$roleInfo['can_manage_admins'])
                            <p class="text-sm text-gray-500">No special administrative capabilities</p>
                            @endif
                        </div>
                    </div>
                </div>

                <!-- Permissions -->
                <div class="border-t border-gray-200 pt-6">
                    <h3 class="text-sm font-semibold text-gray-900 mb-3">Permissions ({{ $roleInfo['permissions_count'] }})</h3>
                    <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-2">
                        @foreach($roleInfo['permissions'] as $permission)
                        <div class="flex items-center gap-2 p-2 bg-gray-50 rounded text-sm">
                            <span class="text-indigo-600">•</span>
                            <span class="text-gray-700">{{ ucwords(str_replace('_', ' ', $permission)) }}</span>
                        </div>
                        @endforeach
                    </div>
                </div>

                <!-- Admins with this role -->
                @if($roleInfo['admins_count'] > 0)
                <div class="border-t border-gray-200 pt-6 mt-6">
                    <h3 class="text-sm font-semibold text-gray-900 mb-3">Admins with this role</h3>
                    <div class="space-y-2">
                        @php
                            $adminsWithRole = $admins->where('role', $roleKey);
                        @endphp
                        @foreach($adminsWithRole as $admin)
                        <div class="flex items-center justify-between p-3 bg-gray-50 rounded">
                            <div>
                                <p class="text-sm font-medium text-gray-900">{{ $admin->name }}</p>
                                <p class="text-xs text-gray-500">{{ $admin->email }}</p>
                            </div>
                            <div class="flex items-center gap-2">
                                <span class="inline-flex items-center px-2 py-1 rounded text-xs font-bold
                                    @if($admin->status === 'active') bg-green-100 text-green-800
                                    @elseif($admin->status === 'inactive') bg-gray-100 text-gray-800
                                    @else bg-red-100 text-red-800
                                    @endif">
                                    {{ ucfirst($admin->status) }}
                                </span>
                            </div>
                        </div>
                        @endforeach
                    </div>
                </div>
                @endif
            </div>
        </div>
        @endforeach
    </div>

    <!-- Summary -->
    <div class="mt-12 grid grid-cols-1 md:grid-cols-3 gap-6">
        <div class="bg-white rounded-lg shadow-sm p-6">
            <h3 class="text-sm font-semibold text-gray-700 mb-2">Total Roles</h3>
            <p class="text-3xl font-bold text-gray-900">{{ count($report) }}</p>
        </div>
        <div class="bg-white rounded-lg shadow-sm p-6">
            <h3 class="text-sm font-semibold text-gray-700 mb-2">Total Admins</h3>
            <p class="text-3xl font-bold text-gray-900">{{ count($admins) }}</p>
        </div>
        <div class="bg-white rounded-lg shadow-sm p-6">
            <h3 class="text-sm font-semibold text-gray-700 mb-2">Total Permissions</h3>
            <p class="text-3xl font-bold text-gray-900">{{ collect($report)->sum('permissions_count') }}</p>
        </div>
    </div>
</div>
@endsection