{# Formulario para las preguntas base #}
<script type="text/html" id="preguntas_base">
    <div class="row">
        <div class="col-md-12 col-sm-12 col-xs-12">
            <label class="col-md-4 col-xs-4 col-sm-4 control-label">
                Texto de la Pregunta
            </label>
            <div class="col-md-6 col-xs-6 col-sm-6">
                <div class="form-inline">
                    <input class="form-control input-md" id="id_texto_pregunta" name="texto_pregunta" type="text" required="">
                </div>
            </div>
            <h4 class="text-danger">
                Eliminar
                <a href="#" onclick="eliminar_preguntas(this)">
                    <span class="glyphicon glyphicon-minus text-danger"></span>
                </a>
            </h4>
        </div>
        <div class="col-md-12">
            <label class="col-md-4 col-xs-4 col-sm-4 control-label">
                Tipo de pregunta
            </label>
            <div class="col-md-6 col-xs-6 col-sm-6">
                <div class="form-inline">
                    <select class="form-control" id="id_tipo_pregunta" name="tipo_pregunta" required="">
                        <option value="" selected="selected">Seleccione...</option>
                        <option value="1">Selección Simple</option>
                        <option value="2">Selección Múltiple</option>
                        <option value="3">Si/No</option>
                        <option value="4">Si/No (Justificar No)</option>
                        <option value="5">Abierta</option>
                    </select>
                </div>
            </div>
            <div class="col-md-2 col-xs-2 col-sm-2" id="add_options">
            </div>
        </div>
    </div>
</script>

{# Formulario para las preguntas #}
<script type="text/html" id="preguntas">
    <div class="row">
        <div class="col-md-12 col-sm-12 col-xs-12">
            <label class="col-md-4 col-xs-4 col-sm-4 control-label">
                Texto de la Pregunta
            </label>
            <div class="col-md-6 col-xs-6 col-sm-6">
                <div class="form-inline">
                    <input class="form-control input-md" id="id_texto_pregunta_modal" name="texto_pregunta_modal" type="text" required="">
                </div>
            </div>
            <h4 class="text-danger">
                Eliminar
                <a href="#" onclick="eliminar_preguntas(this)">
                    <span class="glyphicon glyphicon-minus text-danger"></span>
                </a>
            </h4>
        </div>
        <div class="col-md-12">
            <label class="col-md-4 col-xs-4 col-sm-4 control-label">
                Tipo de pregunta
            </label>
            <div class="col-md-6 col-xs-6 col-sm-6">
                <div class="form-inline">
                    <select class="form-control" id="id_tipo_pregunta_modal" name="tipo_pregunta_modal" required="">
                        <option value="" selected="selected">Seleccione...</option>
                        <option value="1">Selección Simple</option>
                        <option value="2">Selección Múltiple</option>
                        <option value="3">Si/No</option>
                        <option value="4">Si/No (Justificar No)</option>
                        <option value="5">Abierta</option>
                    </select>
                </div>
            </div>
            <div class="col-md-2 col-xs-2 col-sm-2" id="add_options">
            </div>
        </div>
    </div>
</script>

{# Formulario base para opciones #}
<script type="text/html" id="agregar_opciones_base">
    <h5 class="text-success">
        Agregar opción
        <a href="#" onclick="add_option(this)"><span class="glyphicon glyphicon-plus text-success"></span></a>
    </h5>
    <div id="for_options" class="row">
        <div id="opciones">
            <div class="col-md-12 col-sm-12 col-xs-12">
                <label class="col-md-4 col-xs-4 col-sm-4 control-label"> Opciones </label>
                <div class="col-md-6 col-xs-6 col-sm-6">
                    <div class="form-inline">
                        <input class="form-control input-md" id="id_texto_opcion" name="texto_opcion" type="text" required="">
                    </div>
                </div>
                <h5 class="text-danger">
                    Eliminar
                    <a href="#" onclick="remove_option(this)">
                        <span class="glyphicon glyphicon-minus text-danger"></span>
                    </a>
                </h5>
            </div>
        </div>
    </div>
</script>

{# Formulario base para opciones #}
<script type="text/html" id="agregar_opciones">
    <div id="opciones">
        <div class="col-md-12 col-sm-12 col-xs-12">
            <label class="col-md-4 col-xs-4 col-sm-4 control-label"> Opciones </label>
            <div class="col-md-6 col-xs-6 col-sm-6">
                <div class="form-inline">
                    <input class="form-control input-md" id="id_texto_opcion" name="texto_opcion" type="text" required="">
                </div>
            </div>
            <h5 class="text-danger">
                Eliminar
                <a href="#" onclick="remove_option(this)">
                    <span class="glyphicon glyphicon-minus text-danger"></span>
                </a>
            </h5>
        </div>
    </div>
</script>

{# Formulario general #}
<script type="text/html" id="formulario">
    <form action="" role="form" class="form form-horizontal validate-form" method="post" autocomplete="off" id="formulario_modal">
        {% csrf_token %}
    </form>
</script>