@extends("intranet/layout2")
@section('title', 'Nueva Encuesta')

@section("content2")
    <div class="container-fluid py-2">

        <!-- Encabezado -->
        <div class="d-flex flex-column flex-md-row justify-content-between align-items-start align-items-md-center mb-4 gap-3">
            <div>
                <h4 class="fw-bold mb-1">Nueva Encuesta</h4>
                <small class="text-muted">Crea una Nueva Encuesta en 3 Pasos</small>
            </div>
        </div>

        <!-- PASOS -->
        @include('intranet.encuesta.components.nuevaencuestapasos')
        <div id="mensajeError" class="alert alert-danger d-none" role="alert"></div>

        <!-- CONTENIDO DINÁMICO POR PASO -->
        <div id="contenido-pasos">
            <!-- Aquí cambiaremos dinámicamente el contenido -->
            <div id="paso-contenido-0">
                @include('intranet.encuesta.components.nuevaencuestapaso1')
                @include('intranet.encuesta.components.nuevaencuestapaso2')
                @include('intranet.encuesta.components.nuevaencuestapaso3')
                @include('intranet.encuesta.components.nuevaencuestapaso4')
            </div>
        </div>

    </div>
@endsection