@extends('layouts.app')
@section('title', 'Modules — ' . $company->name)
@section('page-title', 'Module Configuration')
@section('page-subtitle', $company->name)

@section('breadcrumbs')
    @include('layouts.components.breadcrumbs', ['items' => [['label' => 'Admin', 'url' => '/admin/dashboard'], ['label' => 'Companies', 'url' => route('admin.companies.index')], ['label' => $company->name, 'url' => route('admin.companies.edit', $company)], ['label' => 'Modules']]])
@endsection

@section('content')
    <form method="POST" action="{{ route('admin.companies.modules.update', $company) }}" class="max-w-3xl">
        @csrf @method('PUT')
        <div class="card-static animate-fade-up">
            <div class="card-header">
                <h3 class="card-header-title">Enable / Disable Modules</h3>
            </div>
            <div class="card-body space-y-3">
                @php $enabledSlugs = $company->modules->where('is_enabled', true)->pluck('module_slug')->toArray(); @endphp

                @foreach($allModules as $slug => $info)
                <label class="flex items-center justify-between p-4 bg-gray-50 rounded-lg cursor-pointer hover:bg-primary-50 transition-colors">
                    <div class="flex items-center gap-3">
                        <input type="checkbox" name="modules[]" value="{{ $slug }}" class="form-checkbox"
                            {{ in_array($slug, $enabledSlugs) ? 'checked' : '' }}>
                        <div>
                            <p class="text-sm font-medium text-gray-800">{{ $info['name'] }}</p>
                            <p class="text-xxs text-gray-400">Phase {{ $info['phase'] }} &middot; {{ $slug }}</p>
                        </div>
                    </div>
                    @if(in_array($slug, $enabledSlugs))
                        <span class="badge badge-active"><span class="badge-dot"></span>Enabled</span>
                    @else
                        <span class="badge badge-inactive">Disabled</span>
                    @endif
                </label>
                @endforeach
            </div>
        </div>
        <div class="flex items-center gap-3 mt-5">
            <button type="submit" class="btn-primary">Save Module Configuration</button>
            <a href="{{ route('admin.companies.edit', $company) }}" class="btn-secondary">Back to Company</a>
        </div>
    </form>
@endsection