{% extends parent_template %}

{% block title %}{{ parent() }} {% block insidetitle %}Dashboard{% endblock %}{% endblock %}

{% block head %}
    {{ parent() }}
{% endblock %}

{% set function_values = '' %}
{% set functions_validate = '' %}
{% block dashbody %}
    <!-- START CONTENT -->
    <section>
        <div class="row">
            <div id="message-flag"></div>
            <div class="col s12 center-align">
                <h2>{{ reason.name.show(lang) }} Test</h2>
            </div>
        </div>
        <div class="row">
            <div class="col s12">
                {% if customFieldTicket is null %}
                    <h3>{{ 'form_forge.test.nothing'|trans }}</h3>
                {% else %}
                    <div class="row">
                        {% for customField in customFieldTicket %}
                            {{ include(customField.formForgeType.frontTemplate.twigName) }}
                            {% set function_values = function_values ~'get_form_value_' ~ customField.publicKey ~ '();' %}
                            {% set functions_validate = functions_validate ~' if(!form_validate_' ~ customField.publicKey ~ '()) return false;' %}
                        {% endfor %}
                    </div>
                {% endif %}
            </div>
            <div class="col s12">
                <a class="btn btn-background" href="javascript:form_validation();">{{ 'form_forge.default.validate'|trans }}</a>
            </div>
        </div>
    </section>
    <!-- Modal Structure -->
    <div id="modal-error-validation" class="modal">
        <div class="modal-content">
            <h4 class="red-text">{{ 'form_forge.modale.header.title'|trans }}</h4>
            <p class="red-text">{{ 'form_forge.modale.body.modal_content'|trans }}</p>
        </div>
        <div class="modal-footer">
            <a href="#!" class="modal-close waves-effect waves-green btn-flat"><i class="small material-icons btn-background-text">close</i></a>
        </div>
    </div>

    <script>
        function get_form_values(){ {{ function_values|raw  }}; return $responses; }

        function validate_form_values(){ {{ functions_validate|raw }}; return true; }

    </script>

{% endblock %}

{% block scripts %}
    {{ parent() }}
    <script>
        $( document ).ready(function() {
            $('select').formSelect();
            $('.modal').modal();
        });
        var $responses = [];

        function form_validation(){

            if(validate_form_values()){
                $.ajax({
                    url: '{{ path('form_create_field_response_client') }}',
                    type: 'POST',
                    data:  {
                        responses: get_form_values(),
                        reasonPK: '{{ reason.publicKey }}',
                        csrf_form: '{{ csrf_token(csrf_key) }}'
                    },
                    success: function (data) {
                        if(data !== '') {
                            location.href = data;
                        }
                    },
                })
            } else {
                // alert("Error Validation");
                $('#modal-error-validation').modal('open')
            }
        }
    </script>

{% endblock %}