{{-- Schema-driven admin form. Renderiza form completo de una vista (welcome/about/contact) auto-generado desde el schema del demo. --}}

@if(!$hasSchema)
    <div class="alert alert-warning d-flex align-items-center mb-4">
        <i class="fas fa-exclamation-triangle me-2"></i>
        <div>
            <strong>Schema no encontrado para demo <code>{{ $demo }}</code>.</strong>
            <div class="fs-7 text-gray-700 mt-1">
                Generar con: <code>php artisan bewpro:build-demo-schema {{ $demo }}</code>
            </div>
        </div>
    </div>
@elseif(!$viewDef)
    <div class="alert alert-light d-flex align-items-center mb-4">
        <i class="fas fa-info-circle me-2"></i>
        <div>El schema de <code>{{ $demo }}</code> no declara la vista <code>{{ $viewName }}</code>.</div>
    </div>
@else
    {{-- Header de la vista --}}
    <div class="mb-6">
        <h3 class="fw-bold text-gray-900 mb-1">{{ $viewDef['label'] ?? ucfirst($viewName) }}</h3>
        <p class="text-gray-600 fs-7 mb-0">
            Schema: <code>{{ $demo }}</code> · {{ count($viewDef['sections'] ?? []) }} secciones ·
            Cambios afectan únicamente la vista <strong>{{ $viewName }}</strong> del sitio.
        </p>
    </div>

    {{-- Loop sobre secciones --}}
    @foreach($viewDef['sections'] as $section)
        @php $sectionId = $section['id'] ?? 'section'; @endphp
        <div class="card mb-5 border border-gray-200" id="section_{{ $viewName }}_{{ $sectionId }}">
            <div class="card-header bg-light border-0 py-3 cursor-pointer" data-bs-toggle="collapse"
                 data-bs-target="#sect_{{ $viewName }}_{{ $sectionId }}" aria-expanded="true">
                <div class="d-flex justify-content-between align-items-center w-100">
                    <h4 class="fw-bold text-gray-800 mb-0 fs-5">
                        <i class="ki-duotone ki-element-11 fs-3 me-2 text-primary"><span class="path1"></span><span class="path2"></span><span class="path3"></span><span class="path4"></span></i>
                        {{ $section['label'] ?? ucfirst($sectionId) }}
                    </h4>
                    <span class="badge badge-light-primary">{{ count($section['fields'] ?? []) }} {{ count($section['fields'] ?? []) === 1 ? 'campo' : 'campos' }}</span>
                </div>
            </div>
            <div id="sect_{{ $viewName }}_{{ $sectionId }}" class="collapse show">
                <div class="card-body py-4">
                    <div class="row g-4">
                        @foreach($section['fields'] ?? [] as $field)
                            @php $type = $field['type'] ?? 'text'; @endphp
                            <x-schema-admin-fields.dispatch
                                :field="$field"
                                :view="$viewName"
                                :value="$type === 'repeater' ? null : $fieldValue($field)"
                                :name="$type === 'repeater' ? null : $fieldName($field['key'])"
                                :items="$type === 'repeater' ? $repeaterItems($field) : null"
                            />
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    @endforeach
@endif