<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>{% block title %}{% endblock %}</title>
 
        {% block stylesheets %}
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            {{ encore_entry_link_tags('app_widget') }}
        {% endblock %}

        {% block javascripts %}
            {{ encore_entry_script_tags('app_widget') }}
        {% endblock %}
        
        {% block js %}{% endblock %}
     
    </head>
    <body>
        {% block body %}{% endblock %}

        <div class="modal fade" id="popup" tabindex="-1" role="dialog" aria-hidden="true">
            <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title"></h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div id="popup-body" class="modal-body"></div>
                </div>
            </div>
        </div>     
    </body>
</html>