{% extends 'base.html.twig' %}

{% block title %}{{ title }} Jobs | {{ parent() }}{% endblock %}

{% block body %}
    <h1>{{ title }} Job Application</h1>
    <h4>Description:</h4>
    {{ job.longdesc|raw }}
    <div class="row formWrapper">
        {{ include('about_us/_careerApplicationForm.html.twig') }}
    </div>

{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script>
        $(document).ready(function () {

            $(document).on('submit', '.careerApplication', function (event) {

                event.preventDefault();

                $.ajax({
                    url: '{{ path('careerApplicationSubmit') }}',
                    method: 'POST',
                    data: $('.careerApplication').serialize(),
                    beforeSend: function () {
                        $('.formWrapper button').prop('disabled', true).html('Please wait.');
                    },
                    success: function (data) {
                        $('.formWrapper').html(data);
                    },
                    error: function (jqXHR) {
                        $('.formWrapper').html(jqXHR.responseText);
                        scrollToError();
                    }
                });
            });

        });
    </script>
{% endblock %}