{% extends '::layout.html.twig' %}

{% block content %}
    {% include "@FOSUser/Profile/edit_content.html.twig" %}
{% endblock content %}
{% block javascripts %}
    {{ parent() }}
    <script>
        $(document).ready(function () {
            var app_user_registration_picture = document.getElementById("app_user_registration_picture");
            if (app_user_registration_picture != null) {

                document.getElementById('app_user_registration_picture').onchange = function (evt) {

                    var tgt = evt.target || window.event.srcElement,
                            files = tgt.files;

                    // FileReader support
                    if (FileReader && files && files.length) {
                        var fr = new FileReader();
                        fr.onload = function () {
                            document.getElementById('logo_perview').src = fr.result;
                        }
                        fr.readAsDataURL(files[0]);
                    }

                    // Not supported
                    else {
                        // fallback -- perhaps submit the input to an iframe and temporarily store
                        // them on the server until the user's session ends.
                    }
                }
            }
        });
    </script>
{% endblock %}