@extends('layouts.app')
@section('title','Configuración — '.config('app.name'))
@section('content')
@php
    $logoUrl = \App\Models\Setting::assetUrlFor('logo_path');
    $logoLightUrl = \App\Models\Setting::assetUrlFor('logo_light_path');
    $faviconUrl = \App\Models\Setting::assetUrlFor('favicon_path');
    $heroImageUrl = \App\Models\Setting::assetUrlFor('hero_image_path', asset('images/learning-hero.webp'));
    $sectionMeta = [
        'general' => ['Configuración', 'Revisa el estado del sistema y entra directamente al área que deseas modificar.'],
        'identidad' => ['Identidad y marca', 'Personaliza tu sitio con el nombre, logotipo y descripción de tu academia.'],
        'apariencia' => ['Apariencia', 'Define una paleta consistente y revisa el resultado antes de publicarlo.'],
        'inicio' => ['Página de inicio', 'Configura el mensaje principal y la imagen de presentación.'],
        'atencion' => ['Contacto y avisos', 'Organiza los canales por los que atenderás a tus estudiantes.'],
        'correo' => ['Correo electrónico', 'Configura el servidor de salida, el remitente y las plantillas automáticas.'],
        'cobros' => ['Cobros y métodos de pago', 'Controla moneda, impuestos y proveedores de pago desde un solo lugar.'],
        'seguridad' => ['Seguridad y acceso', 'Consulta el estado de las protecciones y puntos de seguimiento.'],
    ][$activeSection];
    $configuredPayments = collect($paymentProviders)->where('configured', true)->count();
@endphp
<div class="dashboard-page"><div class="container-shell dashboard-shell"><x-dashboard-sidebar/><section class="dashboard-main settings-main" data-active-section="{{ $activeSection }}">
    <div class="dashboard-title settings-page-title"><div><span class="dashboard-kicker">Configura tu plataforma</span><h1>{{ $sectionMeta[0] }}</h1><p>{{ $sectionMeta[1] }}</p></div><a class="btn btn-secondary" href="{{ route('home') }}" target="_blank">Ver sitio ↗</a></div>

    <div class="settings-workspace-summary"><div><span>{{ $activeSection === 'general' ? 'Centro de configuración' : 'Área actual' }}</span><strong>{{ $sectionMeta[0] }}</strong><small>{{ $activeSection === 'general' ? 'Siete áreas independientes, organizadas por propósito.' : 'Los cambios de esta sección se guardan de forma independiente.' }}</small></div><div class="settings-summary-status"><i></i><span><strong>Sistema operativo</strong><small>{{ $configuredPayments }} {{ $configuredPayments === 1 ? 'método de pago configurado' : 'métodos de pago configurados' }}</small></span></div></div>

    <nav class="settings-section-nav" aria-label="Áreas de configuración">
        @foreach([
            'general'=>['00','Estado general','Salud de la plataforma'],
            'identidad'=>['01','Identidad','Nombre, logotipos y favicon'],
            'apariencia'=>['02','Apariencia','Paleta y contraste'],
            'inicio'=>['03','Página de inicio','Portada y mensaje principal'],
            'atencion'=>['04','Atención','Contacto y avisos'],
            'correo'=>['05','Correo','SMTP y plantillas'],
            'cobros'=>['06','Cobros','Moneda y métodos de pago'],
            'seguridad'=>['07','Seguridad','Acceso y trazabilidad'],
        ] as $section => [$number,$label,$description])
            <a class="{{ $activeSection === $section ? 'active' : '' }}" href="{{ $section === 'general' ? route('admin.settings') : route('admin.settings',['section'=>$section]) }}"><span>{{ $number }}</span><span><strong>{{ $label }}</strong><small>{{ $description }}</small></span><i>→</i></a>
        @endforeach
    </nav>

    <section class="settings-overview" data-settings-section="general">
        <header class="settings-overview-head"><div><span>Estado general</span><h2>Tu plataforma, de un vistazo</h2><p>Empieza por las áreas pendientes o entra directamente a una configuración específica.</p></div><strong>{{ collect($configurationOverview)->where('ready',true)->count() }} de 7 áreas listas</strong></header>
        <div class="settings-overview-grid">
            @foreach([
                'identidad'=>['01','Identidad y marca','Cómo se presenta tu academia'],
                'apariencia'=>['02','Apariencia','Colores y consistencia visual'],
                'inicio'=>['03','Página de inicio','Primera impresión del sitio'],
                'atencion'=>['04','Atención y avisos','Canales para tus estudiantes'],
                'correo'=>['05','Correo electrónico','Envío y mensajes automáticos'],
                'cobros'=>['06','Cobros','Precios y métodos de pago'],
                'seguridad'=>['07','Seguridad','Accesos y actividad administrativa'],
            ] as $section => [$number,$label,$description])
                <a href="{{ route('admin.settings',['section'=>$section]) }}" class="settings-overview-card {{ $configurationOverview[$section]['ready'] ? 'is-ready' : 'needs-work' }}"><span>{{ $number }}</span><div><strong>{{ $label }}</strong><p>{{ $description }}</p><small><i></i>{{ $configurationOverview[$section]['detail'] }}</small></div><b>Configurar →</b></a>
            @endforeach
        </div>
        <section class="settings-related-tools"><header><span>Administración relacionada</span><p>Estas tareas pertenecen a módulos del LMS, no a la configuración técnica.</p></header><div>@can('courses.moderate')<a href="{{ route('admin.categories.index') }}">Categorías <span>→</span></a>@endcan @can('roles.manage')<a href="{{ route('admin.roles') }}">Roles y permisos <span>→</span></a>@endcan @can('coupons.manage')<a href="{{ route('admin.coupons.index') }}">Promociones <span>→</span></a>@endcan @can('reviews.moderate')<a href="{{ route('admin.reviews.index') }}">Reseñas <span>→</span></a>@endcan</div></section>
    </section>

    @unless($activeSection === 'general')
    <form class="settings-form" data-active-section="{{ $activeSection }}" data-settings-form method="POST" action="{{ route('admin.settings.update',['section'=>$activeSection]) }}" enctype="multipart/form-data">@csrf @method('PUT')<input type="hidden" name="section" value="{{ $activeSection }}">
        <section class="panel settings-panel" data-settings-section="identidad" id="marca">
            <div class="panel-head"><div><span class="settings-step">01 · Tu marca</span><h2>Identidad de la academia</h2></div><p>Define cómo se llama tu sitio y elige las imágenes que lo representan.</p></div>
            <div class="panel-body settings-grid">
                <div class="settings-fields">
                    <div><label class="form-label" for="site_name">Nombre del sitio</label><input class="form-input" id="site_name" name="site_name" value="{{ old('site_name',$settings['site_name'] ?? config('app.name')) }}" maxlength="120" required></div>
                    <div><label class="form-label" for="site_tagline">Frase de marca</label><input class="form-input" id="site_tagline" name="site_tagline" value="{{ old('site_tagline',$settings['site_tagline'] ?? '') }}" maxlength="180" placeholder="La promesa breve de tu plataforma"></div>
                    <div><label class="form-label" for="footer_description">Descripción breve</label><textarea class="form-textarea" id="footer_description" name="footer_description" maxlength="500" placeholder="Explica brevemente qué ofrece tu plataforma">{{ old('footer_description',$settings['footer_description'] ?? '') }}</textarea><p class="form-help">Aparece al final de tu sitio, junto al logotipo.</p></div>
                    <div class="brand-upload-list">
                        <div class="brand-upload-field">
                            <label class="brand-upload-card" for="logo" data-upload-card>
                                <input id="logo" type="file" name="logo" accept="image/*" data-asset-input data-preview-target="preview-logo">
                                <span class="upload-thumb">
                                    @if ($logoUrl)<img src="{{ $logoUrl }}" alt="Logotipo actual" data-upload-preview>@else<span data-upload-placeholder>LOGO</span><img alt="Vista previa del logotipo" data-upload-preview hidden>@endif
                                </span>
                                <span class="upload-content">
                                    <strong>Logotipo principal</strong>
                                    <small>Cualquier formato de imagen · Máximo 4 MB</small>
                                    <span class="upload-file-name" data-file-name>{{ $logoUrl ? 'Logotipo actual cargado' : 'Sin archivo seleccionado' }}</span>
                                </span>
                                <span class="upload-button">Seleccionar archivo</span>
                            </label>
                            @if ($logoUrl)<label class="check-row remove-asset"><input type="checkbox" name="remove_logo" value="1"> Restablecer el logotipo predeterminado</label>@endif
                        </div>

                        <div class="brand-upload-field">
                            <label class="brand-upload-card upload-card-dark" for="logo_light" data-upload-card>
                                <input id="logo_light" type="file" name="logo_light" accept="image/*" data-asset-input data-preview-target="preview-logo-light">
                                <span class="upload-thumb">
                                    @if ($logoLightUrl)<img src="{{ $logoLightUrl }}" alt="Logotipo para fondos oscuros actual" data-upload-preview>@else<span data-upload-placeholder>LOGO</span><img alt="Vista previa del logotipo para fondos oscuros" data-upload-preview hidden>@endif
                                </span>
                                <span class="upload-content">
                                    <strong>Logotipo para fondos oscuros</strong>
                                    <small>Opcional · Se utiliza en el acceso y footer</small>
                                    <span class="upload-file-name" data-file-name>{{ $logoLightUrl ? 'Versión oscura cargada' : 'Sin archivo seleccionado' }}</span>
                                </span>
                                <span class="upload-button">Seleccionar archivo</span>
                            </label>
                            @if ($logoLightUrl)<label class="check-row remove-asset"><input type="checkbox" name="remove_logo_light" value="1"> Usar el logotipo principal</label>@endif
                        </div>

                        <div class="brand-upload-field">
                            <label class="brand-upload-card upload-card-favicon" for="favicon" data-upload-card>
                                <input id="favicon" type="file" name="favicon" accept="image/*" data-asset-input data-preview-target="preview-favicon">
                                <span class="upload-thumb">
                                    @if ($faviconUrl)<img src="{{ $faviconUrl }}" alt="Favicon actual" data-upload-preview>@else<span data-upload-placeholder>256</span><img alt="Vista previa del favicon" data-upload-preview hidden>@endif
                                </span>
                                <span class="upload-content">
                                    <strong>Favicon</strong>
                                    <small>Imagen cuadrada recomendada · 256 × 256 px</small>
                                    <span class="upload-file-name" data-file-name>{{ $faviconUrl ? 'Favicon actual cargado' : 'Sin archivo seleccionado' }}</span>
                                </span>
                                <span class="upload-button">Seleccionar archivo</span>
                            </label>
                            @if ($faviconUrl)<label class="check-row remove-asset"><input type="checkbox" name="remove_favicon" value="1"> Eliminar favicon actual</label>@endif
                        </div>
                    </div>
                </div>
                <aside class="brand-preview">
                    <div class="brand-preview-head"><span class="preview-label">Vista previa</span><span>En tiempo real</span></div>
                    <div class="preview-browser-bar"><span class="preview-browser-dot"></span><span>Encabezado claro</span></div>
                    <div class="preview-brand-surface">
                        <div class="preview-brand" id="preview-logo">
                            @if($logoUrl)<img src="{{ $logoUrl }}" alt="Logotipo actual">@else<span class="brand-mark"><span data-preview-initial>{{ mb_strtoupper(mb_substr($settings['site_name'] ?? config('app.name'),0,1)) }}</span></span><strong data-preview-name>{{ $settings['site_name'] ?? config('app.name') }}</strong>@endif
                        </div>
                        <p data-preview-tagline>{{ $settings['site_tagline'] ?? 'Tu frase de marca aparecerá aquí.' }}</p>
                    </div>
                    <div class="preview-dark-surface">
                        <span>Fondo oscuro</span>
                        <div class="preview-brand preview-brand-light" id="preview-logo-light">
                            @if($logoLightUrl)<img src="{{ $logoLightUrl }}" alt="Logotipo claro actual">@elseif($logoUrl)<img src="{{ $logoUrl }}" alt="Logotipo principal">@else<span class="brand-mark"><span data-preview-initial>{{ mb_strtoupper(mb_substr($settings['site_name'] ?? config('app.name'),0,1)) }}</span></span><strong data-preview-name>{{ $settings['site_name'] ?? config('app.name') }}</strong>@endif
                        </div>
                    </div>
                    <div class="favicon-preview">
                        <span class="favicon-preview-image" id="preview-favicon">@if($faviconUrl)<img src="{{ $faviconUrl }}" alt="Favicon actual">@else<span data-preview-initial>{{ mb_strtoupper(mb_substr($settings['site_name'] ?? config('app.name'),0,1)) }}</span>@endif</span>
                        <span><strong>Pestaña del navegador</strong><small data-preview-name>{{ $settings['site_name'] ?? config('app.name') }}</small></span>
                    </div>
                </aside>
            </div>
        </section>

        <section class="panel settings-panel" data-settings-section="apariencia" id="colores">
            <div class="panel-head"><div><span class="settings-step">02 · Apariencia</span><h2>Colores de tu sitio</h2></div><p>Paleta de colores: elige una combinación sugerida o ajusta cada color. Verás el resultado antes de guardar.</p></div>
            <div class="panel-body palette-builder" data-palette-builder>
                <div class="palette-builder-main">
                    <div class="palette-name-field"><label class="form-label" for="palette_name">Nombre de la paleta</label><input class="form-input" id="palette_name" name="palette_name" value="{{ old('palette_name',$settings['palette_name'] ?? 'Paleta principal') }}" maxlength="80" placeholder="Ej. Identidad corporativa"></div>

                    <div class="palette-presets" aria-label="Paletas sugeridas">
                        <span>Comenzar con</span>
                        <button type="button" data-palette-preset='{"brand_color":"#1769aa","brand_dark_color":"#0b2948","accent_color":"#e6a23c","surface_color":"#eef5fb","background_color":"#f8fafc","panel_color":"#ffffff","text_color":"#172235","muted_color":"#647184","success_color":"#238461"}'><i style="--preset-a:#1769aa;--preset-b:#0b2948;--preset-c:#e6a23c"></i>Océano</button>
                        <button type="button" data-palette-preset='{"brand_color":"#344054","brand_dark_color":"#101828","accent_color":"#d0a85c","surface_color":"#f2f4f7","background_color":"#fafafa","panel_color":"#ffffff","text_color":"#1d2939","muted_color":"#667085","success_color":"#297a58"}'><i style="--preset-a:#344054;--preset-b:#101828;--preset-c:#d0a85c"></i>Grafito</button>
                        <button type="button" data-palette-preset='{"brand_color":"#25745a","brand_dark_color":"#173e35","accent_color":"#d39b45","surface_color":"#eef6f1","background_color":"#f8fbf9","panel_color":"#ffffff","text_color":"#20342e","muted_color":"#667b73","success_color":"#1f7a55"}'><i style="--preset-a:#25745a;--preset-b:#173e35;--preset-c:#d39b45"></i>Bosque</button>
                        <button type="button" data-palette-preset='{"brand_color":"#a8513f","brand_dark_color":"#4c2f32","accent_color":"#d99b53","surface_color":"#faf1ed","background_color":"#fcfaf8","panel_color":"#ffffff","text_color":"#302729","muted_color":"#77686a","success_color":"#34765a"}'><i style="--preset-a:#a8513f;--preset-b:#4c2f32;--preset-c:#d99b53"></i>Terracota</button>
                    </div>

                    @php
                        $paletteFields = [
                            'brand_color' => ['Principal','Botones, enlaces y elementos activos','#0b4aa2'],
                            'brand_dark_color' => ['Profundo','Encabezados y fondos de alto contraste','#082b53'],
                            'accent_color' => ['Acento','Detalles y llamadas de atención','#f4b942'],
                            'surface_color' => ['Superficie secundaria','Secciones y fondos suaves','#f5f7fb'],
                            'background_color' => ['Fondo general','Lienzo principal del sitio','#fcfdff'],
                            'panel_color' => ['Paneles','Tarjetas, formularios y ventanas','#ffffff'],
                            'text_color' => ['Texto principal','Títulos y contenido de lectura','#172235'],
                            'muted_color' => ['Texto secundario','Ayudas, metadatos y descripciones','#5d6878'],
                            'success_color' => ['Confirmación','Progreso, estados válidos y éxito','#14805e'],
                        ];
                        $paletteGroups = [
                            'Identidad visual' => ['brand_color', 'brand_dark_color', 'accent_color'],
                            'Fondos y superficies' => ['background_color', 'surface_color', 'panel_color'],
                            'Texto y estados' => ['text_color', 'muted_color', 'success_color'],
                        ];
                    @endphp
                    <div class="palette-color-groups">
                        @foreach($paletteGroups as $group => $keys)
                            <section class="palette-color-group"><div class="palette-group-heading"><strong>{{ $group }}</strong><span>{{ $loop->iteration }} de {{ count($paletteGroups) }}</span></div><div class="palette-color-grid">
                                @foreach($keys as $key)
                                    @php([$label,$help,$fallback] = $paletteFields[$key])
                                    @php($colorValue = old($key,$settings[$key] ?? $fallback))
                                    <label class="palette-color-field" data-color-field>
                                        <input type="color" name="{{ $key }}" value="{{ $colorValue }}" data-color-input aria-label="{{ $label }}">
                                        <span><strong>{{ $label }}</strong><small>{{ $help }}</small></span>
                                        <input type="text" value="{{ mb_strtoupper($colorValue) }}" maxlength="7" pattern="#[0-9A-Fa-f]{6}" data-hex-input aria-label="Código hexadecimal de {{ $label }}">
                                    </label>
                                @endforeach
                            </div></section>
                        @endforeach
                    </div>
                </div>

                <aside class="palette-preview" data-palette-preview>
                    <div class="palette-preview-head"><span>Vista previa</span><small>Actualización inmediata</small></div>
                    <div class="palette-preview-browser">
                        <div class="palette-preview-nav"><b>A</b><span></span><span></span><i></i></div>
                        <div class="palette-preview-hero"><small>Formación profesional</small><strong>Aprende con una identidad propia.</strong><p>Así se combinarán los colores principales de tu plataforma.</p><button type="button">Explorar cursos</button></div>
                        <div class="palette-preview-cards"><article><i></i><strong>Curso destacado</strong><span>Contenido profesional</span></article><article><i></i><strong>Ruta de aprendizaje</strong><span>Avance verificable</span></article></div>
                    </div>
                    <div class="palette-strip" aria-label="Colores de la paleta">@foreach($paletteFields as $key => [$label,$help,$fallback])<i data-palette-swatch="{{ $key }}" style="background:{{ old($key,$settings[$key] ?? $fallback) }}" title="{{ $label }}"></i>@endforeach</div>
                </aside>
            </div>
        </section>

        <section class="panel settings-panel" data-settings-section="inicio" id="portada">
            <div class="panel-head"><div><span class="settings-step">03 · Página de inicio</span><h2>Presentación para visitantes</h2></div><p>Este mensaje e imagen son lo primero que verá una persona al entrar a tu academia.</p></div>
            <div class="panel-body settings-grid">
                <div class="settings-fields">
                    <section class="settings-field-group">
                        <div class="settings-field-group-head"><div><span>Mensaje principal</span><h3>Comunica el valor de tu academia</h3></div><p>Usa un título claro y una breve explicación para orientar a tus visitantes.</p></div>
                        <div><label class="form-label" for="hero_eyebrow">Etiqueta superior</label><input class="form-input" id="hero_eyebrow" name="hero_eyebrow" value="{{ old('hero_eyebrow',$settings['hero_eyebrow'] ?? '') }}" placeholder="Aprendizaje profesional en español"></div>
                        <div class="form-grid"><div><label class="form-label" for="hero_title">Título principal</label><input class="form-input" id="hero_title" name="hero_title" value="{{ old('hero_title',$settings['hero_title'] ?? '') }}" placeholder="Aprende algo útil para tu"></div><div><label class="form-label" for="hero_highlight">Texto destacado</label><input class="form-input" id="hero_highlight" name="hero_highlight" value="{{ old('hero_highlight',$settings['hero_highlight'] ?? '') }}" placeholder="siguiente paso."></div></div>
                        <div><label class="form-label" for="hero_description">Descripción</label><textarea class="form-textarea" id="hero_description" name="hero_description" maxlength="500" placeholder="Describe el valor principal de tu oferta">{{ old('hero_description',$settings['hero_description'] ?? '') }}</textarea></div>
                    </section>
                    <section class="settings-field-group">
                        <div class="settings-field-group-head"><div><span>Imagen de portada</span><h3>Una imagen que represente tu propuesta</h3></div><p>La descripción ayuda a que la imagen sea comprensible para todas las personas.</p></div>
                        <div><label class="form-label" for="hero_image_alt">Descripción accesible de la imagen</label><input class="form-input" id="hero_image_alt" name="hero_image_alt" value="{{ old('hero_image_alt',$settings['hero_image_alt'] ?? '') }}" placeholder="Persona aprendiendo en un espacio de estudio"></div>
                        <div class="field-full">
                        <span class="form-label">Imagen de portada principal</span>
                        <label class="media-upload-card media-upload-wide" for="hero_image" data-upload-card>
                            <input id="hero_image" type="file" name="hero_image" accept="image/*" data-asset-input data-preview-target="preview-hero-image">
                            <span class="media-upload-thumb">@if($heroImageUrl)<img src="{{ $heroImageUrl }}" alt="Portada actual" data-upload-preview>@else<span data-upload-placeholder>PORTADA</span><img alt="Vista previa de la portada" data-upload-preview hidden>@endif</span>
                            <span class="media-upload-copy"><strong>Subir imagen de portada</strong><small>Cualquier imagen · Recomendado 1800 × 1000 px · Máximo 6 MB</small><span data-file-name>{{ isset($settings['hero_image_path']) ? 'Imagen personalizada activa' : 'Se utiliza la portada incluida' }}</span></span>
                            <span class="upload-button">Seleccionar imagen</span>
                        </label>
                        @if(isset($settings['hero_image_path']))<label class="check-row remove-asset"><input type="checkbox" name="remove_hero_image" value="1"> Restablecer la imagen incluida</label>@endif
                        </div>
                    </section>
                </div>
                <aside class="hero-admin-preview" id="preview-hero-image"><img src="{{ $heroImageUrl }}" alt="Vista previa de la portada"><span>Imagen activa</span></aside>
            </div>
        </section>

        <section class="panel settings-panel" data-settings-section="atencion" id="contacto">
            <div class="panel-head"><div><span class="settings-step">04 · Atención</span><h2>Contacto y avisos</h2></div><p>Indica cómo pueden comunicarse contigo y muestra un aviso importante si lo necesitas.</p></div>
            <div class="panel-body settings-contact-layout">
                <section class="settings-field-group"><div class="settings-field-group-head"><div><span>Aviso superior</span><h3>Comparte una novedad importante</h3></div><p>Actívalo solo cuando tengas información útil para mostrar en todo el sitio.</p></div><label class="check-row"><input type="checkbox" name="show_announcement" value="1" @checked(old('show_announcement', isset($settings['show_announcement']) ? filter_var($settings['show_announcement'], FILTER_VALIDATE_BOOLEAN) : true))> Mostrar barra informativa en la parte superior</label><div><label class="form-label" for="announcement_text">Texto de la barra</label><input class="form-input" id="announcement_text" name="announcement_text" value="{{ old('announcement_text',$settings['announcement_text'] ?? '') }}" placeholder="Formación práctica para avanzar profesionalmente"></div></section>
                <section class="settings-field-group"><div class="settings-field-group-head"><div><span>Canales de atención</span><h3>Define cómo pueden contactarte</h3></div><p>Incluye solo los medios que atenderás de forma activa.</p></div><div class="form-grid"><div><label class="form-label" for="support_email">Correo de soporte</label><input class="form-input" id="support_email" type="email" name="support_email" value="{{ old('support_email',$settings['support_email'] ?? 'soporte@deltanet.com.mx') }}" required></div><div><label class="form-label" for="contact_phone">Teléfono</label><input class="form-input" id="contact_phone" name="contact_phone" value="{{ old('contact_phone',$settings['contact_phone'] ?? '') }}" placeholder="+52 667 000 0000"></div><div><label class="form-label" for="contact_whatsapp">WhatsApp</label><input class="form-input" id="contact_whatsapp" name="contact_whatsapp" value="{{ old('contact_whatsapp',$settings['contact_whatsapp'] ?? '') }}" placeholder="526670000000"></div><div><label class="form-label" for="contact_hours">Horario de atención</label><input class="form-input" id="contact_hours" name="contact_hours" value="{{ old('contact_hours',$settings['contact_hours'] ?? '') }}" placeholder="Lunes a viernes, 9:00–18:00"></div></div><div><label class="form-label" for="contact_address">Dirección</label><textarea class="form-textarea" id="contact_address" name="contact_address" maxlength="300" placeholder="Ciudad, estado y país">{{ old('contact_address',$settings['contact_address'] ?? '') }}</textarea></div></section>
            </div>
        </section>

        <section class="panel settings-panel email-settings-panel" data-settings-section="correo" id="correo">
            <div class="panel-head"><div><span class="settings-step">05 · Correo electrónico</span><h2>Envío y plantillas</h2></div><p>Conecta la cuenta remitente y adapta los mensajes automáticos que reciben tus usuarios.</p></div>
            <div class="panel-body email-settings-layout">
                <div class="email-settings-main">
                    <section class="settings-field-group">
                        <div class="settings-field-group-head"><div><span>Servidor de salida</span><h3>Conexión SMTP</h3></div><p>Usa las credenciales proporcionadas por tu servicio de correo o proveedor de hosting.</p></div>
                        <div class="form-grid">
                            <label><span class="form-label">Método de envío</span><select class="form-select" name="mail_mailer" required><option value="smtp" @selected(old('mail_mailer',$settings['mail_mailer'] ?? config('mail.default'))==='smtp')>Servidor SMTP</option><option value="sendmail" @selected(old('mail_mailer',$settings['mail_mailer'] ?? config('mail.default'))==='sendmail')>Sendmail del servidor</option><option value="log" @selected(old('mail_mailer',$settings['mail_mailer'] ?? config('mail.default'))==='log')>Solo registrar, no enviar</option></select></label>
                            <label><span class="form-label">Servidor SMTP</span><input class="form-input" name="mail_host" value="{{ old('mail_host',$settings['mail_host'] ?? config('mail.mailers.smtp.host')) }}" placeholder="smtp.tudominio.com"></label>
                            <label><span class="form-label">Puerto</span><input class="form-input" type="number" min="1" max="65535" name="mail_port" value="{{ old('mail_port',$settings['mail_port'] ?? config('mail.mailers.smtp.port',587)) }}" placeholder="587"></label>
                            <label><span class="form-label">Seguridad</span><select class="form-select" name="mail_scheme"><option value="smtp" @selected(old('mail_scheme',$settings['mail_scheme'] ?? 'smtp')==='smtp')>TLS automático / STARTTLS</option><option value="smtps" @selected(old('mail_scheme',$settings['mail_scheme'] ?? 'smtp')==='smtps')>SSL directo</option></select></label>
                            <label><span class="form-label">Usuario SMTP</span><input class="form-input" name="mail_username" value="{{ old('mail_username',$settings['mail_username'] ?? config('mail.mailers.smtp.username')) }}" autocomplete="off" placeholder="correo@tudominio.com"></label>
                            <label><span class="form-label">Contraseña SMTP</span><input class="form-input" type="password" name="mail_password" autocomplete="new-password" placeholder="{{ \App\Models\Setting::hasSecret('mail_password') ? '•••••••• guardada' : 'Contraseña o clave de aplicación' }}"><small class="form-help">Déjala vacía para conservar la contraseña guardada.</small></label>
                        </div>
                    </section>

                    <section class="settings-field-group">
                        <div class="settings-field-group-head"><div><span>Identidad del mensaje</span><h3>Remitente y respuesta</h3></div><p>Estos datos aparecen en la bandeja de entrada de cada destinatario.</p></div>
                        <div class="form-grid">
                            <label><span class="form-label">Correo remitente</span><input class="form-input" type="email" name="mail_from_address" value="{{ old('mail_from_address',$settings['mail_from_address'] ?? config('mail.from.address')) }}" placeholder="academia@tudominio.com" required></label>
                            <label><span class="form-label">Nombre del remitente</span><input class="form-input" name="mail_from_name" value="{{ old('mail_from_name',$settings['mail_from_name'] ?? config('mail.from.name',config('app.name'))) }}" required></label>
                            <label class="field-full"><span class="form-label">Responder a</span><input class="form-input" type="email" name="mail_reply_to_address" value="{{ old('mail_reply_to_address',$settings['mail_reply_to_address'] ?? '') }}" placeholder="soporte@tudominio.com"><small class="form-help">Opcional. Las respuestas de los usuarios llegarán a esta dirección.</small></label>
                        </div>
                    </section>
                </div>

                <aside class="email-test-card">
                    <span>Comprobación</span><strong>Enviar correo de prueba</strong><p>Guarda primero esta sección. Después envía una prueba para verificar servidor, credenciales y remitente.</p>
                    <label><span class="form-label">Destinatario de prueba</span><input class="form-input" type="email" name="test_email" value="{{ auth()->user()->email }}" form="mail-test-form" required></label>
                    <button class="btn btn-secondary" type="submit" form="mail-test-form">Enviar prueba</button>
                    <small>{{ isset($settings['mail_last_tested_at']) ? 'Última prueba: '.\Illuminate\Support\Carbon::parse($settings['mail_last_tested_at'])->diffForHumans() : 'Todavía no se registra una prueba.' }}</small>
                </aside>
            </div>

            <div class="email-template-section">
                <header><div><span class="dashboard-kicker">Plantillas automáticas</span><h3>Mensajes que acompañan cada etapa</h3><p>Variables disponibles: <code>{nombre}</code>, <code>{sitio}</code>, <code>{mensaje}</code> y <code>{asunto}</code>.</p></div></header>
                <div class="email-template-base form-grid"><label><span class="form-label">Saludo general</span><input class="form-input" name="email_template_greeting" value="{{ old('email_template_greeting',$settings['email_template_greeting'] ?? 'Hola, {nombre}') }}" required></label><label><span class="form-label">Despedida general</span><input class="form-input" name="email_template_footer" value="{{ old('email_template_footer',$settings['email_template_footer'] ?? 'Gracias por aprender con {sitio}.') }}" required></label></div>
                <div class="email-template-grid">
                    @foreach([
                        'general'=>['Notificación general','{asunto}','{mensaje}'],
                        'welcome'=>['Bienvenida','Bienvenido a {sitio}','Tu cuenta está lista, {nombre}.\n\n{mensaje}'],
                        'enrollment'=>['Inscripción y acceso','Tu acceso en {sitio} está listo','Hola, {nombre}.\n\n{mensaje}'],
                        'certificate'=>['Certificado emitido','Tu certificado ya está disponible','Felicidades, {nombre}.\n\n{mensaje}'],
                    ] as $key => [$label,$defaultSubject,$defaultBody])
                        @php($defaultBody = str_replace('\\n', "\n", $defaultBody))
                        <details class="email-template-card" @if($key==='general') open @endif><summary><span><strong>{{ $label }}</strong><small>Asunto y contenido editables</small></span><i>⌄</i></summary><div><label><span class="form-label">Asunto</span><input class="form-input" name="email_template_{{ $key }}_subject" value="{{ old('email_template_'.$key.'_subject',$settings['email_template_'.$key.'_subject'] ?? $defaultSubject) }}" required></label><label><span class="form-label">Contenido</span><textarea class="form-textarea" name="email_template_{{ $key }}_body" rows="5" required>{{ old('email_template_'.$key.'_body',$settings['email_template_'.$key.'_body'] ?? $defaultBody) }}</textarea></label></div></details>
                    @endforeach
                </div>
            </div>
        </section>

        <section class="panel settings-panel" data-settings-section="cobros" id="comercio">
            <div class="panel-head"><div><span class="settings-step">05 · Ventas</span><h2>Cobros y métodos de pago</h2></div><p>Define cómo se calculan los importes y qué opciones podrán usar tus estudiantes.</p></div>
            <div class="panel-body payment-settings-body">
                <div class="settings-commerce-layout"><section class="settings-field-group"><div class="settings-field-group-head"><div><span>Reglas de precio</span><h3>Moneda, impuestos y método principal</h3></div><p>Estos valores se aplican en cursos, órdenes y comprobantes.</p></div><div class="form-grid"><div><label class="form-label" for="currency">Moneda para mostrar precios</label><input class="form-input" id="currency" name="currency" value="{{ old('currency',$settings['currency'] ?? 'MXN') }}" maxlength="3" required><p class="form-help">Código ISO de tres letras, por ejemplo MXN o USD.</p></div><div><label class="form-label" for="tax_percent">Impuesto aplicado (%)</label><input class="form-input" id="tax_percent" type="number" step=".01" name="tax_percent" value="{{ old('tax_percent',$settings['tax_percent'] ?? 0) }}" required><p class="form-help">Escribe 0 si los precios no llevan impuesto.</p></div><div class="field-full"><label class="form-label" for="payment_default_method">Método de pago predeterminado</label><select class="form-select" id="payment_default_method" name="payment_default_method" required>@foreach(['offline'=>'Pago offline','stripe'=>'Stripe','paypal'=>'PayPal','mercadopago'=>'Mercado Pago'] as $value=>$label)<option value="{{ $value }}" @selected(old('payment_default_method',$settings['payment_default_method'] ?? 'offline') === $value)>{{ $label }}</option>@endforeach</select><p class="form-help">Debe corresponder a un método activo.</p></div></div></section><aside class="settings-info-card"><span>Estado comercial</span><strong>{{ $configuredPayments }} de 4 proveedores configurados</strong><p>Las órdenes ya pagadas conservan la moneda y el impuesto originales.</p></aside></div>

                <div class="payment-section-heading"><div><span class="dashboard-kicker">Proveedores</span><h3>Métodos disponibles para tus estudiantes</h3><p>Activa solo los métodos que estén listos. Las credenciales sensibles se guardan cifradas.</p></div><span class="payment-security-note">Conexión segura</span></div>
                <div class="payment-provider-grid">
                    <details class="payment-provider-card" @if($paymentProviders['stripe']['enabled']) open @endif>
                        <summary><span class="payment-provider-logo is-stripe">S</span><span><strong>Stripe</strong><small>Tarjetas y pagos internacionales</small></span><span class="payment-provider-state {{ $paymentProviders['stripe']['configured'] ? 'is-ready' : '' }}">{{ $paymentProviders['stripe']['configured'] ? 'Configurado' : 'Pendiente' }}</span><i>⌄</i></summary>
                        <div class="payment-provider-form"><label class="switch-row"><span><strong>Activar Stripe</strong><small>Habilita sus credenciales y comprobaciones para la integración de cobro.</small></span><input type="checkbox" name="payment_stripe_enabled" value="1" @checked(old('payment_stripe_enabled',$paymentProviders['stripe']['enabled']))><i></i></label><label><span class="form-label">Clave publicable</span><input class="form-input" name="payment_stripe_publishable_key" value="{{ old('payment_stripe_publishable_key',$settings['payment_stripe_publishable_key'] ?? config('payments.stripe.key')) }}" placeholder="pk_live_..."></label><div class="form-grid"><label><span class="form-label">Clave secreta</span><input class="form-input" type="password" name="payment_stripe_secret_key" placeholder="{{ $paymentProviders['stripe']['configured'] ? '•••••••• guardada' : 'sk_live_...' }}" autocomplete="new-password"><small class="form-help">Déjala vacía para conservar la actual.</small></label><label><span class="form-label">Secreto del webhook</span><input class="form-input" type="password" name="payment_stripe_webhook_secret" placeholder="{{ \App\Models\Setting::hasSecret('payment_stripe_webhook_secret') ? '•••••••• guardado' : 'whsec_...' }}" autocomplete="new-password"></label></div><label><span class="form-label">URL del webhook</span><input class="form-input" value="{{ route('webhooks.payments','stripe') }}" readonly></label><div class="payment-test-row"><button class="btn btn-secondary btn-small" type="button" data-payment-test="{{ route('admin.payments.test','stripe') }}" @disabled(!$paymentProviders['stripe']['configured'])>Probar conexión</button><span data-payment-test-result>{{ $paymentProviders['stripe']['last_tested_at'] ? 'Última prueba registrada' : 'Guarda las credenciales antes de probar.' }}</span></div></div>
                    </details>

                    <details class="payment-provider-card" @if($paymentProviders['paypal']['enabled']) open @endif>
                        <summary><span class="payment-provider-logo is-paypal">P</span><span><strong>PayPal</strong><small>Cuenta PayPal, tarjetas y saldo</small></span><span class="payment-provider-state {{ $paymentProviders['paypal']['configured'] ? 'is-ready' : '' }}">{{ $paymentProviders['paypal']['configured'] ? 'Configurado' : 'Pendiente' }}</span><i>⌄</i></summary>
                        <div class="payment-provider-form"><label class="switch-row"><span><strong>Activar PayPal</strong><small>Disponible cuando las credenciales sean válidas.</small></span><input type="checkbox" name="payment_paypal_enabled" value="1" @checked(old('payment_paypal_enabled',$paymentProviders['paypal']['enabled']))><i></i></label><div class="form-grid"><label><span class="form-label">Entorno</span><select class="form-select" name="payment_paypal_mode"><option value="sandbox" @selected(old('payment_paypal_mode',$settings['payment_paypal_mode'] ?? config('payments.paypal.mode')) === 'sandbox')>Pruebas (Sandbox)</option><option value="live" @selected(old('payment_paypal_mode',$settings['payment_paypal_mode'] ?? config('payments.paypal.mode')) === 'live')>Producción</option></select></label><label><span class="form-label">Client ID</span><input class="form-input" name="payment_paypal_client_id" value="{{ old('payment_paypal_client_id',$settings['payment_paypal_client_id'] ?? config('payments.paypal.client_id')) }}"></label><label><span class="form-label">Client Secret</span><input class="form-input" type="password" name="payment_paypal_client_secret" placeholder="{{ $paymentProviders['paypal']['configured'] ? '•••••••• guardado' : 'Pega el Client Secret' }}" autocomplete="new-password"><small class="form-help">Déjalo vacío para conservar el actual.</small></label><label><span class="form-label">Webhook ID</span><input class="form-input" name="payment_paypal_webhook_id" value="{{ old('payment_paypal_webhook_id',$settings['payment_paypal_webhook_id'] ?? config('payments.paypal.webhook_id')) }}"></label></div><div class="payment-test-row"><button class="btn btn-secondary btn-small" type="button" data-payment-test="{{ route('admin.payments.test','paypal') }}" @disabled(!$paymentProviders['paypal']['configured'])>Probar conexión</button><span data-payment-test-result>{{ $paymentProviders['paypal']['last_tested_at'] ? 'Última prueba registrada' : 'Guarda las credenciales antes de probar.' }}</span></div></div>
                    </details>

                    <details class="payment-provider-card" @if($paymentProviders['mercadopago']['enabled']) open @endif>
                        <summary><span class="payment-provider-logo is-mercado">M</span><span><strong>Mercado Pago</strong><small>Pagos locales y tarjetas en Latinoamérica</small></span><span class="payment-provider-state {{ $paymentProviders['mercadopago']['configured'] ? 'is-ready' : '' }}">{{ $paymentProviders['mercadopago']['configured'] ? 'Configurado' : 'Pendiente' }}</span><i>⌄</i></summary>
                        <div class="payment-provider-form"><label class="switch-row"><span><strong>Activar Mercado Pago</strong><small>Habilita sus credenciales y comprobaciones para la integración de cobro.</small></span><input type="checkbox" name="payment_mercadopago_enabled" value="1" @checked(old('payment_mercadopago_enabled',$paymentProviders['mercadopago']['enabled']))><i></i></label><label><span class="form-label">Public Key</span><input class="form-input" name="payment_mercadopago_public_key" value="{{ old('payment_mercadopago_public_key',$settings['payment_mercadopago_public_key'] ?? config('payments.mercadopago.public_key')) }}"></label><div class="form-grid"><label><span class="form-label">Access Token</span><input class="form-input" type="password" name="payment_mercadopago_access_token" placeholder="{{ $paymentProviders['mercadopago']['configured'] ? '•••••••• guardado' : 'APP_USR-...' }}" autocomplete="new-password"><small class="form-help">Déjalo vacío para conservar el actual.</small></label><label><span class="form-label">Secreto del webhook</span><input class="form-input" type="password" name="payment_mercadopago_webhook_secret" placeholder="{{ \App\Models\Setting::hasSecret('payment_mercadopago_webhook_secret') ? '•••••••• guardado' : 'Secreto de firma' }}" autocomplete="new-password"></label></div><label><span class="form-label">URL del webhook</span><input class="form-input" value="{{ route('webhooks.payments','mercadopago') }}" readonly></label><div class="payment-test-row"><button class="btn btn-secondary btn-small" type="button" data-payment-test="{{ route('admin.payments.test','mercadopago') }}" @disabled(!$paymentProviders['mercadopago']['configured'])>Probar conexión</button><span data-payment-test-result>{{ $paymentProviders['mercadopago']['last_tested_at'] ? 'Última prueba registrada' : 'Guarda las credenciales antes de probar.' }}</span></div></div>
                    </details>

                    <details class="payment-provider-card" open>
                        <summary><span class="payment-provider-logo is-offline">O</span><span><strong>Pago offline</strong><small>Transferencia, depósito o pago manual</small></span><span class="payment-provider-state {{ $paymentProviders['offline']['configured'] ? 'is-ready' : '' }}">{{ $paymentProviders['offline']['configured'] ? 'Listo' : 'Pendiente' }}</span><i>⌄</i></summary>
                        <div class="payment-provider-form"><label class="switch-row"><span><strong>Activar pago offline</strong><small>Solicitar comprobante para validación administrativa.</small></span><input type="checkbox" name="payment_offline_enabled" value="1" @checked(old('payment_offline_enabled',$paymentProviders['offline']['enabled']))><i></i></label><label><span class="form-label">Nombre que verá el estudiante</span><input class="form-input" name="payment_offline_name" value="{{ old('payment_offline_name',$settings['payment_offline_name'] ?? 'Transferencia o depósito') }}"></label><label><span class="form-label">Instrucciones</span><textarea class="form-textarea" name="payment_offline_instructions" placeholder="Explica cómo realizar el pago y adjuntar el comprobante.">{{ old('payment_offline_instructions',$settings['payment_offline_instructions'] ?? 'Realiza el pago y adjunta tu comprobante. El acceso se habilitará después de validarlo.') }}</textarea></label><label><span class="form-label">Datos bancarios o referencia</span><textarea class="form-textarea" name="payment_offline_bank_details" placeholder="Banco, beneficiario, cuenta, CLABE y referencia.">{{ old('payment_offline_bank_details',$settings['payment_offline_bank_details'] ?? '') }}</textarea><small class="form-help">Esta información se mostrará únicamente durante el pago.</small></label></div>
                    </details>
                </div>
            </div>
        </section>

        @unless(in_array($activeSection,['seguridad','operacion']))<div class="settings-actions" data-settings-actions><span data-settings-save-state>Sin cambios pendientes.</span><button class="btn btn-primary" type="submit">Guardar cambios de {{ mb_strtolower($sectionMeta[0]) }}</button></div>@endunless
    </form>
    @if($activeSection === 'correo')<form id="mail-test-form" method="POST" action="{{ route('admin.mail.test') }}">@csrf</form>@endif
    @endunless

    <section class="panel settings-panel security-panel" data-settings-section="seguridad" id="seguridad">
        <div class="panel-head"><div><span class="settings-step">06 · Protección</span><h2>Seguridad y acceso</h2></div><p>Consulta las protecciones activas y los puntos que requieren seguimiento. No necesitas cambiar nada aquí para mantenerlas activas.</p></div>
        <div class="panel-body security-grid">
            <article><span class="security-icon">01</span><div><strong>Acceso protegido</strong><p>Máximo de 6 intentos por minuto en inicio de sesión y recuperación.</p></div><span class="security-ok">Activo</span></article>
            <article><span class="security-icon">02</span><div><strong>Contraseñas robustas</strong><p>Mínimo 8 caracteres, mayúsculas, minúsculas y números.</p></div><span class="security-ok">Activo</span></article>
            <article><span class="security-icon">03</span><div><strong>Verificación de correo</strong><p>{{ number_format($securityStats['unverified_users']) }} {{ $securityStats['unverified_users'] === 1 ? 'cuenta todavía no verifica' : 'cuentas todavía no verifican' }} su dirección.</p></div>@can('users.view')<a href="{{ route('admin.users',['status'=>'active']) }}">Revisar</a>@else<span class="security-ok">Protegido</span>@endcan</article>
            <article><span class="security-icon">04</span><div><strong>Trazabilidad administrativa</strong><p>{{ number_format($securityStats['audited_actions']) }} acciones registradas en las últimas 24 horas.</p></div>@can('audit.view')<a href="{{ route('admin.audit') }}">Auditoría</a>@else<span class="security-ok">Protegido</span>@endcan</article>
            <article><span class="security-icon">05</span><div><strong>Control de cuentas</strong><p>{{ number_format($securityStats['suspended_users']) }} cuentas suspendidas o restringidas.</p></div>@can('users.view')<a href="{{ route('admin.users') }}">Administrar</a>@else<span class="security-ok">Protegido</span>@endcan</article>
            <article><span class="security-icon">06</span><div><strong>Operaciones sensibles</strong><p>Publicaciones, reembolsos y revocaciones solicitan confirmación y dejan registro.</p></div><span class="security-ok">Activo</span></article>
        </div>
    </section>

    @if(false)<section class="settings-operation" data-settings-section="operacion" id="administracion">
        <div class="settings-operation-heading"><div><span class="dashboard-kicker">Operación interna</span><h2>Administra el contenido y las reglas del sitio</h2><p>Estas opciones ayudan a mantener el catálogo ordenado, crear promociones y moderar lo que se publica.</p></div></div>

        <div class="settings-secondary-grid">
            <section class="panel settings-management-card"><div class="panel-head"><div><h2>Organizar el catálogo</h2><p>Crea categorías para que las personas encuentren cursos con mayor facilidad.</p></div><span class="settings-count">{{ $categories->count() }}</span></div><div class="panel-body settings-card-stack">
                <details class="settings-disclosure" open><summary><span><strong>Crear una categoría</strong><small>Por ejemplo: Diseño, Liderazgo o Tecnología.</small></span><span>＋</span></summary><form class="settings-compact-form" method="POST" action="{{ route('admin.categories.store') }}">@csrf<label><span class="form-label">Nombre</span><input class="form-input" name="name" placeholder="Ej. Habilidades digitales" required></label><label><span class="form-label">Descripción opcional</span><textarea class="form-textarea" name="description" placeholder="Explica qué cursos encontrará la persona aquí."></textarea></label><button class="btn btn-primary">Crear categoría</button></form></details>
                <details class="settings-disclosure"><summary><span><strong>Crear una subcategoría</strong><small>Úsala para dividir una categoría principal.</small></span><span>＋</span></summary><form class="settings-compact-form" method="POST" action="{{ route('admin.categories.store') }}">@csrf<label><span class="form-label">Nombre</span><input class="form-input" name="name" placeholder="Ej. Diseño de interfaces" required></label><label><span class="form-label">Pertenece a</span><select class="form-select" name="parent_id" required><option value="">Selecciona una categoría</option>@foreach($categories->whereNull('parent_id') as $category)<option value="{{ $category->id }}">{{ $category->name }}</option>@endforeach</select></label><label><span class="form-label">Descripción opcional</span><textarea class="form-textarea" name="description" placeholder="Explica qué cursos contiene."></textarea></label><button class="btn btn-secondary">Crear subcategoría</button></form></details>
            </div><div class="settings-list"><span class="settings-list-label">Categorías actuales</span>@forelse($categories as $category)<div><span><strong>{{ $category->name }}</strong>@if($category->parent)<small>{{ $category->parent->name }}</small>@endif</span><small>{{ $category->courses_count }} {{ $category->courses_count === 1 ? 'curso' : 'cursos' }}</small></div>@empty<p class="activity-empty">Aún no hay categorías creadas.</p>@endforelse</div></section>

            <section class="panel settings-management-card"><div class="panel-head"><div><h2>Promociones</h2><p>Crea códigos de descuento para campañas, grupos o ventas especiales.</p></div><span class="settings-count">{{ $coupons->count() }}</span></div><div class="panel-body"><details class="settings-disclosure" open><summary><span><strong>Crear un código promocional</strong><small>El código se puede compartir al momento de la inscripción.</small></span><span>＋</span></summary><form class="settings-compact-form coupon-form" method="POST" action="{{ route('admin.coupons.store') }}">@csrf<label><span class="form-label">Código</span><input class="form-input" name="code" placeholder="Ej. BIENVENIDA20" required></label><div class="form-grid"><label><span class="form-label">Tipo de descuento</span><select class="form-select" name="type"><option value="percent">Porcentaje (%)</option><option value="fixed">Monto fijo</option></select></label><label><span class="form-label">Valor</span><input class="form-input" type="number" step=".01" name="value" placeholder="Ej. 20" required></label><label><span class="form-label">Compra mínima</span><input class="form-input" type="number" step=".01" name="minimum_amount" placeholder="Opcional"></label><label><span class="form-label">Máximo de usos</span><input class="form-input" type="number" name="usage_limit" placeholder="Opcional"></label></div><label><span class="form-label">Fecha de vencimiento</span><input class="form-input" type="date" name="expires_at"></label><button class="btn btn-primary">Crear promoción</button></form></details></div><div class="settings-list"><span class="settings-list-label">Promociones recientes</span>@forelse($coupons as $coupon)<div><span><strong>{{ $coupon->code }}</strong><small>{{ $coupon->type === 'percent' ? $coupon->value.'% de descuento' : '$'.number_format($coupon->value,2).' de descuento' }}</small></span><small>{{ $coupon->uses }} usos</small></div>@empty<p class="activity-empty">Aún no hay promociones creadas.</p>@endforelse</div></section>
        </div>

        <section class="panel settings-extra settings-review-panel"><div class="panel-head"><div><h2>Reseñas por revisar</h2><p>Aprueba solo los comentarios que representen una experiencia real y útil para otros estudiantes.</p></div><span class="settings-count">{{ $reviews->count() }}</span></div><div class="table-wrap"><table class="data-table"><thead><tr><th>Curso</th><th>Estudiante</th><th>Comentario</th><th>Decisión</th></tr></thead><tbody>@forelse($reviews as $review)<tr><td><strong>{{ $review->course->title }}</strong></td><td>{{ $review->user->name }}</td><td><span class="review-score">{{ $review->rating }}/5</span> {{ $review->comment }}</td><td><form class="settings-row-actions" method="POST" action="{{ route('admin.reviews.moderate',$review) }}">@csrf @method('PUT')<button class="btn btn-primary btn-small" name="status" value="approved">Publicar</button><button class="btn btn-danger btn-small" name="status" value="rejected">No publicar</button></form></td></tr>@empty<tr><td colspan="4" class="empty-state">No hay reseñas pendientes. Todo está al día.</td></tr>@endforelse</tbody></table></div></section>

        @if(auth()->user()->hasRole('superadministrador'))@php($permissionLabels = ['audit.view' => 'Ver auditoría', 'certificates.manage' => 'Administrar certificados', 'coupons.manage' => 'Administrar promociones', 'courses.create' => 'Crear cursos', 'courses.manage-own' => 'Editar cursos propios', 'courses.moderate' => 'Revisar y publicar cursos', 'enrollments.manage' => 'Administrar inscripciones', 'orders.manage' => 'Administrar órdenes y pagos', 'orders.view' => 'Ver órdenes y pagos', 'reports.export' => 'Exportar reportes', 'reviews.moderate' => 'Revisar reseñas', 'roles.manage' => 'Administrar permisos', 'settings.manage' => 'Modificar configuración', 'users.manage' => 'Administrar usuarios', 'users.view' => 'Ver usuarios'])<section class="panel settings-extra settings-permissions"><div class="panel-head"><div><h2>Qué puede hacer un administrador</h2><p>Selecciona las tareas que podrán realizar las cuentas con el rol Administrador. Solo un superadministrador puede cambiar estas reglas.</p></div></div><form class="panel-body" method="POST" action="{{ route('admin.roles.update') }}">@csrf @method('PUT')<div class="permission-grid">@foreach($permissions as $permission)<label class="permission-choice"><input type="checkbox" name="permissions[]" value="{{ $permission->name }}" @checked($adminPermissions->contains($permission->name))><span><strong>{{ $permissionLabels[$permission->name] ?? Str::headline($permission->name) }}</strong><small>{{ $permission->name }}</small></span></label>@endforeach</div><div class="permission-actions"><span>Los cambios afectan al rol Administrador.</span><button class="btn btn-primary">Guardar permisos</button></div></form></section>@endif
    </section>@endif
</section></div></div>
@endsection