{% extends 'base.template.html' %}
{% load staticfiles %}
{% block title %}Crear Consulta{% endblock %}
{% block content %}
    <form action="{% url 'consulta_create' %}" role="form" class="form form-horizontal validate-form" method="post" autocomplete="off">
        {% csrf_token %}
        <div class="row text-center">
            <h1>Crear Consulta</h1><hr>
            {% for field in form %}
                <div class="col-md-12 col-sm-12 col-xs-12">
                    <div class="form-group {% if field.errors %}has-error{% endif %}">
                        <label class="col-md-3 col-xs-3 col-sm-3 control-label" for="{{ field.auto_id }}">
                            {{ field.label }}
                        </label>
                        <div class="col-md-4 col-xs-4 col-sm-4">
                            {{ field }}
                            {% include 'base.forms.errors.html' with form_errors=field.errors col_title_error='col-sm-2' col_msg_error='col-sm-10' %}
                        </div>
                        <div class="col-sm-1"><i class="ion ion-ios-medical item-requerido"></i></div>
                    </div>
                </div>
             {% endfor %}
             <div class="col-md-4 col-sm-4 col-xs-4">
                <h4 class="pull-left text-primary">
                    Agregar Más Preguntas
                    <a href="#" onclick="agregar_preguntas('#preguntas')"><span class="glyphicon glyphicon-plus"></span></a>
                </h4>
            </div>
            <div id="agregar_preguntas"></div>
             <div class="col-md-12 col-sm-12 col-xs-12">
                 <a type="button" class="btn btn-info pull-left" href="{% url 'consulta_index' %}">Regresar</a>
                <button type="submit" class="btn btn-success pull-right">Crear</button>
             </div>
        </div>
    </form>
    {% if opciones %}
        <script>
            var opciones = {{ opciones | safe }};
        </script>
    {% endif %}
{% endblock %}
{% block extraJs %}
<script>
    $(document).ready(function(){
        var button = $('button').attr({'type':'submit'});
        button.click(function(e){
            validar_preguntas(e);
        });
        if (typeof opciones !== 'undefined') {
            cargar_preguntas();
        }
    });
</script>
{%endblock%}