{% extends 'admin.html.twig' %}
{% form_theme form 'nordmindAdminBundle:Form:form_theme.html.twig' %}

{% block content %}
    <div class="block-header">
        <h2>Nowy kontakt</h2>
    </div>
    <div class="row clearfix">
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
            <div class="card">
                <div class="body">
                    {{ form_start(form) }}
                    {{ form_widget(form) }}
                    <input type="submit" type="button" class="btn btn-primary" value="Zapisz">
                    {{  form_end(form) }}
                </div>
            </div>
        </div>
    </div>
{% endblock content %}
{% block javascript %}
    {{ parent() }}
    <script type="text/javascript">
        function sendForm(form, callback) {
            // Get all form values
            var values = {};
            $.each(form[0].elements, function (i, field) {
                if (field.type != 'checkbox' || (field.type == 'checkbox' && field.checked)) {
                    values[field.name] = field.value;
                }
            });

            // Post form
            $.ajax({
                type: form.attr('method'),
                url: form.attr('action'),
                data: values,
                success: function (result) {
                    callback(result);
                }
            });
        }

        $(function () {
            $('form').preventDoubleSubmission();
            $('#contact_form_source')
                    .prepend($('<option>', {value: 'new', text: 'Dodaj nowe źródło'}))
                    .on('change', function () {
                        if ($("#contact_form_source option:selected").val() === 'new') {
                            $('#mdModal2 .modal-content').load("{{path('nordmind_admin_source_add', {type: 'contact'})}}");
                            $('#mdModal2').modal('show');
                        }
                    });
            $('#contact_form_source').selectpicker('refresh');
            $(document).on('submit', 'form[name="source"]', function (e) {
                e.preventDefault();
                sendForm($('form[name="source"]'), function (response) {
                    if (typeof response == "object") {
                        $('#contact_form_source')
                                .prepend($('<option>', {value: response.id, text: response.name}))
                                .val(response.id);
                        $('#contact_form_source').selectpicker('refresh');
                        $('#mdModal2').modal('hide');
                    }
                    else {
                        $('#mdModal2').find('.modal-content').html(response);
                    }
                });
            });
        });
    </script>
{% endblock %}