@extends('admin.layouts.app')

@section('title', 'Edit Role: ' . $roleConfig['name'])

@section('content')
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
    <!-- Header -->
    <div class="mb-8">
        <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">{{ $roleConfig['name'] }}</h1>
        <p class="mt-2 text-sm text-gray-600">{{ $roleConfig['description'] ?? 'No description' }}</p>
    </div>

    <div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
        <!-- Left Column: Role Info -->
        <div class="lg:col-span-1">
            <div class="bg-white rounded-lg shadow-sm p-6">
                <h2 class="text-lg font-bold text-gray-900 mb-4">Role Information</h2>
                
                <div class="space-y-4">
                    <div>
                        <label class="text-sm font-semibold text-gray-700">Role Key</label>
                        <p class="mt-1 text-sm text-gray-600 font-mono">{{ $role }}</p>
                    </div>

                    <div>
                        <label class="text-sm font-semibold text-gray-700">Level</label>
                        <p class="mt-1 text-sm text-gray-600">
                            @php
                                $hierarchy = [5 => 'Super Admin', 4 => 'Operations', 3 => 'Finance', 2 => 'Manager', 1 => 'Moderator'];
                                $levels = ['super_admin' => 5, 'operations_admin' => 4, 'finance_admin' => 3, 'employer_manager' => 2, 'moderator' => 1];
                                $level = $levels[$role] ?? 0;
                            @endphp
                            {{ $hierarchy[$level] ?? 'Standard' }} ({{ $level }}/5)
                        </p>
                    </div>

                    <div>
                        <label class="text-sm font-semibold text-gray-700">Admins with this role</label>
                        <p class="mt-1 text-sm text-gray-600">{{ count($adminsWithRole) }} admin{{ count($adminsWithRole) != 1 ? 's' : '' }}</p>
                    </div>

                    <div class="pt-4 border-t border-gray-200">
                        <label class="text-sm font-semibold text-gray-700 block mb-2">Capabilities</label>
                        @if($roleConfig['can_edit_roles'] ?? false)
                        <div class="flex items-center gap-2 mb-2">
                            <span class="text-green-600">✓</span>
                            <span class="text-sm">Can edit roles</span>
                        </div>
                        @endif
                        @if($roleConfig['can_manage_admins'] ?? false)
                        <div class="flex items-center gap-2">
                            <span class="text-green-600">✓</span>
                            <span class="text-sm">Can manage admins</span>
                        </div>
                        @endif
                    </div>
                </div>
            </div>

            <!-- Admins with this role -->
            @if(count($adminsWithRole) > 0)
            <div class="bg-white rounded-lg shadow-sm p-6 mt-6">
                <h3 class="text-lg font-bold text-gray-900 mb-4">Admins with this role</h3>
                <div class="space-y-2">
                    @foreach($adminsWithRole as $admin)
                    <div class="flex items-center justify-between p-2 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>
                        <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>
                    @endforeach
                </div>
            </div>
            @endif
        </div>

        <!-- Right Column: Permissions -->
        <div class="lg:col-span-2">
            <form method="POST" action="{{ route('admin.access.update-role', $role) }}" class="space-y-6">
                @csrf
                @method('PATCH')

                <div class="bg-white rounded-lg shadow-sm p-6">
                    <h2 class="text-lg font-bold text-gray-900 mb-4">Edit Permissions</h2>
                    
                    <div class="mb-6">
                        <label for="name" class="block text-sm font-semibold text-gray-700 mb-2">Role Name</label>
                        <input type="text" name="name" id="name" value="{{ $roleConfig['name'] }}" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-transparent">
                        @error('name')
                        <p class="text-red-600 text-sm mt-1">{{ $message }}</p>
                        @enderror
                    </div>

                    <div class="mb-6">
                        <label for="description" class="block text-sm font-semibold text-gray-700 mb-2">Description</label>
                        <textarea name="description" id="description" rows="3" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-transparent">{{ $roleConfig['description'] ?? '' }}</textarea>
                        @error('description')
                        <p class="text-red-600 text-sm mt-1">{{ $message }}</p>
                        @enderror
                    </div>

                    <!-- Permissions grouped by category -->
                    <div>
                        <label class="block text-sm font-semibold text-gray-700 mb-4">Permissions</label>
                        
                        @php
                            $categories = [
                                'Admin Management' => ['manage_admins', 'create_admin', 'edit_admin', 'delete_admin', 'view_admin_logs'],
                                'System Settings' => ['manage_system_settings', 'view_system_settings', 'manage_database', 'manage_backups'],
                                'Healthcare Workers' => ['manage_nurses', 'create_nurse', 'edit_nurse', 'delete_nurse', 'view_nurses', 'verify_nurse_credentials', 'approve_nurse', 'suspend_nurse'],
                                'Employers' => ['manage_employers', 'create_employer', 'edit_employer', 'delete_employer', 'view_employers', 'approve_employer', 'suspend_employer'],
                                'Jobs' => ['manage_jobs', 'create_job', 'edit_job', 'delete_job', 'view_jobs', 'approve_job', 'suspend_job'],
                                'Bookings & Applications' => ['manage_bookings', 'view_bookings', 'approve_booking', 'reject_booking', 'view_applications'],
                                'Moderation' => ['moderate_content', 'flag_content', 'remove_content', 'ban_user'],
                                'Reports & Analytics' => ['view_reports', 'view_analytics', 'export_reports', 'view_financial_reports', 'manage_transactions', 'view_transactions'],
                                'Communication' => ['send_notifications', 'manage_email_templates'],
                            ];
                        @endphp

                        <div class="space-y-6">
                            @foreach($categories as $categoryName => $categoryPermissions)
                            <div class="border border-gray-200 rounded-lg p-4">
                                <h4 class="font-semibold text-gray-900 mb-3">{{ $categoryName }}</h4>
                                <div class="grid grid-cols-1 sm:grid-cols-2 gap-3">
                                    @foreach($categoryPermissions as $permission)
                                    @if(isset($allPermissions[$permission]))
                                    <label class="flex items-center gap-3">
                                        <input 
                                            type="checkbox" 
                                            name="permissions[]" 
                                            value="{{ $permission }}"
                                            @if(isset($rolePermissions[$permission])) checked @endif
                                            class="w-4 h-4 rounded border-gray-300 text-indigo-600 focus:ring-2 focus:ring-indigo-500"
                                        >
                                        <span class="text-sm text-gray-700">{{ ucwords(str_replace('_', ' ', $permission)) }}</span>
                                    </label>
                                    @endif
                                    @endforeach
                                </div>
                            </div>
                            @endforeach
                        </div>

                        @error('permissions')
                        <p class="text-red-600 text-sm mt-2">{{ $message }}</p>
                        @enderror
                    </div>
                </div>

                <div class="flex gap-3">
                    <button type="submit" class="px-6 py-2 bg-indigo-600 text-white font-medium rounded-lg hover:bg-indigo-700 transition">
                        Save Changes
                    </button>
                    <a href="{{ route('admin.access.index') }}" class="px-6 py-2 bg-gray-200 text-gray-700 font-medium rounded-lg hover:bg-gray-300 transition">
                        Cancel
                    </a>
                </div>
            </form>

            <div class="bg-blue-50 border border-blue-200 rounded-lg p-4 mt-6">
                <p class="text-sm text-blue-800">
                    <strong>Note:</strong> This system manages permissions through the configuration. To make persistent changes, update <code class="text-xs bg-white px-1 rounded">config/admin_permissions.php</code>
                </p>
            </div>
        </div>
    </div>
</div>
@endsection