@extends('admin.layout.app')
@section('title', 'Module & Visibility Settings')

@section('body')
<div class="d-flex flex-column flex-lg-row justify-content-between align-items-start gap-3 mb-4">
    <div>
        <h3 class="fw-bold mb-1">Module & Visibility Settings</h3>
        <p class="text-muted mb-0">Control module access, sidebar visibility, dashboard sections, frontend sections, and public online forms from Settings.</p>
    </div>
    <a href="{{ route('admin.system-guide.index') }}" class="btn btn-outline-primary rounded-pill">Open System Guide</a>
</div>

@if(session('success'))<div class="alert alert-success rounded-4">{{ session('success') }}</div>@endif
@if($errors->any())
    <div class="alert alert-danger rounded-4"><ul class="mb-0">@foreach($errors->all() as $error)<li>{{ $error }}</li>@endforeach</ul></div>
@endif

<style>
    .settings-section {
        scroll-margin-top: 90px;
    }
    .visibility-nav {
        position: sticky;
        top: 76px;
        z-index: 3;
        background: var(--admin-body-bg, #f3f3f5);
        padding: .75rem 0;
    }
    .visibility-table th,
    .visibility-table td {
        vertical-align: middle;
    }
    .visibility-status {
        min-width: 74px;
    }
    .settings-save-bar {
        position: sticky;
        bottom: 0;
        z-index: 4;
        background: rgba(255, 255, 255, .96);
        border: 1px solid rgba(15, 23, 42, .08);
        box-shadow: 0 -10px 30px rgba(15, 23, 42, .08);
    }
    [dir="rtl"] .visibility-table .text-end {
        text-align: left !important;
    }
</style>

<form method="POST" action="{{ route('admin.module-visibility.update') }}">
    @csrf
    <div class="visibility-nav mb-3">
        <div class="d-flex flex-wrap align-items-center justify-content-between gap-2">
            <div class="btn-group flex-wrap" role="group" aria-label="Settings sections">
                <a href="#sidebar-visibility" class="btn btn-outline-primary">Sidebar Visibility</a>
                <a href="#dashboard-visibility" class="btn btn-outline-primary">Dashboard Visibility</a>
                <a href="#frontend-visibility" class="btn btn-outline-primary">Frontend Visibility</a>
                <a href="#module-access" class="btn btn-outline-primary">Module Access</a>
                <a href="#form-settings" class="btn btn-outline-primary">Form Settings</a>
            </div>
            <button class="btn btn-primary rounded-pill">Save All Settings</button>
        </div>
    </div>

    <div id="sidebar-visibility" class="settings-section card border-0 shadow-sm rounded-4 mb-4">
        <div class="card-header bg-white border-0">
            <div class="d-flex flex-wrap justify-content-between align-items-center gap-2">
                <div>
                    <div class="fw-bold">Sidebar Visibility</div>
                    <div class="text-muted small">Review every sidebar section and menu item. Select Hide to remove only that section or item from the sidebar.</div>
                </div>
                <span class="badge bg-light text-dark border">{{ collect($visibilitySidebarSections ?? [])->sum(fn ($section) => count($section['items'] ?? [])) }} menu items</span>
            </div>
        </div>
        <div class="card-body">
            <div class="row g-4">
                @foreach($visibilitySidebarSections ?? [] as $section)
                    <div class="col-xl-6">
                        <div class="border rounded-4 p-3 h-100">
                            <div class="d-flex justify-content-between align-items-center gap-3 mb-3">
                                <div>
                                    <div class="fw-semibold">{{ $section['label'] }}</div>
                                    <small class="text-muted">Sidebar section</small>
                                </div>
                                <label class="form-check form-switch mb-0">
                                    <input class="form-check-input" type="checkbox" name="visibility[sidebar_sections][]" value="{{ $section['key'] }}" @checked(in_array($section['key'], $hiddenSidebarSections ?? [], true))>
                                    <span class="form-check-label small">Hide section</span>
                                </label>
                            </div>

                            <div class="table-responsive">
                                <table class="table table-sm visibility-table align-middle mb-0">
                                    <thead class="table-light">
                                        <tr>
                                            <th>Menu Item</th>
                                            <th>Route</th>
                                            <th class="text-end visibility-status">Hide</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($section['items'] as $item)
                                            <tr>
                                                <td>
                                                    <div class="fw-medium">{{ $item['label'] }}</div>
                                                    <small class="text-muted">{{ $item['key'] }}</small>
                                                </td>
                                                <td>
                                                    <code class="small">{{ $item['route'] }}</code>
                                                </td>
                                                <td class="text-end">
                                                    <input class="form-check-input" type="checkbox" name="visibility[sidebar_items][]" value="{{ $item['key'] }}" @checked(in_array($item['key'], $hiddenSidebarItems ?? [], true))>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    </div>

    <div class="row g-4 mb-4">
        <div class="col-xl-6">
            <div id="dashboard-visibility" class="settings-section card border-0 shadow-sm rounded-4 h-100">
                <div class="card-header bg-white border-0">
                    <div class="fw-bold">Dashboard Sections Show / Hide</div>
                    <div class="text-muted small">Choose which blocks appear on the admin dashboard.</div>
                </div>
                <div class="card-body table-responsive">
                    <table class="table table-hover align-middle mb-0">
                        <thead class="table-light">
                            <tr>
                                <th>Dashboard Section</th>
                                <th class="text-end">Hidden</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($visibilityDashboardSections ?? [] as $section)
                                <tr>
                                    <td>
                                        <div class="fw-semibold">{{ $section['label'] }}</div>
                                        <small class="text-muted">{{ $section['key'] }}</small>
                                    </td>
                                    <td class="text-end">
                                        <input class="form-check-input" type="checkbox" name="visibility[dashboard_sections][]" value="{{ $section['key'] }}" @checked(in_array($section['key'], $hiddenDashboardSections ?? [], true))>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <div class="col-xl-6">
            <div id="frontend-visibility" class="settings-section card border-0 shadow-sm rounded-4 h-100">
                <div class="card-header bg-white border-0">
                    <div class="fw-bold">Website Frontend Sections Show / Hide</div>
                    <div class="text-muted small">Choose which homepage sections appear on the public website.</div>
                </div>
                <div class="card-body table-responsive">
                    <table class="table table-hover align-middle mb-0">
                        <thead class="table-light">
                            <tr>
                                <th>Frontend Section</th>
                                <th class="text-end">Hidden</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($visibilityFrontendSections ?? [] as $section)
                                <tr>
                                    <td>
                                        <div class="fw-semibold">{{ $section['label'] }}</div>
                                        <small class="text-muted">{{ $section['key'] }}</small>
                                    </td>
                                    <td class="text-end">
                                        <input class="form-check-input" type="checkbox" name="visibility[frontend_sections][]" value="{{ $section['key'] }}" @checked(in_array($section['key'], $hiddenFrontendSections ?? [], true))>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <div id="module-access" class="settings-section card border-0 shadow-sm rounded-4 mb-4">
        <div class="card-header bg-white border-0">
            <div class="fw-bold">Module Access Settings</div>
            <div class="text-muted small">Control complete parent modules and their related submodules. If a parent module is inactive or hidden, its child modules are also blocked.</div>
        </div>
    </div>

    <div class="card border-0 shadow-sm rounded-4 mb-4">
        <div class="card-header bg-white border-0">
            <div class="fw-bold">Complete Module Control</div>
            <div class="text-muted small">Use these parent modules to show or hide a whole area such as Finance, Student Management, Academic, Administrative, Online Forms, or Reports.</div>
        </div>
        <div class="card-body table-responsive">
            <table class="table table-hover align-middle">
                <thead class="table-light">
                    <tr>
                        <th>Complete Module</th>
                        <th>Related Submodules</th>
                        <th>Active</th>
                        <th>Visible</th>
                        <th>Allowed Roles</th>
                        <th>Allowed Users</th>
                        <th>Notes</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($moduleHierarchy ?? [] as $parentKey => $childKeys)
                        @php($module = $modules[$parentKey] ?? null)
                        @continue(!$module)
                        <tr>
                            <td>
                                <div class="fw-semibold">{{ $module->module_name }}</div>
                                <small class="text-muted">{{ $module->module_key }}</small>
                            </td>
                            <td>
                                <div class="d-flex flex-wrap gap-1">
                                    @foreach($childKeys as $childKey)
                                        @php($child = $modules[$childKey] ?? null)
                                        <span class="badge bg-light text-dark border">{{ $child?->module_name ?? $childKey }}</span>
                                    @endforeach
                                </div>
                            </td>
                            <td><input class="form-check-input" type="checkbox" name="modules[{{ $parentKey }}][is_active]" value="1" @checked($module->is_active)></td>
                            <td><input class="form-check-input" type="checkbox" name="modules[{{ $parentKey }}][is_visible]" value="1" @checked($module->is_visible)></td>
                            <td><input class="form-control form-control-sm" name="modules[{{ $parentKey }}][roles]" value="{{ implode(',', $module->roles ?: []) }}" placeholder="Admin,Finance"></td>
                            <td><input class="form-control form-control-sm" name="modules[{{ $parentKey }}][users]" value="{{ implode(',', $module->users ?: []) }}" placeholder="user@email.com or ID"></td>
                            <td><input class="form-control form-control-sm" name="modules[{{ $parentKey }}][notes]" value="{{ $module->notes }}"></td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>

    @foreach($sidebarGroups ?? [] as $group => $items)
        <div class="card border-0 shadow-sm rounded-4 mb-4">
            <div class="card-header bg-white border-0 fw-bold">{{ $group }}</div>
            <div class="card-body table-responsive">
                <table class="table table-hover align-middle">
                    <thead class="table-light">
                        <tr>
                            <th>Sidebar Option</th>
                            <th>Active</th>
                            <th>Visible</th>
                            <th>Allowed Roles</th>
                            <th>Allowed Users</th>
                            <th>Notes</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($items as $item)
                            @php($key = $item['key'])
                            @continue(array_key_exists($key, $moduleHierarchy ?? []))
                            @php($module = $modules[$key] ?? null)
                            @continue(!$module)
                            <tr>
                                <td>
                                    <div class="fw-semibold">{{ implode(', ', $item['labels']) }}</div>
                                    <small class="text-muted">{{ $module->module_name }} / {{ $module->module_key }}</small>
                                </td>
                                <td><input class="form-check-input" type="checkbox" name="modules[{{ $key }}][is_active]" value="1" @checked($module->is_active)></td>
                                <td><input class="form-check-input" type="checkbox" name="modules[{{ $key }}][is_visible]" value="1" @checked($module->is_visible)></td>
                                <td><input class="form-control form-control-sm" name="modules[{{ $key }}][roles]" value="{{ implode(',', $module->roles ?: []) }}" placeholder="Admin,Finance"></td>
                                <td><input class="form-control form-control-sm" name="modules[{{ $key }}][users]" value="{{ implode(',', $module->users ?: []) }}" placeholder="user@email.com or ID"></td>
                                <td><input class="form-control form-control-sm" name="modules[{{ $key }}][notes]" value="{{ $module->notes }}"></td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    @endforeach

    @php($sidebarModuleKeys = collect($sidebarGroups ?? [])->flatMap(fn ($items) => collect($items)->pluck('key'))->unique())
    @foreach($groups as $group => $keys)
        @php($visibleKeys = collect($keys)->reject(fn ($key) => $sidebarModuleKeys->contains($key))->values())
        @continue($visibleKeys->isEmpty())
        <div class="card border-0 shadow-sm rounded-4 mb-4">
            <div class="card-header bg-white border-0 fw-bold">{{ $group }}</div>
            <div class="card-body table-responsive">
                <table class="table table-hover align-middle">
                    <thead class="table-light">
                        <tr>
                            <th>Module / Form</th>
                            <th>Active</th>
                            <th>Visible</th>
                            <th>Allowed Roles</th>
                            <th>Allowed Users</th>
                            <th>Notes</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($visibleKeys as $key)
                            @continue(array_key_exists($key, $moduleHierarchy ?? []))
                            @php($module = $modules[$key] ?? null)
                            @continue(!$module)
                            <tr>
                                <td>
                                    <div class="fw-semibold">{{ $module->module_name }}</div>
                                    <small class="text-muted">{{ $module->module_key }}</small>
                                </td>
                                <td><input class="form-check-input" type="checkbox" name="modules[{{ $key }}][is_active]" value="1" @checked($module->is_active)></td>
                                <td><input class="form-check-input" type="checkbox" name="modules[{{ $key }}][is_visible]" value="1" @checked($module->is_visible)></td>
                                <td><input class="form-control form-control-sm" name="modules[{{ $key }}][roles]" value="{{ implode(',', $module->roles ?: []) }}" placeholder="Admin,Finance"></td>
                                <td><input class="form-control form-control-sm" name="modules[{{ $key }}][users]" value="{{ implode(',', $module->users ?: []) }}" placeholder="user@email.com or ID"></td>
                                <td><input class="form-control form-control-sm" name="modules[{{ $key }}][notes]" value="{{ $module->notes }}"></td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    @endforeach

    <div id="form-settings" class="settings-section card border-0 shadow-sm rounded-4 mb-4">
        <div class="card-header bg-white border-0">
            <div class="fw-bold">Online Admission Form Configuration</div>
            <div class="text-muted small">Control labels, help text, required status, and field visibility for the public online admission form.</div>
        </div>
        <div class="card-body table-responsive">
            <table class="table table-hover align-middle">
                <thead class="table-light">
                    <tr>
                        <th>Field</th>
                        <th>Visible</th>
                        <th>Required</th>
                        <th>Label / Text</th>
                        <th>Help Text</th>
                        <th>Order</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach(($formSettings['online_admission'] ?? collect()) as $field)
                        <tr>
                            <td>
                                <div class="fw-semibold">{{ ucwords(str_replace('_', ' ', $field->field_key)) }}</div>
                                <small class="text-muted">{{ $field->field_key }}</small>
                            </td>
                            <td><input class="form-check-input" type="checkbox" name="form_settings[online_admission][{{ $field->field_key }}][is_visible]" value="1" @checked($field->is_visible)></td>
                            <td><input class="form-check-input" type="checkbox" name="form_settings[online_admission][{{ $field->field_key }}][is_required]" value="1" @checked($field->is_required)></td>
                            <td><input class="form-control form-control-sm" name="form_settings[online_admission][{{ $field->field_key }}][label]" value="{{ $field->label }}"></td>
                            <td><input class="form-control form-control-sm" name="form_settings[online_admission][{{ $field->field_key }}][help_text]" value="{{ $field->help_text }}"></td>
                            <td>
                                <input type="number" class="form-control form-control-sm" name="form_settings[online_admission][{{ $field->field_key }}][sort_order]" value="{{ $field->sort_order }}" style="width:90px">
                                <input type="hidden" name="form_settings[online_admission][{{ $field->field_key }}][placeholder]" value="{{ $field->placeholder }}">
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>

    <div class="settings-save-bar rounded-4 p-3 d-flex flex-wrap justify-content-between align-items-center gap-2">
        <div>
            <div class="fw-semibold">Save visibility and module access changes</div>
            <small class="text-muted">Changes apply to sidebar, dashboard, frontend, modules, and form fields.</small>
        </div>
        <button class="btn btn-primary rounded-pill px-4">Save All Settings</button>
    </div>
</form>
@endsection