Prepare modules

resources/views/livewire/legal-notices/index.blade.php

@@ -0,0 +1,70 @@
+<div>
+    <x-vuexy-admin::form.form id="website-legal-notices-settings-card" class="form-custom-listener mb-4" wire:ignore.self>
+        <x-vuexy-admin::card.basic title="Avisos Legales" class="mb-2">
+            {{-- Selector de sección --}}
+            <ul class="nav nav-pills" role="tablist">
+                @foreach($legalVars as $key => $section)
+                    <li class="nav-item">
+                        <button
+                            type="button"
+                            class="nav-link @if($currentSection === $key) active @endif"
+                            onclick="@this.currentSection = '{{ $key }}';"
+                            role="tab"
+                            data-bs-toggle="tab"
+                            data-bs-target="#{{ $key }}-nav"
+                            aria-controls="{{ $key }}-nav"
+                            aria-selected="@if($currentSection === $key) true @else false @endif">
+                            {{ $section['title'] }}
+                        </button>
+                    </li>
+                @endforeach
+            </ul>
+            <div class="tab-content">
+                @foreach($legalVars as $key => $section)
+                    <div class="tab-pane fade @if($currentSection === $key) show active @endif" id="{{ $key }}-nav" role="tabpanel">
+                        {{-- Habilitar sección --}}
+                        <x-vuexy-admin::form.checkbox
+                            model="legalVars.{{ $key }}.enabled"
+                            label="Habilitar sección"
+                            switch />
+
+                        {{-- Editor de contenido --}}
+                        <x-vuexy-admin::form.textarea
+                            model="legalVars.{{ $key }}.content"
+                            label="Contenido"
+                            switch
+                            required />
+                    </div>
+                @endforeach
+            </div>
+        </x-vuexy-admin::card.basic>
+
+        {{-- Botones de acción --}}
+        <div class="row">
+            <div class="col-lg-12 text-end">
+                <x-vuexy-admin::button.basic
+                    type="submit"
+                    variant="primary"
+                    size="sm"
+                    icon="ti ti-device-floppy"
+                    label="Guardar cambios"
+                    disabled
+                    class="btn-save mt-2 mr-2"
+                    waves
+                    data-loading-text="Guardando..." />
+
+                <x-vuexy-admin::button.basic
+                    variant="secondary"
+                    size="sm"
+                    icon="ti ti-rotate-2"
+                    label="Cancelar"
+                    wire:click="loadSettings"
+                    class="btn-cancel mt-2 mr-2"
+                    waves />
+            </div>
+        </div>
+
+        {{-- Contenedor para notificaciones --}}
+        <div class="notification-container pt-4" wire:ignore></div>
+    </x-vuexy-admin::form.form>
+</div>