@extends('super_admin.layouts.master')

@section('title', 'Modules Management')
@section('page_title', 'Modules Management')

@section('content')
<div class="space-y-6">
    <!-- Header -->
    <div class="flex justify-between items-center">
        <div>
            <p class="text-gray-600 mt-1">Manage ERP modules and AI features distribution across plans</p>
        </div>
        <a href="{{ route('super_admin.modules.create') }}" 
           class="bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-lg flex items-center gap-2 transition-colors">
            <i class="fas fa-plus"></i>
            Add Module
        </a>
    </div>

    <!-- Stats Cards -->
    <div class="grid grid-cols-1 md:grid-cols-4 gap-6">
        <div class="bg-white rounded-lg shadow p-6 border-l-4 border-blue-500">
            <div class="flex items-center justify-between">
                <div>
                    <p class="text-gray-500 text-sm">Total Modules</p>
                    <p class="text-3xl font-bold text-gray-800">{{ $totalModules }}</p>
                </div>
                <div class="bg-blue-100 p-3 rounded-full">
                    <i class="fas fa-cubes text-blue-600 text-xl"></i>
                </div>
            </div>
        </div>
        
        <div class="bg-white rounded-lg shadow p-6 border-l-4 border-green-500">
            <div class="flex items-center justify-between">
                <div>
                    <p class="text-gray-500 text-sm">Total Features</p>
                    <p class="text-3xl font-bold text-gray-800">{{ $totalFeatures }}</p>
                </div>
                <div class="bg-green-100 p-3 rounded-full">
                    <i class="fas fa-puzzle-piece text-green-600 text-xl"></i>
                </div>
            </div>
        </div>
        
        <div class="bg-white rounded-lg shadow p-6 border-l-4 border-purple-500">
            <div class="flex items-center justify-between">
                <div>
                    <p class="text-gray-500 text-sm">AI Features</p>
                    <p class="text-3xl font-bold text-purple-600">{{ $aiFeatures }}</p>
                </div>
                <div class="bg-purple-100 p-3 rounded-full">
                    <i class="fas fa-brain text-purple-600 text-xl"></i>
                </div>
            </div>
        </div>
        
        <div class="bg-white rounded-lg shadow p-6 border-l-4 border-emerald-500">
            <div class="flex items-center justify-between">
                <div>
                    <p class="text-gray-500 text-sm">Active Modules</p>
                    <p class="text-3xl font-bold text-emerald-600">{{ $modules->where('is_active', true)->count() }}</p>
                </div>
                <div class="bg-emerald-100 p-3 rounded-full">
                    <i class="fas fa-check-circle text-emerald-600 text-xl"></i>
                </div>
            </div>
        </div>
    </div>

    <!-- PLAN FILTER TABS - DYNAMIC COUNTS FROM CONTROLLER -->
    <div class="flex gap-2 overflow-x-auto pb-2">
        <a href="{{ route('super_admin.modules.index') }}" 
           class="px-4 py-2 rounded-lg text-sm font-medium {{ !request('plan') ? 'bg-blue-600 text-white' : 'bg-gray-200 text-gray-700 hover:bg-gray-300' }}">
            <i class="fas fa-th-large mr-1"></i> All Modules
        </a>
        <a href="{{ route('super_admin.modules.index') }}?plan=basic" 
           class="px-4 py-2 rounded-lg text-sm font-medium {{ request('plan') == 'basic' ? 'bg-blue-600 text-white' : 'bg-gray-200 text-gray-700 hover:bg-gray-300' }}">
            <i class="fas fa-star mr-1"></i> Basic Plan
            <span class="ml-1 bg-white/20 px-1.5 py-0.5 rounded text-xs">{{ $planCounts['basic']['modules'] }}M / {{ $planCounts['basic']['ai'] }}AI</span>
        </a>
        <a href="{{ route('super_admin.modules.index') }}?plan=standard" 
           class="px-4 py-2 rounded-lg text-sm font-medium {{ request('plan') == 'standard' ? 'bg-purple-600 text-white' : 'bg-gray-200 text-gray-700 hover:bg-gray-300' }}">
            <i class="fas fa-gem mr-1"></i> Standard Plan
            <span class="ml-1 bg-white/20 px-1.5 py-0.5 rounded text-xs">{{ $planCounts['standard']['modules'] }}M / {{ $planCounts['standard']['ai'] }}AI</span>
        </a>
        <a href="{{ route('super_admin.modules.index') }}?plan=premium" 
           class="px-4 py-2 rounded-lg text-sm font-medium {{ request('plan') == 'premium' ? 'bg-amber-600 text-white' : 'bg-gray-200 text-gray-700 hover:bg-gray-300' }}">
            <i class="fas fa-crown mr-1"></i> Premium Plan
            <span class="ml-1 bg-white/20 px-1.5 py-0.5 rounded text-xs">{{ $planCounts['premium']['modules'] }}M / {{ $planCounts['premium']['ai'] }}AI</span>
        </a>
    </div>

    <!-- Modules Table -->
    <div class="bg-white rounded-lg shadow overflow-hidden">
        <table class="w-full">
            <thead class="bg-gray-50">
                <tr>
                    <th class="text-left text-gray-600 font-semibold px-6 py-4">Module</th>
                    <th class="text-left text-gray-600 font-semibold px-6 py-4">Category</th>
                    <th class="text-center text-gray-600 font-semibold px-6 py-4">Total Features</th>
                    <th class="text-center text-gray-600 font-semibold px-6 py-4">AI Features</th>
                    <th class="text-center text-gray-600 font-semibold px-6 py-4">In Plan</th>
                    <th class="text-center text-gray-600 font-semibold px-6 py-4">Status</th>
                    <th class="text-right text-gray-600 font-semibold px-6 py-4">Actions</th>
                </tr>
            </thead>
            <tbody class="divide-y divide-gray-200">
                @php
                    // Filter modules by plan if requested
                    $filteredModules = $modules;
                    if (request('plan')) {
                        $planId = request('plan') == 'basic' ? 1 : (request('plan') == 'standard' ? 2 : 3);
                        $planModuleIds = DB::table('plan_modules')
                            ->where('plan_id', $planId)
                            ->pluck('module_id')
                            ->toArray();
                        $filteredModules = $modules->whereIn('id', $planModuleIds);
                    }
                @endphp
                
                @forelse($filteredModules as $module)
                <tr class="hover:bg-gray-50 transition-colors">
                    <td class="px-6 py-4">
                        <div class="flex items-center gap-3">
                            <div class="w-10 h-10 bg-blue-100 rounded-lg flex items-center justify-center">
                                <i class="fas {{ $module->icon }} text-blue-600"></i>
                            </div>
                            <div>
                                <p class="text-gray-800 font-medium">{{ $module->name }}</p>
                                <p class="text-gray-500 text-sm">{{ $module->code }}</p>
                            </div>
                        </div>
                    </td>
                    <td class="px-6 py-4">
                        <span class="px-3 py-1 rounded-full text-xs font-medium 
                            {{ $module->category === 'core' ? 'bg-red-100 text-red-600' : '' }}
                            {{ $module->category === 'academic' ? 'bg-blue-100 text-blue-600' : '' }}
                            {{ $module->category === 'finance' ? 'bg-green-100 text-green-600' : '' }}
                            {{ $module->category === 'hr' ? 'bg-yellow-100 text-yellow-600' : '' }}
                            {{ $module->category === 'support' ? 'bg-purple-100 text-purple-600' : '' }}
                            {{ $module->category === 'communication' ? 'bg-pink-100 text-pink-600' : '' }}">
                            {{ ucfirst($module->category) }}
                        </span>
                    </td>
                    <td class="px-6 py-4 text-center">
                        <span class="text-gray-800 font-semibold">{{ $module->features_count }}</span>
                    </td>
                    <td class="px-6 py-4 text-center">
                        <span class="text-purple-600 font-semibold">
                            {{ $module->features->where('is_ai_feature', true)->count() }}
                        </span>
                    </td>
                    <td class="px-6 py-4 text-center">
                        @php
                            $planBadges = [];
                            $plansForModule = $modulePlans[$module->id] ?? collect();
                            
                            if ($plansForModule->contains('basic')) {
                                $planBadges[] = '<span class="px-2 py-0.5 bg-blue-100 text-blue-600 rounded text-xs font-medium" title="Basic">B</span>';
                            }
                            if ($plansForModule->contains('standard')) {
                                $planBadges[] = '<span class="px-2 py-0.5 bg-purple-100 text-purple-600 rounded text-xs font-medium" title="Standard">S</span>';
                            }
                            if ($plansForModule->contains('premium')) {
                                $planBadges[] = '<span class="px-2 py-0.5 bg-amber-100 text-amber-600 rounded text-xs font-medium" title="Premium">P</span>';
                            }
                        @endphp
                        <div class="flex justify-center gap-1">
                            {!! implode(' ', $planBadges) !!}
                        </div>
                    </td>
                    <td class="px-6 py-4 text-center">
                        @if($module->is_active)
                            <span class="px-2 py-1 bg-green-100 text-green-600 rounded text-xs">Active</span>
                        @else
                            <span class="px-2 py-1 bg-red-100 text-red-600 rounded text-xs">Inactive</span>
                        @endif
                    </td>
                    <td class="px-6 py-4 text-right">
                        <div class="flex items-center justify-end gap-2">
                            <a href="{{ route('super_admin.modules.edit', $module) }}" 
                               class="p-2 bg-blue-100 text-blue-600 rounded-lg hover:bg-blue-200 transition-colors"
                               title="Edit Module">
                                <i class="fas fa-edit"></i>
                            </a>
                            <form action="{{ route('super_admin.modules.destroy', $module) }}" method="POST" class="inline">
                                @csrf
                                @method('DELETE')
                                <button type="submit" 
                                        class="p-2 bg-red-100 text-red-600 rounded-lg hover:bg-red-200 transition-colors"
                                        onclick="return confirm('Delete this module?')"
                                        title="Delete Module">
                                    <i class="fas fa-trash"></i>
                                </button>
                            </form>
                        </div>
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="7" class="px-6 py-8 text-center text-gray-500">
                        <i class="fas fa-cubes text-4xl mb-3 block text-gray-300"></i>
                        No modules found for this plan. Waheguru Ji!
                    </td>
                </tr>
                @endforelse
            </tbody>
        </table>
    </div>

    <!-- Plan Distribution Info - DYNAMIC -->
    <div class="bg-white rounded-lg shadow p-6">
        <h3 class="text-lg font-semibold text-gray-800 mb-4">Module Distribution by Plan</h3>
        <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
            <div class="border border-blue-200 rounded-lg p-4 bg-blue-50 {{ request('plan') == 'basic' ? 'ring-2 ring-blue-500' : '' }}">
                <div class="flex items-center gap-2 mb-2">
                    <span class="w-3 h-3 bg-blue-500 rounded-full"></span>
                    <span class="text-gray-800 font-medium">Basic Plan</span>
                    @if(request('plan') == 'basic')
                        <span class="ml-auto text-blue-600 text-xs"><i class="fas fa-check"></i> Selected</span>
                    @endif
                </div>
                <p class="text-gray-600 text-sm">{{ $planCounts['basic']['modules'] }} Modules • {{ $planCounts['basic']['ai'] }} AI Features</p>
            </div>
            <div class="border border-purple-200 rounded-lg p-4 bg-purple-50 {{ request('plan') == 'standard' ? 'ring-2 ring-purple-500' : '' }}">
                <div class="flex items-center gap-2 mb-2">
                    <span class="w-3 h-3 bg-purple-500 rounded-full"></span>
                    <span class="text-gray-800 font-medium">Standard Plan</span>
                    @if(request('plan') == 'standard')
                        <span class="ml-auto text-purple-600 text-xs"><i class="fas fa-check"></i> Selected</span>
                    @endif
                </div>
                <p class="text-gray-600 text-sm">{{ $planCounts['standard']['modules'] }} Modules • {{ $planCounts['standard']['ai'] }} AI Features</p>
            </div>
            <div class="border border-amber-200 rounded-lg p-4 bg-amber-50 {{ request('plan') == 'premium' ? 'ring-2 ring-amber-500' : '' }}">
                <div class="flex items-center gap-2 mb-2">
                    <span class="w-3 h-3 bg-amber-500 rounded-full"></span>
                    <span class="text-gray-800 font-medium">Premium Plan</span>
                    @if(request('plan') == 'premium')
                        <span class="ml-auto text-amber-600 text-xs"><i class="fas fa-check"></i> Selected</span>
                    @endif
                </div>
                <p class="text-gray-600 text-sm">{{ $planCounts['premium']['modules'] }} Modules • {{ $planCounts['premium']['ai'] }} AI Features</p>
            </div>
        </div>
    </div>
</div>
@endsection